@iobroker/adapter-react-v5 4.7.9 → 4.7.10

package/Components/ColorPicker.d.ts

@@ -130,6 +130,8 @@ declare namespace ColorPicker {
         let style: PropTypes.Requireable<object>;
         let className: PropTypes.Requireable<string>;
         let customPalette: PropTypes.Requireable<any[]>;
+        let noInputField: PropTypes.Requireable<boolean>;
+        let barWidth: PropTypes.Requireable<number>;
     }
 }
 import PropTypes from 'prop-types';

package/Components/ColorPicker.js

@@ -19,6 +19,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/styles");
 var _material = require("@mui/material");
 var _iconsMaterial = require("@mui/icons-material");
+var _adapterReactV = require("@iobroker/adapter-react-v5");
 var _Utils = _interopRequireDefault(require("./Utils"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -229,7 +230,7 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: style,
         className: this.props.className || ''
-      }, /*#__PURE__*/_react["default"].createElement(_material.TextField, {
+      }, this.props.noInputField ? null : /*#__PURE__*/_react["default"].createElement(_material.TextField, {
         disabled: this.props.disabled,
         variant: "standard",
         id: "ar_color_picker_name",
@@ -248,7 +249,7 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
         onChange: function onChange(e) {
           return _this3.handleChange(e.target.value);
         }
-      }), color ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+      }), !this.props.noInputField && color ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
         disabled: this.props.disabled,
         onClick: function onClick() {
           return _this3.handleChange('');
@@ -264,15 +265,18 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
         onClick: function onClick(e) {
           return !_this3.props.disabled && _this3.handleClick(e);
         },
+        title: _adapterReactV.I18n.t('ra_Select color'),
         style: {
           background: color ? undefined : 'transparent',
           border: color ? undefined : '1px dashed #ccc',
-          boxSizing: 'border-box'
+          boxSizing: 'border-box',
+          marginTop: this.props.noInputField ? 0 : undefined
         }
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.color,
         style: {
-          background: color
+          background: color,
+          width: this.props.noInputField ? this.props.barWidth || 16 : this.props.barWidth || undefined
         }
       })), this.state.displayColorPicker && !this.props.disabled ? /*#__PURE__*/_react["default"].createElement(_material.Menu, {
         classes: {
@@ -295,7 +299,12 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
             background: '#112233'
           }
         }
-      }), /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+      }), color && this.props.noInputField ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+        className: this.props.classes.closeButton,
+        onClick: function onClick() {
+          return _this3.handleChange('');
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Delete, null)) : null, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
         className: this.props.classes.closeButton,
         onClick: function onClick() {
           return _this3.handleClose();
@@ -353,7 +362,9 @@ ColorPicker.propTypes = {
   // same as label
   style: _propTypes["default"].object,
   className: _propTypes["default"].string,
-  customPalette: _propTypes["default"].array
+  customPalette: _propTypes["default"].array,
+  noInputField: _propTypes["default"].bool,
+  barWidth: _propTypes["default"].number
 };
 
 /** @type {typeof ColorPicker} */

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","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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"}
+{"version":3,"file":"ColorPicker.js","names":["_react","_interopRequireDefault","require","_reactColor","_propTypes","_styles","_material","_iconsMaterial","_adapterReactV","_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","noInputField","TextField","disabled","variant","id","marginRight","label","name","margin","root","target","IconButton","size","Delete","Utils","clsx","handleClick","title","I18n","undefined","border","boxSizing","barWidth","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","number","_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';\n\nimport {\n    Delete as IconDelete,\n    Close as IconClose,\n} from '@mui/icons-material';\n\nimport { I18n } from '@iobroker/adapter-react-v5';\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 => <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            {this.props.noInputField ? null : <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            {!this.props.noInputField && 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                title={I18n.t('ra_Select color')}\n                style={{\n                    background: color ? undefined : 'transparent',\n                    border: color ? undefined : '1px dashed #ccc',\n                    boxSizing: 'border-box',\n                    marginTop: this.props.noInputField ? 0 : undefined,\n                }}\n            >\n                <div\n                    className={this.props.classes.color}\n                    style={{\n                        background: color,\n                        width: this.props.noInputField ? (this.props.barWidth || 16) : (this.props.barWidth || undefined),\n                    }}\n                />\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                {color && this.props.noInputField ? <IconButton className={this.props.classes.closeButton} onClick={() => this.handleChange('')}><IconDelete /></IconButton> : null}\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    noInputField: PropTypes.bool,\n    barWidth: PropTypes.number,\n};\n\n/** @type {typeof ColorPicker} */\nconst _export = withStyles(styles)(ColorPicker);\nexport default _export;\n"],"mappings":"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"}

package/Components/FileBrowser.d.ts

@@ -84,6 +84,9 @@ declare class FileBrowser extends React.Component<import("./types").FileBrowserP
     renderDeleteDialog(): false | React.JSX.Element;
     renderViewDialog(): React.JSX.Element;
     renderError(): React.JSX.Element;
+    updateItemsAcl(info: any): void;
+    cacheFolders: any;
+    cacheFoldersTimeout: any;
     changeToPath(): void;
     renderBreadcrumb(): React.JSX.Element;
     renderPath(): React.JSX.Element;
@@ -113,6 +116,7 @@ declare namespace FileBrowser {
         export let showExpertButton: PropTypes.Requireable<boolean>;
         export let viewType: PropTypes.Requireable<string>;
         export let showViewTypeButton: PropTypes.Requireable<boolean>;
+        export let themeType: PropTypes.Requireable<string>;
         export let restrictToFolder: PropTypes.Requireable<string>;
         export let allowNonRestricted: PropTypes.Requireable<boolean>;
         export let selected: PropTypes.Requireable<string>;

package/Components/FileBrowser.js

@@ -485,7 +485,6 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     }
     var selected = _this.props.selected || (window._localStorage || window.localStorage).getItem('files.selected') || USER_DATA;
     var currentDir = '';
-    var _backgroundImage = (window._localStorage || window.localStorage).getItem('files.backgroundImage') || null;
     if (props.restrictToFolder) {
       selected = props.restrictToFolder;
       currentDir = props.restrictToFolder;
@@ -507,6 +506,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         currentDir = selected;
       }
     }
