@iobroker/adapter-react-v5 4.6.13 → 4.7.1

package/Components/ColorPicker.d.ts

@@ -76,18 +76,6 @@ declare const _export: typeof ColorPicker;
  * @extends {React.Component<ColorPickerProps>}
  */
 declare class ColorPicker extends React.Component<ColorPickerProps, any, any> {
-    /**
-     * Get the state derived from the given properties and state.
-     * @param {{ color: Color; }} props
-     * @param {{ color: Color; }} state
-     */
-    static getDerivedStateFromProps(props: {
-        color: Color;
-    }, state: {
-        color: Color;
-    }): {
-        color: any;
-    };
     /**
      * Convert the given color to hex ('#rrggbb') or rgba ('rgba(r,g,b,a)') format.
      * @param {Color} [color]
@@ -122,6 +110,12 @@ declare class ColorPicker extends React.Component<ColorPickerProps, any, any> {
      * @private
      */
     private handleChange;
+    /**
+     * IF the props are updated from outside, they should override the state
+     * @param _prevProps
+     * @param prevState
+     */
+    componentDidUpdate(_prevProps: any, prevState: any): void;
     renderCustomPalette(): React.JSX.Element;
     render(): React.JSX.Element;
 }

package/Components/ColorPicker.js

@@ -37,7 +37,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
                                                                                                                                                                                                                                                                                                                                            * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
                                                                                                                                                                                                                                                                                                                                            * See the License for the specific language governing permissions and
                                                                                                                                                                                                                                                                                                                                            * limitations under the License.
-                                                                                                                                                                                                                                                                                                                                           **/
+                                                                                                                                                                                                                                                                                                                                           */
 var styles = function styles(theme) {
   return {
     color: {
@@ -172,13 +172,23 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
-  /**
-   * Get the state derived from the given properties and state.
-   * @param {{ color: Color; }} props
-   * @param {{ color: Color; }} state
-   */
   (0, _createClass2["default"])(ColorPicker, [{
+    key: "componentDidUpdate",
+    value:
+    /**
+     * IF the props are updated from outside, they should override the state
+     * @param _prevProps
+     * @param prevState
+     */
+    function componentDidUpdate(_prevProps, prevState) {
+      var color = ColorPicker.getColor(this.props.color || this.props.value);
+      if (color !== prevState.color) {
+        this.setState({
+          color: color
+        });
+      }
+    }
+  }, {
     key: "renderCustomPalette",
     value: function renderCustomPalette() {
       var _this2 = this;
@@ -213,9 +223,9 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
-      var color = ColorPicker.getColor(this.state.color);
       var style = _objectSpread({}, this.props.style || {});
       style.position = 'relative';
+      var color = this.state.color;
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: style,
         className: this.props.className || ''
@@ -293,18 +303,6 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Close, null)), this.renderCustomPalette()) : null);
     }
   }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      var pColor = ColorPicker.getColor(props.value || props.color);
-      var sColor = ColorPicker.getColor(state.color);
-      if (pColor !== sColor) {
-        return {
-          color: props.value || props.color
-        };
-      }
-      return null;
-    }
-  }, {
     key: "getColor",
     value:
     /**

package/Components/ColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","names":["_react","_interopRequireDefault","require","_reactColor","_propTypes","_styles","_material","_iconsMaterial","_Utils","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","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","key","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","target","IconButton","size","Delete","Utils","clsx","handleClick","undefined","border","boxSizing","Menu","list","open","onClose","ChromePicker","onChangeComplete","_color","Close","getDerivedStateFromProps","pColor","sColor","isHex","_typeof2","rgb","toString","padStart","g","b","a","rgb2hex","m","match","parseInt","React","Component","propTypes","PropTypes","bool","string","func","isRequired","object","array","_export","withStyles","_default","exports"],"sources":["ColorPicker.js"],"sourcesContent":["/**\n * Copyright 2018-2023 Denis Haev (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';\n\nimport {\n    TextField, Menu, IconButton, Button,\n} 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=\"ar_color_picker_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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"}
+{"version":3,"file":"ColorPicker.js","names":["_react","_interopRequireDefault","require","_reactColor","_propTypes","_styles","_material","_iconsMaterial","_Utils","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","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","key","componentDidUpdate","_prevProps","prevState","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","target","IconButton","size","Delete","Utils","clsx","handleClick","undefined","border","boxSizing","Menu","list","open","onClose","ChromePicker","onChangeComplete","_color","Close","isHex","_typeof2","rgb","toString","padStart","g","b","a","rgb2hex","m","match","parseInt","React","Component","propTypes","PropTypes","bool","string","func","isRequired","object","array","_export","withStyles","_default","exports"],"sources":["ColorPicker.js"],"sourcesContent":["/**\n * Copyright 2018-2023 Denis Haev (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';\n\nimport {\n    TextField, Menu, IconButton, Button,\n} 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     * @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    /**\n     * IF the props are updated from outside, they should override the state\n     * @param _prevProps\n     * @param prevState\n     */\n    componentDidUpdate(_prevProps, prevState) {\n        const color = ColorPicker.getColor(this.props.color || this.props.value);\n\n        if (color !== prevState.color) {\n            this.setState({ color });\n        }\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 style = { ...(this.props.style || {}) };\n        style.position = 'relative';\n        const { color } = this.state;\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=\"ar_color_picker_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/Components/FileBrowser.js

@@ -345,8 +345,9 @@ var styles = function styles(theme) {
       paddingLeft: 2,
       paddingRight: 2,
       cursor: 'pointer',
+      color: '#CCC',
       '&:hover': {
-        background: theme.palette.mode === 'dark' ? '#333' : '#CCC'
+        background: '#333'
       }
     },
     backgroundImageLight: {
@@ -1929,21 +1930,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       }
       return null;
     }
-
-    /*
-    updateItemsAcl(info) {
-        const folders = JSON.parse(JSON.stringify(this.state.folders));
-        let changed;
-        info.forEach(it => {
-            const item = this.findItem(it.id, folders);
-            if (item && JSON.stringify(item.acl) !== JSON.stringify(it.acl)) {
-                item.acl = it.acl;
-                changed = true;
-            }
-        });
-        changed && this.setState({ folders });
-    }
-    */
   }, {
     key: "changeToPath",
     value: function changeToPath() {