@iobroker/adapter-react-v5 7.2.3 → 7.2.6

package/README.md

@@ -12,8 +12,8 @@ If you want to create the configuration page with ReactJS:
 4. Modify package.json file in src directory:
     - Change `name` from `src` to `ADAPTERNAME-admin` (Of course replace `ADAPTERNAME` with yours)
     - Add to devDependencies:
-        ```
-        "@iobroker/adapter-react-v5": "^7.2.3",
+        ```json
+        "@iobroker/adapter-react-v5": "^7.2.6",
         ```
         Versions can be higher.
         So your `src/package.json` should look like:
@@ -24,7 +24,7 @@ If you want to create the configuration page with ReactJS:
     "version": "0.1.0",
     "private": true,
     "dependencies": {
-        "@iobroker/adapter-react-v5": "^7.2.3",
+        "@iobroker/adapter-react-v5": "^7.2.6",
         "@iobroker/build-tools": "^1.0.0",
         "@iobroker/eslint-config": "^0.1.2",
         "@mui/material": "^6.0.2",

package/build/AdminConnection.d.ts

@@ -0,0 +1 @@
+export { AdminConnection } from '@iobroker/socket-client';

package/build/AdminConnection.js

@@ -0,0 +1,2 @@
+export { AdminConnection } from '@iobroker/socket-client';
+//# sourceMappingURL=AdminConnection.js.map

package/build/AdminConnection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminConnection.js","sourceRoot":"./src/","sources":["AdminConnection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export { AdminConnection } from '@iobroker/socket-client';\n"]}

package/{src/Components/404.tsx → build/Components/404.js}

@@ -1,14 +1,11 @@
-import React, { type JSX } from 'react';
+import React, {} from 'react';
 import { Box } from '@mui/material';
-
 /*
 Copyright 2019 Robin Selmer
 https://codepen.io/robinselmer/pen/vJjbOZ
 */
-
-import I18n from '../i18n';
-
-const styles: Record<string, any> = {
+import { I18n } from '../i18n';
+const styles = {
     content: {
         background: 'black',
         position: 'absolute',
@@ -62,7 +59,6 @@ const styles: Record<string, any> = {
             animation: 'scan 7.5s linear 0s infinite',
         },
     },
-
     terminal: {
         boxSizing: 'inherit',
         position: 'absolute',
@@ -85,38 +81,17 @@ const styles: Record<string, any> = {
         color: 'white',
     },
 };
-
 /** Generates the 404 error page */
-function Page404(): JSX.Element {
-    return (
-        <div style={styles.content}>
-            <div style={styles.root}>
-                <Box
-                    component="div"
-                    sx={styles.overlay}
-                >
-                    <div style={styles.terminal}>
-                        <h1>
-                            {I18n.t('ra_Error')}
-                            <span style={styles.errorCode}>404</span>
-                        </h1>
-                        <Box
-                            component="p"
-                            sx={styles.output}
-                        >
-                            {I18n.t('ra_The page you are looking for was not found')}
-                        </Box>
-                        <Box
-                            component="p"
-                            sx={styles.output}
-                        >
-                            {I18n.t('ra_Good luck')}
-                        </Box>
-                    </div>
-                </Box>
-            </div>
-        </div>
-    );
+function Page404() {
+    return (React.createElement("div", { style: styles.content },
+        React.createElement("div", { style: styles.root },
+            React.createElement(Box, { component: "div", sx: styles.overlay },
+                React.createElement("div", { style: styles.terminal },
+                    React.createElement("h1", null,
+                        I18n.t('ra_Error'),
+                        React.createElement("span", { style: styles.errorCode }, "404")),
+                    React.createElement(Box, { component: "p", sx: styles.output }, I18n.t('ra_The page you are looking for was not found')),
+                    React.createElement(Box, { component: "p", sx: styles.output }, I18n.t('ra_Good luck')))))));
 }
-
 export default Page404;
+//# sourceMappingURL=404.js.map

package/build/Components/404.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"404.js","sourceRoot":"./src/","sources":["Components/404.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAEpC;;;EAGE;AAEF,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,GAAwB;IAChC,OAAO,EAAE;QACL,UAAU,EAAE,OAAO;QACnB,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;KACX;IACD,IAAI,EAAE;QACF,SAAS,EAAE,YAAY;QACvB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,SAAS;QAC1B,eAAe,EAAE,oCAAoC;QACrD,UAAU,EAAE,sCAAsC;QAClD,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,0BAA0B;QACjC,UAAU,EAAE;yCACqB;KACpC;IACD,OAAO,EAAE;QACL,aAAa,EAAE,MAAM;QACrB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,UAAU,EAAE;;;;mCAIe;QAC3B,cAAc,EAAE,UAAU;QAC1B,MAAM,EAAE,EAAE;QACV,WAAW,EAAE;YACT,OAAO,EAAE,IAAI;YACb,aAAa,EAAE,MAAM;YACrB,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,OAAO;YAChB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,eAAe,EAAE;;;;;;kCAMK;YACtB,gBAAgB,EAAE,WAAW;YAC7B,SAAS,EAAE,8BAA8B;SAC5C;KACJ;IAED,QAAQ,EAAE;QACN,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,mBAAmB;QAC1B,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,WAAW;KAC7B;IACD,MAAM,EAAE;QACJ,KAAK,EAAE,0BAA0B;QACjC,UAAU,EAAE;;6CAEyB;QACrC,WAAW,EAAE;YACT,OAAO,EAAE,MAAM;SAClB;KACJ;IACD,SAAS,EAAE;QACP,KAAK,EAAE,OAAO;KACjB;CACJ,CAAC;AAEF,mCAAmC;AACnC,SAAS,OAAO;IACZ,OAAO,CACH,6BAAK,KAAK,EAAE,MAAM,CAAC,OAAO;QACtB,6BAAK,KAAK,EAAE,MAAM,CAAC,IAAI;YACnB,oBAAC,GAAG,IACA,SAAS,EAAC,KAAK,EACf,EAAE,EAAE,MAAM,CAAC,OAAO;gBAElB,6BAAK,KAAK,EAAE,MAAM,CAAC,QAAQ;oBACvB;wBACK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;wBACnB,8BAAM,KAAK,EAAE,MAAM,CAAC,SAAS,UAAY,CACxC;oBACL,oBAAC,GAAG,IACA,SAAS,EAAC,GAAG,EACb,EAAE,EAAE,MAAM,CAAC,MAAM,IAEhB,IAAI,CAAC,CAAC,CAAC,+CAA+C,CAAC,CACtD;oBACN,oBAAC,GAAG,IACA,SAAS,EAAC,GAAG,EACb,EAAE,EAAE,MAAM,CAAC,MAAM,IAEhB,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CACrB,CACJ,CACJ,CACJ,CACJ,CACT,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC","sourcesContent":["import React, { type JSX } from 'react';\nimport { Box } from '@mui/material';\n\n/*\nCopyright 2019 Robin Selmer\nhttps://codepen.io/robinselmer/pen/vJjbOZ\n*/\n\nimport { I18n } from '../i18n';\n\nconst styles: Record<string, any> = {\n    content: {\n        background: 'black',\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        left: 0,\n        right: 0,\n    },\n    root: {\n        boxSizing: 'border-box',\n        height: '100%',\n        width: '100%',\n        backgroundColor: '#000000',\n        backgroundImage: 'radial-gradient(#104254 , #05181c)',\n        fontFamily: \"'Inconsolata', Helvetica, sans-serif\",\n        fontSize: '1.5rem',\n        color: 'rgba(128, 175, 255, 0.8)',\n        textShadow: `0 0 1ex rgba(51, 70, 255, 1),\n        0 0 2px rgba(255, 255, 255, 0.8)`,\n    },\n    overlay: {\n        pointerEvents: 'none',\n        width: '100%',\n        height: '100%',\n        background: `repeating-linear-gradient(\n                180deg,\n            rgba(0, 0, 0, 0) 0,\n            rgba(0, 0, 0, 0.3) 50%,\n            rgba(0, 0, 0, 0) 100%)`,\n        backgroundSize: 'auto 4px',\n        zIndex: 99,\n        '&::before': {\n            content: '\"\"',\n            pointerEvents: 'none',\n            position: 'absolute',\n            display: 'block',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: '100%',\n            height: '100%',\n            backgroundImage: `linear-gradient(\n                0deg,\n                transparent 0%,\n                rgba(32, 50, 128, 0.2) 2%,\n                rgba(32, 50, 128, 0.8) 3%,\n                rgba(32, 50, 128, 0.2) 3%,\n                transparent 100%)`,\n            backgroundRepeat: 'no-repeat',\n            animation: 'scan 7.5s linear 0s infinite',\n        },\n    },\n\n    terminal: {\n        boxSizing: 'inherit',\n        position: 'absolute',\n        height: '100%',\n        width: 'calc(100% - 8rem)',\n        maxWidth: '100%',\n        padding: '4rem',\n        textTransform: 'uppercase',\n    },\n    output: {\n        color: 'rgba(128, 175, 255, 0.8)',\n        textShadow: `\n        0 0 1px rgba(51, 70, 255, 0.4),\n            0 0 2px rgba(255, 255, 255, 0.8)`,\n        '&::before': {\n            content: '\"> \"',\n        },\n    },\n    errorCode: {\n        color: 'white',\n    },\n};\n\n/** Generates the 404 error page */\nfunction Page404(): JSX.Element {\n    return (\n        <div style={styles.content}>\n            <div style={styles.root}>\n                <Box\n                    component=\"div\"\n                    sx={styles.overlay}\n                >\n                    <div style={styles.terminal}>\n                        <h1>\n                            {I18n.t('ra_Error')}\n                            <span style={styles.errorCode}>404</span>\n                        </h1>\n                        <Box\n                            component=\"p\"\n                            sx={styles.output}\n                        >\n                            {I18n.t('ra_The page you are looking for was not found')}\n                        </Box>\n                        <Box\n                            component=\"p\"\n                            sx={styles.output}\n                        >\n                            {I18n.t('ra_Good luck')}\n                        </Box>\n                    </div>\n                </Box>\n            </div>\n        </div>\n    );\n}\n\nexport default Page404;\n"]}

package/{Components → build/Components}/ColorPicker.d.ts

@@ -47,7 +47,7 @@ interface ColorPickerState {
 /**
  * A color picker component.
  */
-declare class ColorPicker extends Component<ColorPickerProps, ColorPickerState> {
+export declare class ColorPicker extends Component<ColorPickerProps, ColorPickerState> {
     /**
      * Constructor for the color picker.
      *
@@ -83,4 +83,4 @@ declare class ColorPicker extends Component<ColorPickerProps, ColorPickerState>
     renderCustomPalette(): React.JSX.Element | null;
     render(): React.JSX.Element;
 }
-export default ColorPicker;
+export {};

package/{Components → build/Components}/ColorPicker.js

@@ -1,31 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * Copyright 2018-2024 Denis Haev (bluefox) <dogafox@gmail.com>
  *
@@ -41,11 +13,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-const react_1 = __importStar(require("react"));
-const react_color_1 = require("react-color");
-const material_1 = require("@mui/material");
-const icons_material_1 = require("@mui/icons-material");
-const i18n_1 = __importDefault(require("../i18n"));
+import React, { Component } from 'react';
+import { ChromePicker } from 'react-color';
+import { TextField, Menu, IconButton, Button, Box } from '@mui/material';
+import { Delete as IconDelete, Close as IconClose } from '@mui/icons-material';
+import { I18n } from '../i18n';
 const styles = {
     color: {
         width: 36,
@@ -114,7 +86,7 @@ const styles = {
 /**
  * A color picker component.
  */
-class ColorPicker extends react_1.Component {
+export class ColorPicker extends Component {
     /**
      * Constructor for the color picker.
      *
@@ -122,24 +94,21 @@ class ColorPicker extends react_1.Component {
      */
     constructor(props) {
         super(props);
-        this.handleClick = (e) => {
-            this.setState({
-                displayColorPicker: !this.state.displayColorPicker,
-                anchorEl: this.state.displayColorPicker ? null : e.currentTarget,
-            });
-        };
-        this.handleClose = () => {
-            this.setState({ displayColorPicker: false, anchorEl: null });
-        };
-        this.handleChange = (color) => {
-            this.setState({ color }, () => this.props.onChange && this.props.onChange(ColorPicker.getColor(color)));
-        };
         this.state = {
             displayColorPicker: false,
             color: this.props.value || this.props.color || '',
             anchorEl: null,
         };
     }
+    handleClick = (e) => {
+        this.setState({
+            displayColorPicker: !this.state.displayColorPicker,
+            anchorEl: this.state.displayColorPicker ? null : e.currentTarget,
+        });
+    };
+    handleClose = () => {
+        this.setState({ displayColorPicker: false, anchorEl: null });
+    };
     /**
      * Convert the given color to hex ('#rrggbb') or rgba ('rgba(r,g,b,a)') format.
      *
@@ -178,10 +147,13 @@ class ColorPicker extends react_1.Component {
             const r = parseInt(m[1], 10).toString(16).padStart(2, '0');
             const g = parseInt(m[2], 10).toString(16).padStart(2, '0');
             const b = parseInt(m[3], 10).toString(16).padStart(2, '0');
-            return (m === null || m === void 0 ? void 0 : m.length) === 4 ? `#${r}${g}${b}` : rgb;
+            return m?.length === 4 ? `#${r}${g}${b}` : rgb;
         }
         return rgb;
     }