+    var _backgroundImage = (window._localStorage || window.localStorage).getItem('files.backgroundImage') || null;
     _this.state = {
       viewType: viewType,
       folders: {},
@@ -1026,13 +1026,13 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     key: "renderFolder",
     value: function renderFolder(item, expanded) {
       var _this11 = this;
-      if (this.state.filterEmpty && (!this.state.folders[item.id] || !this.state.folders[item.id].length) && item.id !== USER_DATA && !item.temp) {
+      if (this.state.viewType === TABLE && this.state.filterEmpty && (!this.state.folders[item.id] || !this.state.folders[item.id].length) && item.id !== USER_DATA && !item.temp) {
         return null;
       }
       var Icon = expanded ? _IconOpen["default"] : _IconClosed["default"];
       var padding = this.state.viewType === TABLE ? item.level * this.levelPadding : 0;
       var isUserData = item.name === USER_DATA;
-      var isSpecialData = isUserData || item.name === 'vis.0' || item.name === 'vis-2-beta.0';
+      var isSpecialData = isUserData || item.name === 'vis.0' || item.name === 'vis-2.0';
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: item.id,
         id: item.id,
@@ -1061,7 +1061,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         className: this.props.classes["itemSize".concat(this.state.viewType)]
       }, this.state.viewType === TABLE && this.state.folders[item.id] ? this.state.folders[item.id].length : '')), /*#__PURE__*/_react["default"].createElement(_material.Hidden, {
         smDown: true
-      }, this.state.viewType === TABLE ? this.formatAcl(item.acl) : null), /*#__PURE__*/_react["default"].createElement(_material.Hidden, {
+      }, this.state.viewType === TABLE && this.props.expertMode ? this.formatAcl(item.acl) : null), /*#__PURE__*/_react["default"].createElement(_material.Hidden, {
         smDown: true
       }, this.state.viewType === TABLE && this.props.expertMode ? /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes["itemDeleteButton".concat(this.state.viewType)]
@@ -1124,7 +1124,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       }
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes["itemAccess".concat(this.state.viewType)]
-      }, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+      }, this.props.modalEditOfAccessControl ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
         size: "large",
         onClick: function onClick() {
           return _this13.setState({
@@ -1132,7 +1132,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
           });
         },
         className: this.props.classes["itemAclButton".concat(this.state.viewType)]
-      }, access || '---'));
+      }, access || '---') : access || '---');
     }
   }, {
     key: "getFileIcon",
@@ -1222,7 +1222,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         smDown: true
       }, this.formatSize(item.size)), /*#__PURE__*/_react["default"].createElement(_material.Hidden, {
         smDown: true
-      }, this.state.viewType === TABLE ? this.formatAcl(item.acl) : null), /*#__PURE__*/_react["default"].createElement(_material.Hidden, {
+      }, this.state.viewType === TABLE && this.props.expertMode ? this.formatAcl(item.acl) : null), /*#__PURE__*/_react["default"].createElement(_material.Hidden, {
         smDown: true
       }, this.state.viewType === TABLE && this.props.expertMode && FileBrowser.getEditFile(ext) ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
         "aria-label": "edit",
@@ -1251,7 +1251,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         onClick: function onClick(e) {
           e.stopPropagation();
         }
-      }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.SaveAlt, null)) : null, this.state.viewType === TABLE && this.props.allowDelete && item.id !== 'vis.0/' && item.id !== 'vis-2-beta.0/' && item.id !== USER_DATA ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+      }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.SaveAlt, null)) : null, this.state.viewType === TABLE && this.props.allowDelete && item.id !== 'vis.0/' && item.id !== 'vis-2.0/' && item.id !== USER_DATA ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
         "aria-label": "delete",
         onClick: function onClick(e) {
           e.stopPropagation();
@@ -1504,7 +1504,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         title: this.props.t('ra_Delete')
       }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
         "aria-label": "delete",
-        disabled: !this.state.selected || this.state.selected === 'vis.0/' || this.state.selected === 'vis-2-beta.0/' || this.state.selected === USER_DATA,
+        disabled: !this.state.selected || this.state.selected === 'vis.0/' || this.state.selected === 'vis-2.0/' || this.state.selected === USER_DATA,
         color: "inherit",
         edge: "start",
         className: this.props.classes.menuButton,
@@ -1896,7 +1896,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         key: this.state.viewer,
         href: this.state.viewer,
         formatEditFile: this.state.formatEditFile,
-        themeName: this.props.themeName,
+        themeType: this.props.themeType,
         setStateBackgroundImage: this.setStateBackgroundImage,
         getClassBackgroundImage: this.getClassBackgroundImage,
         t: this.props.t,
@@ -1929,41 +1929,69 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       }
       return null;
     }