+    handleChange = (color) => {
+        this.setState({ color }, () => this.props.onChange && this.props.onChange(ColorPicker.getColor(color)));
+    };
     /**
      * If the props are updated from outside, they should override the state
      *
@@ -198,40 +170,53 @@ class ColorPicker extends react_1.Component {
         if (!this.props.customPalette) {
             return null;
         }
-        return (react_1.default.createElement("div", { style: { width: '100%', display: 'flex', flexWrap: 'wrap' } }, this.props.customPalette.map(color => (react_1.default.createElement(material_1.Button, { style: styles.button, key: color, onClick: () => {
+        return (React.createElement("div", { style: { width: '100%', display: 'flex', flexWrap: 'wrap' } }, this.props.customPalette.map(color => (React.createElement(Button, { style: styles.button, key: color, onClick: () => {
                 this.handleChange(color);
                 setTimeout(() => this.handleClose(), 300);
             } },
-            react_1.default.createElement("div", { style: Object.assign(Object.assign({}, styles.iconButton), { background: color }) }))))));
+            React.createElement("div", { style: { ...styles.iconButton, background: color } }))))));
     }
     render() {
-        var _a;
-        const style = Object.assign({}, (this.props.style || {}));
+        const style = { ...(this.props.style || {}) };
         style.position = 'relative';
         const { color } = this.state;
-        return (react_1.default.createElement(material_1.Box, { component: "div", style: style, sx: this.props.sx || undefined, className: this.props.className || '' },
-            this.props.noInputField ? null : (react_1.default.createElement(material_1.TextField, { disabled: this.props.disabled, variant: "standard", id: "ar_color_picker_name", label: this.props.label || this.props.name, value: color || '', margin: "dense", sx: {
+        return (React.createElement(Box, { component: "div", style: style, sx: this.props.sx || undefined, className: this.props.className || '' },
+            this.props.noInputField ? null : (React.createElement(TextField, { disabled: this.props.disabled, variant: "standard", id: "ar_color_picker_name", label: this.props.label || this.props.name, value: color || '', margin: "dense", sx: {
                     '&.MuiFormControl-root': styles.textDense,
                     width: color ? 'calc(100% - 80px)' : 'calc(100% - 56px)',
                     mr: color ? undefined : 1,
                 }, onChange: e => this.handleChange(e.target.value) })),
-            !this.props.noInputField && color ? (react_1.default.createElement(material_1.IconButton, { disabled: this.props.disabled, onClick: () => this.handleChange(''), size: "small", style: Object.assign(Object.assign({}, (this.props.label || this.props.name ? styles.delButton : undefined)), (color ? undefined : { opacity: 0, cursor: 'default' })) },
-                react_1.default.createElement(icons_material_1.Delete, null))) : null,
-            react_1.default.createElement(material_1.Box, { component: "div", onClick: e => !this.props.disabled && this.handleClick(e), title: i18n_1.default.t('ra_Select color'), sx: Object.assign(Object.assign(Object.assign({}, styles.swatch), (this.props.disabled ? styles.swatchDisabled : undefined)), { background: color ? undefined : 'transparent', border: color ? undefined : '1px dashed #ccc', boxSizing: 'border-box', marginTop: this.props.noInputField || !(this.props.label || this.props.name) ? 0 : undefined }) },
-                react_1.default.createElement("div", { style: Object.assign(Object.assign({}, styles.color), { background: ColorPicker.getColor(color), width: this.props.noInputField ? this.props.barWidth || 16 : this.props.barWidth || 36 }) })),
-            this.state.displayColorPicker && !this.props.disabled ? (react_1.default.createElement(material_1.Menu, { sx: Object.assign(Object.assign({}, styles.popover), { '&. MuiMenu-list': styles.popoverList }), anchorEl: this.state.anchorEl, open: !0, onClose: () => this.handleClose() },
-                react_1.default.createElement(react_color_1.ChromePicker, { color: this.state.color || undefined, onChangeComplete: (_color) => this.handleChange(_color.rgb), styles: {
+            !this.props.noInputField && color ? (React.createElement(IconButton, { disabled: this.props.disabled, onClick: () => this.handleChange(''), size: "small", style: this.props.label || this.props.name ? styles.delButton : undefined },
+                React.createElement(IconDelete, null))) : null,
+            React.createElement(Box, { component: "div", onClick: e => !this.props.disabled && this.handleClick(e), title: I18n.t('ra_Select color'), sx: {
+                    ...styles.swatch,
+                    ...(this.props.disabled ? styles.swatchDisabled : undefined),
+                    background: color ? undefined : 'transparent',
+                    border: color ? undefined : '1px dashed #ccc',
+                    boxSizing: 'border-box',
+                    marginTop: this.props.noInputField || !(this.props.label || this.props.name) ? 0 : undefined,
+                } },
+                React.createElement("div", { style: {
+                        ...styles.color,
+                        background: ColorPicker.getColor(color),
+                        width: this.props.noInputField ? this.props.barWidth || 16 : this.props.barWidth || 36,
+                    } })),
+            this.state.displayColorPicker && !this.props.disabled ? (React.createElement(Menu, { sx: {
+                    ...styles.popover,
+                    '&. MuiMenu-list': styles.popoverList,
+                }, anchorEl: this.state.anchorEl, open: !0, onClose: () => this.handleClose() },
+                React.createElement(ChromePicker, { color: this.state.color || undefined, onChangeComplete: (_color) => this.handleChange(_color.rgb), styles: {
                         default: {
                             picker: {
-                                backgroundColor: ((_a = this.props.theme) === null || _a === void 0 ? void 0 : _a.palette.background.paper) || '#888',
+                                backgroundColor: this.props.theme?.palette.background.paper || '#888',
                             },
                         },
                     } }),
-                color && this.props.noInputField ? (react_1.default.createElement(material_1.IconButton, { sx: styles.closeButton, onClick: () => this.handleChange('') },
-                    react_1.default.createElement(icons_material_1.Delete, null))) : null,
-                react_1.default.createElement(material_1.IconButton, { sx: styles.closeButton, onClick: () => this.handleClose() },
-                    react_1.default.createElement(icons_material_1.Close, null)),
+                color && this.props.noInputField ? (React.createElement(IconButton, { sx: styles.closeButton, onClick: () => this.handleChange('') },
+                    React.createElement(IconDelete, null))) : null,
+                React.createElement(IconButton, { sx: styles.closeButton, onClick: () => this.handleClose() },
+                    React.createElement(IconClose, null)),
                 this.renderCustomPalette())) : null));
     }
 }
-exports.default = ColorPicker;
+//# sourceMappingURL=ColorPicker.js.map

package/build/Components/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sourceRoot":"./src/","sources":["Components/ColorPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright 2018-2024 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, { Component, type CSSProperties } from 'react';\nimport { ChromePicker, type RGBColor } from 'react-color';\n\nimport { TextField, Menu, IconButton, Button, Box } from '@mui/material';\n\nimport { Delete as IconDelete, Close as IconClose } from '@mui/icons-material';\n\nimport { I18n } from '../i18n';\n\nimport type { IobTheme } from '../types';\n\nconst styles: Record<string, any> = {\n    color: {\n        width: 36,\n        height: 14,\n        borderRadius: 2,\n    },\n    delButton: {\n        marginTop: 16,\n    },\n    swatch: {\n        mt: '16px',\n        p: '5px',\n        backgroundColor: 'background.paper',\n        borderRadius: '1px',\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        '& .MuiPaper-root': {\n            textAlign: 'right',\n            backgroundColor: '#00000000',\n            boxShadow: 'none',\n        },\n    },\n    popoverList: {\n        padding: 0,\n    },\n    closeButton: (theme: IobTheme) => ({\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        mt: 0,\n        mb: 0,\n    },\n    picker: (theme: IobTheme) => ({\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\ninterface ColorPickerProps {\n    /** Set to true to disable the color picker. */\n    disabled?: boolean;\n    /** The currently selected color. */\n    value?: string;\n    /** @deprecated The currently selected color use value */\n    color?: string;\n    /** The color change callback. */\n    onChange: (rgba: string) => void;\n    /** Label of the color picker. */\n    label?: string;\n    /** @deprecated TLabel of the color picker use label */\n    name?: string;\n    /** Additional styling for this component. */\n    style?: CSSProperties;\n    /** The CSS class name. */\n    className?: string;\n    customPalette?: string[];\n    noInputField?: boolean;\n    barWidth?: number;\n    sx?: Record<string, any>;\n    theme?: IobTheme;\n}\n\ninterface ColorPickerState {\n    displayColorPicker: boolean;\n    color: string | RGBColor;\n    anchorEl: HTMLDivElement | null;\n}\n\n/**\n * A color picker component.\n */\nexport class ColorPicker extends Component<ColorPickerProps, ColorPickerState> {\n    /**\n     * Constructor for the color picker.\n     *\n     * @param props The properties.\n     */\n    constructor(props: ColorPickerProps) {\n        super(props);\n        this.state = {\n            displayColorPicker: false,\n            color: this.props.value || this.props.color || '',\n            anchorEl: null,\n        };\n    }\n\n    private handleClick = (e: React.MouseEvent<HTMLDivElement>): void => {\n        this.setState({\n            displayColorPicker: !this.state.displayColorPicker,\n            anchorEl: this.state.displayColorPicker ? null : e.currentTarget,\n        });\n    };\n\n    private handleClose = (): void => {\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     *\n     * @param color The color to convert.\n     * @param isHex If true, the color will be converted to hex format.\n     * @returns the hex or rgba representation of the given color.\n     */\n    static getColor(color: string | { rgb: RGBColor } | RGBColor, isHex?: boolean): string {\n        if (color && typeof color === 'object') {\n            const oColor = color as { rgb: RGBColor };\n            if (oColor.rgb) {\n                if (isHex) {\n                    return `#${oColor.rgb.r.toString(16).padStart(2, '0')}${oColor.rgb.g.toString(16).padStart(2, '0')}${oColor.rgb.b.toString(16).padStart(2, '0')}`;\n                }\n                return `rgba(${oColor.rgb.r},${oColor.rgb.g},${oColor.rgb.b},${oColor.rgb.a})`;\n            }\n            const rColor = color as RGBColor;\n            if (isHex) {\n                return `#${rColor.r.toString(16).padStart(2, '0')}${rColor.g.toString(16).padStart(2, '0')}${rColor.b.toString(16).padStart(2, '0')}`;\n            }\n            return `rgba(${rColor.r},${rColor.g},${rColor.b},${rColor.a})`;\n        }\n        if (typeof color === 'string') {\n            return isHex ? ColorPicker.rgb2hex(color || '') : color || '';\n        }\n        return '';\n    }\n\n    /**\n     * Convert rgb() or rgba() format to hex format #rrggbb.\n     *\n     * @param rgb The color in rgb() or rgba() format. if not in this format, the color will be returned as is.\n     */\n    static rgb2hex(rgb: string): string {\n        const m = rgb.match(/^rgba?[\\s+]?\\([\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?/i);\n\n        if (m) {\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?.length === 4 ? `#${r}${g}${b}` : rgb;\n        }\n        return rgb;\n    }\n\n    private handleChange = (color: string | RGBColor): void => {\n        this.setState({ color }, () => 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     *\n     * @param _prevProps The previous properties.\n     * @param prevState The previous state.\n     */\n    componentDidUpdate(_prevProps: ColorPickerProps, prevState: ColorPickerState): void {\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(): React.JSX.Element | null {\n        if (!this.props.customPalette) {\n            return null;\n        }\n        return (\n            <div style={{ width: '100%', display: 'flex', flexWrap: 'wrap' }}>\n                {this.props.customPalette.map(color => (\n                    <Button\n                        style={styles.button}\n                        key={color}\n                        onClick={() => {\n                            this.handleChange(color);\n                            setTimeout(() => this.handleClose(), 300);\n                        }}\n                    >\n                        <div style={{ ...styles.iconButton, background: color }} />\n                    </Button>\n                ))}\n            </div>\n        );\n    }\n\n    render(): React.JSX.Element {\n        const style = { ...(this.props.style || {}) };\n        style.position = 'relative';\n        const { color } = this.state;\n\n        return (\n            <Box\n                component=\"div\"\n                style={style}\n                sx={this.props.sx || undefined}\n                className={this.props.className || ''}\n            >\n                {this.props.noInputField ? null : (\n                    <TextField\n                        disabled={this.props.disabled}\n                        variant=\"standard\"\n                        id=\"ar_color_picker_name\"\n                        label={this.props.label || this.props.name}\n                        value={color || ''}\n                        margin=\"dense\"\n                        sx={{\n                            '&.MuiFormControl-root': styles.textDense,\n                            width: color ? 'calc(100% - 80px)' : 'calc(100% - 56px)',\n                            mr: color ? undefined : 1,\n                        }}\n                        onChange={e => this.handleChange(e.target.value)}\n                    />\n                )}\n                {!this.props.noInputField && color ? (\n                    <IconButton\n                        disabled={this.props.disabled}\n                        onClick={() => this.handleChange('')}\n                        size=\"small\"\n                        style={this.props.label || this.props.name ? styles.delButton : undefined}\n                    >\n                        <IconDelete />\n                    </IconButton>\n                ) : null}\n                <Box\n                    component=\"div\"\n                    onClick={e => !this.props.disabled && this.handleClick(e)}\n                    title={I18n.t('ra_Select color')}\n                    sx={{\n                        ...styles.swatch,\n                        ...(this.props.disabled ? styles.swatchDisabled : undefined),\n                        background: color ? undefined : 'transparent',\n                        border: color ? undefined : '1px dashed #ccc',\n                        boxSizing: 'border-box',\n                        marginTop: this.props.noInputField || !(this.props.label || this.props.name) ? 0 : undefined,\n                    }}\n                >\n                    <div\n                        style={{\n                            ...styles.color,\n                            background: ColorPicker.getColor(color),\n                            width: this.props.noInputField ? this.props.barWidth || 16 : this.props.barWidth || 36,\n                        }}\n                    />\n                </Box>\n                {this.state.displayColorPicker && !this.props.disabled ? (\n                    <Menu\n                        sx={{\n                            ...styles.popover,\n                            '&. MuiMenu-list': styles.popoverList,\n                        }}\n                        anchorEl={this.state.anchorEl}\n                        open={!0}\n                        onClose={() => this.handleClose()}\n                    >\n                        <ChromePicker\n                            color={this.state.color || undefined}\n                            onChangeComplete={(_color: { rgb: RGBColor }) => this.handleChange(_color.rgb)}\n                            styles={{\n                                default: {\n                                    picker: {\n                                        backgroundColor: this.props.theme?.palette.background.paper || '#888',\n                                    },\n                                },\n                            }}\n                        />\n                        {color && this.props.noInputField ? (\n                            <IconButton\n                                sx={styles.closeButton}\n                                onClick={() => this.handleChange('')}\n                            >\n                                <IconDelete />\n                            </IconButton>\n                        ) : null}\n                        <IconButton\n                            sx={styles.closeButton}\n                            onClick={() => this.handleClose()}\n                        >\n                            <IconClose />\n                        </IconButton>\n                        {this.renderCustomPalette()}\n                    </Menu>\n                ) : null}\n            </Box>\n        );\n    }\n}\n"]}

package/{Components → build/Components}/ComplexCron.d.ts

@@ -25,7 +25,7 @@ interface ComplexCronState {
     dow?: string;
     modes: CronProps;
 }
-declare class ComplexCron extends Component<ComplexCronProps, ComplexCronState> {
+export declare class ComplexCron extends Component<ComplexCronProps, ComplexCronState> {
     constructor(props: ComplexCronProps);
     static cron2state(cron: string): CronProps;
     static state2cron(state: ComplexCronState | CronProps): string;
@@ -37,4 +37,4 @@ declare class ComplexCron extends Component<ComplexCronProps, ComplexCronState>
     setCronAttr(attr: CronNames, value: string, modes?: CronProps): void;
     render(): React.JSX.Element;
 }
-export default ComplexCron;
+export {};

package/{Components → build/Components}/ComplexCron.js

@@ -1,35 +1,7 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const i18n_1 = __importDefault(require("../i18n"));
-const cronText_1 = __importDefault(require("./SimpleCron/cronText"));
+import React, { Component } from 'react';
+import { Checkbox, Button, MenuItem, Select, FormControlLabel, AppBar, Tabs, Tab, TextField } from '@mui/material';
+import { I18n } from '../i18n';
+import convertCronToText from './SimpleCron/cronText';
 const styles = {
     mainDiv: {
         width: '100%',
@@ -165,7 +137,7 @@ function convertArrayIntoMinus(value, max) {
     }
     return newParts.join(',');
 }
-class ComplexCron extends react_1.Component {
+export class ComplexCron extends Component {
     constructor(props) {
         super(props);
         let cron = typeof this.props.cronExpression === 'string'
@@ -274,19 +246,19 @@ class ComplexCron extends react_1.Component {
         }
         const parts = convertMinusIntoArray(this.state[type], max);
         return [
-            react_1.default.createElement(material_1.Button, { key: "removeall", variant: "outlined", style: styles.numberButton, 
+            React.createElement(Button, { key: "removeall", variant: "outlined", style: styles.numberButton, 
                 // style={{paddingBottom: 20}}
-                color: "primary", onClick: () => this.onToggle(false, type, max) }, i18n_1.default.t('ra_Deselect all')),
-            react_1.default.createElement(material_1.Button, { key: "addall", variant: "contained", 
+                color: "primary", onClick: () => this.onToggle(false, type, max) }, I18n.t('ra_Deselect all')),
+            React.createElement(Button, { key: "addall", variant: "contained", 
                 // style={{paddingBottom: 20}}
-                style: styles.numberButton, color: "secondary", onClick: () => this.onToggle(true, type, max) }, i18n_1.default.t('ra_Select all')),
-            react_1.default.createElement("div", { key: "all" }, values.map(i => [
+                style: styles.numberButton, color: "secondary", onClick: () => this.onToggle(true, type, max) }, I18n.t('ra_Select all')),
+            React.createElement("div", { key: "all" }, values.map(i => [
                 (max === 7 && i === 4) ||
                     (max === 12 && i === 7) ||
                     (max === 31 && !((i - 1) % 10)) ||
                     (max === 60 && i && !(i % 10)) ||
-                    (max === 24 && i && !(i % 6)) ? (react_1.default.createElement("div", { key: `allInner${i}`, style: { width: '100%' } })) : null,
-                react_1.default.createElement(material_1.Button, { key: `_${i}`, variant: parts.indexOf(i) !== -1 ? 'contained' : 'outlined', style: styles.numberButton, color: parts.indexOf(i) !== -1 ? 'secondary' : 'primary', onClick: () => this.onToggle(i, type, max) }, max === 7 ? i18n_1.default.t(WEEKDAYS[i]) : max === 12 ? MONTHS[i - 1] : i),
+                    (max === 24 && i && !(i % 6)) ? (React.createElement("div", { key: `allInner${i}`, style: { width: '100%' } })) : null,
+                React.createElement(Button, { key: `_${i}`, variant: parts.indexOf(i) !== -1 ? 'contained' : 'outlined', style: styles.numberButton, color: parts.indexOf(i) !== -1 ? 'secondary' : 'primary', onClick: () => this.onToggle(i, type, max) }, max === 7 ? I18n.t(WEEKDAYS[i]) : max === 12 ? MONTHS[i - 1] : i),
             ])),
         ];
     }
@@ -309,8 +281,8 @@ class ComplexCron extends react_1.Component {
         if (everyN && value) {
             valueNumber = parseInt(value.replace('*/', ''), 10) || 1;
         }
-        return (react_1.default.createElement("div", null,
-            react_1.default.createElement(material_1.Select, { variant: "standard", style: Object.assign(Object.assign({}, styles.periodSelect), { verticalAlign: 'bottom' }), value: select, onChange: e => {
+        return (React.createElement("div", null,
+            React.createElement(Select, { variant: "standard", style: { ...styles.periodSelect, verticalAlign: 'bottom' }, value: select, onChange: e => {
                     const modes = JSON.parse(JSON.stringify(this.state.modes));
                     modes[type] = e.target.value;
                     if (e.target.value === 'every') {
@@ -328,10 +300,10 @@ class ComplexCron extends react_1.Component {
                         this.setCronAttr(type, convertArrayIntoMinus(num, max), modes);
                     }
                 } },
-                react_1.default.createElement(material_1.MenuItem, { key: "every", value: "every" }, i18n_1.default.t(`sc_every_${type}`)),
-                react_1.default.createElement(material_1.MenuItem, { key: "everyN", value: "everyN" }, i18n_1.default.t(`sc_everyN_${type}`)),
-                react_1.default.createElement(material_1.MenuItem, { key: "specific", value: "specific" }, i18n_1.default.t(`sc_specific_${type}`))),
-            everyN && (react_1.default.createElement(material_1.TextField, { variant: "standard", key: "interval", label: i18n_1.default.t(`sc_${type}`), value: valueNumber, slotProps: {
+                React.createElement(MenuItem, { key: "every", value: "every" }, I18n.t(`sc_every_${type}`)),
+                React.createElement(MenuItem, { key: "everyN", value: "everyN" }, I18n.t(`sc_everyN_${type}`)),
+                React.createElement(MenuItem, { key: "specific", value: "specific" }, I18n.t(`sc_specific_${type}`))),
+            everyN && (React.createElement(TextField, { variant: "standard", key: "interval", label: I18n.t(`sc_${type}`), value: valueNumber, slotProps: {
                     htmlInput: {
                         min: 1,
                         max,
@@ -347,9 +319,9 @@ class ComplexCron extends react_1.Component {
     }
     static convertCronToText(cron, lang) {
         if (cron.split(' ').includes('-')) {
-            return i18n_1.default.t('ra_Invalid CRON');
+            return I18n.t('ra_Invalid CRON');
         }
-        return (0, cronText_1.default)(cron, lang);
+        return convertCronToText(cron, lang);
     }
     setCronAttr(attr, value, modes) {
         if (modes) {
@@ -399,31 +371,31 @@ class ComplexCron extends react_1.Component {
         // Detect if every minute or every second is activated
         const everyMinute = this.state.minutes === '*' || this.state.minutes === '*/1';
         const everySecond = this.state.seconds === '*' || this.state.seconds === '*/1';
-        return (react_1.default.createElement("div", { style: styles.mainDiv },
-            react_1.default.createElement("div", { style: { paddingLeft: 8, width: 'calc(100% - px)' } },
-                react_1.default.createElement(material_1.TextField, { variant: "standard", style: { width: '100%' }, value: this.state.cron, disabled: true })),
-            react_1.default.createElement("div", { style: { paddingLeft: 8, width: 'calc(100% - px)', height: 60 } },
+        return (React.createElement("div", { style: styles.mainDiv },
+            React.createElement("div", { style: { paddingLeft: 8, width: 'calc(100% - px)' } },
+                React.createElement(TextField, { variant: "standard", style: { width: '100%' }, value: this.state.cron, disabled: true })),
+            React.createElement("div", { style: { paddingLeft: 8, width: 'calc(100% - px)', height: 60 } },
                 ComplexCron.convertCronToText(this.state.cron, this.props.language || 'en'),
-                react_1.default.createElement("span", { style: styles.warning }, everySecond
-                    ? i18n_1.default.t('ra_warning_every_second')
+                React.createElement("span", { style: styles.warning }, everySecond
+                    ? I18n.t('ra_warning_every_second')
                     : everyMinute
-                        ? i18n_1.default.t('ra_warning_every_minute')
+                        ? I18n.t('ra_warning_every_minute')
                         : '')),
-            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: !!this.state.seconds, onChange: e => this.setState({ seconds: e.target.checked ? '*' : false }, () => this.recalcCron()) }), label: i18n_1.default.t('ra_use seconds') }),
-            react_1.default.createElement(material_1.AppBar, { position: "static", sx: { '&.MuiAppBar-root': styles.appBar }, color: "secondary" },
-                react_1.default.createElement(material_1.Tabs, { value: this.state.tab, style: styles.appBar, color: "secondary", onChange: (_active, _tab) => this.setState({ tab: _tab }) },
-                    this.state.seconds !== false && (react_1.default.createElement(material_1.Tab, { id: "sc_seconds", label: i18n_1.default.t('sc_seconds') })),
-                    react_1.default.createElement(material_1.Tab, { id: "minutes", label: i18n_1.default.t('sc_minutes') }),
-                    react_1.default.createElement(material_1.Tab, { id: "hours", label: i18n_1.default.t('sc_hours') }),
-                    react_1.default.createElement(material_1.Tab, { id: "dates", label: i18n_1.default.t('sc_dates') }),
-                    react_1.default.createElement(material_1.Tab, { id: "months", label: i18n_1.default.t('sc_months') }),
-                    react_1.default.createElement(material_1.Tab, { id: "dow", label: i18n_1.default.t('sc_dows') }))),
-            tab === 0 && react_1.default.createElement("div", { style: styles.tabContent }, this.getPeriodsTab('seconds', 60)),
-            tab === 1 && react_1.default.createElement("div", { style: styles.tabContent }, this.getPeriodsTab('minutes', 60)),
-            tab === 2 && react_1.default.createElement("div", { style: styles.tabContent }, this.getPeriodsTab('hours', 24)),
-            tab === 3 && react_1.default.createElement("div", { style: styles.tabContent }, this.getPeriodsTab('dates', 31)),
-            tab === 4 && react_1.default.createElement("div", { style: styles.tabContent }, this.getPeriodsTab('months', 12)),
-            tab === 5 && react_1.default.createElement("div", { style: styles.tabContent }, this.getPeriodsTab('dow', 7))));
+            React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: !!this.state.seconds, onChange: e => this.setState({ seconds: e.target.checked ? '*' : false }, () => this.recalcCron()) }), label: I18n.t('ra_use seconds') }),
+            React.createElement(AppBar, { position: "static", sx: { '&.MuiAppBar-root': styles.appBar }, color: "secondary" },
+                React.createElement(Tabs, { value: this.state.tab, style: styles.appBar, color: "secondary", onChange: (_active, _tab) => this.setState({ tab: _tab }) },
+                    this.state.seconds !== false && (React.createElement(Tab, { id: "sc_seconds", label: I18n.t('sc_seconds') })),
+                    React.createElement(Tab, { id: "minutes", label: I18n.t('sc_minutes') }),
+                    React.createElement(Tab, { id: "hours", label: I18n.t('sc_hours') }),
+                    React.createElement(Tab, { id: "dates", label: I18n.t('sc_dates') }),
+                    React.createElement(Tab, { id: "months", label: I18n.t('sc_months') }),
+                    React.createElement(Tab, { id: "dow", label: I18n.t('sc_dows') }))),
+            tab === 0 && React.createElement("div", { style: styles.tabContent }, this.getPeriodsTab('seconds', 60)),
+            tab === 1 && React.createElement("div", { style: styles.tabContent }, this.getPeriodsTab('minutes', 60)),
+            tab === 2 && React.createElement("div", { style: styles.tabContent }, this.getPeriodsTab('hours', 24)),
+            tab === 3 && React.createElement("div", { style: styles.tabContent }, this.getPeriodsTab('dates', 31)),
+            tab === 4 && React.createElement("div", { style: styles.tabContent }, this.getPeriodsTab('months', 12)),
+            tab === 5 && React.createElement("div", { style: styles.tabContent }, this.getPeriodsTab('dow', 7))));
     }
 }
-exports.default = ComplexCron;
+//# sourceMappingURL=ComplexCron.js.map