+
+    // used in tabs/Files
+    // eslint-disable-next-line react/no-unused-class-component-methods
+  }, {
+    key: "updateItemsAcl",
+    value: function updateItemsAcl(info) {
+      var _this25 = this;
+      this.cacheFolders = this.cacheFolders || JSON.parse(JSON.stringify(this.state.folders));
+      var changed;
+      info.forEach(function (it) {
+        var item = _this25.findItem(it.id, _this25.cacheFolders);
+        if (item && JSON.stringify(item.acl) !== JSON.stringify(it.acl)) {
+          item.acl = it.acl;
+          changed = true;
+        }
+      });
+      if (changed) {
+        this.cacheFoldersTimeout && clearTimeout(this.cacheFoldersTimeout);
+        this.cacheFoldersTimeout = setTimeout(function () {
+          _this25.cacheFoldersTimeout = null;
+          var folders = _this25.cacheFolders;
+          _this25.cacheFolders = null;
+          _this25.setState({
+            folders: folders
+          });
+        }, 200);
+      }
+    }
   }, {
     key: "changeToPath",
     value: function changeToPath() {
-      var _this25 = this;
+      var _this26 = this;
       setTimeout(function () {
-        if (_this25.state.path !== _this25.state.selected && (!_this25.lastSelect || Date.now() - _this25.lastSelect > 100)) {
-          var folder = _this25.state.path;
-          if (isFile(_this25.state.path)) {
-            folder = getParentDir(_this25.state.path);
+        if (_this26.state.path !== _this26.state.selected && (!_this26.lastSelect || Date.now() - _this26.lastSelect > 100)) {
+          var folder = _this26.state.path;
+          if (isFile(_this26.state.path)) {
+            folder = getParentDir(_this26.state.path);
           }
           new Promise(function (resolve) {
-            if (!_this25.state.folders[folder]) {
-              _this25.browseFolder(folder).then(function (folders) {
-                return _this25.setState({
+            if (!_this26.state.folders[folder]) {
+              _this26.browseFolder(folder).then(function (folders) {
+                return _this26.setState({
                   folders: folders
                 }, function () {
                   return resolve(true);
                 });
               })["catch"](function (err) {
-                return _this25.setState({
-                  errorText: err === NOT_FOUND ? _this25.props.t('ra_Cannot find "%s"', folder) : _this25.props.t('ra_Cannot read "%s"', folder)
+                return _this26.setState({
+                  errorText: err === NOT_FOUND ? _this26.props.t('ra_Cannot find "%s"', folder) : _this26.props.t('ra_Cannot read "%s"', folder)
                 });
               });
             } else {
               resolve(true);
             }
           }).then(function (result) {
-            return result && _this25.setState({
-              selected: _this25.state.path,
+            return result && _this26.setState({
+              selected: _this26.state.path,
               currentDir: folder,
               pathFocus: false
             });
           });
-        } else if (!_this25.lastSelect || Date.now() - _this25.lastSelect > 100) {
-          _this25.setState({
+        } else if (!_this26.lastSelect || Date.now() - _this26.lastSelect > 100) {
+          _this26.setState({
             pathFocus: false
           });
         }
@@ -1972,28 +2000,30 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderBreadcrumb",
     value: function renderBreadcrumb() {
-      var _this26 = this;
+      var _this27 = this;
       var parts = this.state.currentDir.startsWith('/') ? this.state.currentDir.split('/') : "/".concat(this.state.currentDir).split('/');
       var p = [];
       return /*#__PURE__*/_react["default"].createElement(_material.Breadcrumbs, {
-        color: 'white'
+        style: {
+          paddingLeft: 8
+        }
       }, parts.map(function (part, i) {
         part && p.push(part);
         var path = p.join('/');
         if (i < parts.length - 1) {
           return /*#__PURE__*/_react["default"].createElement("div", {
-            key: "".concat(_this26.state.selected, "_").concat(i),
-            className: _this26.props.classes.pathDivBreadcrumbDir,
+            key: "".concat(_this27.state.selected, "_").concat(i),
+            className: _this27.props.classes.pathDivBreadcrumbDir,
             onClick: function onClick(e) {
-              return _this26.changeFolder(e, path || '/');
+              return _this27.changeFolder(e, path || '/');
             }
-          }, part || _this26.props.t('ra_Root'));
+          }, part || _this27.props.t('ra_Root'));
         }
         return /*#__PURE__*/_react["default"].createElement("div", {
-          className: _this26.props.classes.pathDivBreadcrumbSelected,
-          key: "".concat(_this26.state.selected, "_").concat(i),
+          className: _this27.props.classes.pathDivBreadcrumbSelected,
+          key: "".concat(_this27.state.selected, "_").concat(i),
           onClick: function onClick() {
-            return _this26.setState({
+            return _this27.setState({
               pathFocus: true
             });
           }
@@ -2003,7 +2033,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderPath",
     value: function renderPath() {
-      var _this27 = this;
+      var _this28 = this;
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: "path",
         className: this.props.classes.pathDiv
@@ -2011,9 +2041,9 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         value: this.state.path,
         onKeyDown: function onKeyDown(e) {
           if (e.keyCode === 13) {
-            _this27.changeToPath();
+            _this28.changeToPath();
           } else if (e.keyCode === 27) {
-            _this27.setState({
+            _this28.setState({
               pathFocus: false
             });
           }
@@ -2021,14 +2051,14 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         endAdornment: /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
           size: "small",
           onClick: function onClick() {
-            return _this27.changeToPath();
+            return _this28.changeToPath();
           }
         }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.KeyboardReturn, null)),
         onBlur: function onBlur() {
-          return _this27.changeToPath();
+          return _this28.changeToPath();
         },
         onChange: function onChange(e) {
-          return _this27.setState({
+          return _this28.setState({
             path: e.target.value
           });
         },
@@ -2038,19 +2068,19 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this28 = this;
+      var _this29 = this;
       if (!this.props.ready) {
         return /*#__PURE__*/_react["default"].createElement(_material.LinearProgress, null);
       }
       if (this.state.loadAllFolders && !this.foldersLoading) {
         this.foldersLoading = true;
         setTimeout(function () {
-          _this28.setState({
+          _this29.setState({
             loadAllFolders: false,
             folders: {}
           }, function () {
-            _this28.foldersLoading = false;
-            _this28.loadFolders();
+            _this29.foldersLoading = false;
+            _this29.loadFolders();
           });
         }, 300);
       }
@@ -2060,9 +2090,9 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       }, this.props.showToolbar ? this.renderToolbar() : null, this.state.viewType === TILE ? this.renderPath() : null, /*#__PURE__*/_react["default"].createElement("div", {
         className: _Utils["default"].clsx(this.props.classes.filesDiv, this.props.classes["filesDiv".concat(this.state.viewType)]),
         onClick: function onClick(e) {
-          if (_this28.state.viewType !== TABLE) {
-            if (_this28.state.selected !== (_this28.state.currentDir || '/')) {
-              _this28.changeFolder(e, _this28.state.currentDir || '/');
+          if (_this29.state.viewType !== TABLE) {
+            if (_this29.state.selected !== (_this29.state.currentDir || '/')) {
+              _this29.changeFolder(e, _this29.state.currentDir || '/');
             } else {
               e.stopPropagation();
             }
@@ -2070,7 +2100,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         }
       }, this.state.viewType === TABLE ? this.renderItems('/') : this.renderItems(this.state.currentDir || '/'), this.state.viewType !== TABLE ? /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes.filesDivHint
-      }, this.props.t('ra_select_folder_hint')) : null), this.props.allowUpload ? this.renderInputDialog() : null, this.props.allowUpload ? this.renderUpload() : null, this.props.allowDelete ? this.renderDeleteDialog() : null, this.props.allowView ? this.renderViewDialog() : null, this.state.modalEditOfAccess && this.props.modalEditOfAccessControl && this.props.modalEditOfAccessControl(this, this.state.modalEditOfAccessObjData), this.renderError());
+      }, this.props.t('ra_select_folder_hint')) : null), this.props.allowUpload ? this.renderInputDialog() : null, this.props.allowUpload ? this.renderUpload() : null, this.props.allowDelete ? this.renderDeleteDialog() : null, this.props.allowView ? this.renderViewDialog() : null, this.state.modalEditOfAccess && this.props.modalEditOfAccessControl && this.props.modalEditOfAccessControl(this), this.renderError());
     }
   }], [{
     key: "getDerivedStateFromProps",
@@ -2124,6 +2154,7 @@ FileBrowser.propTypes = {
   showExpertButton: _propTypes["default"].bool,
   viewType: _propTypes["default"].string,
   showViewTypeButton: _propTypes["default"].bool,
+  themeType: _propTypes["default"].string,
   restrictToFolder: _propTypes["default"].string,
   // If defined, allow selecting only files from this folder
   allowNonRestricted: _propTypes["default"].bool,