@iobroker/adapter-react-v5 7.2.3 → 7.2.6

package/package.json

@@ -1,48 +1,85 @@
 {
-  "name": "@iobroker/adapter-react-v5",
-  "version": "7.2.3",
-  "description": "React classes to develop admin interfaces for ioBroker with react.",
-  "author": {
-    "name": "Denis Haev (bluefox)",
-    "email": "dogafox@gmail.com"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {},
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/ioBroker/adapter-react-v5.git"
-  },
-  "module": "./index.js",
-  "keywords": [
-    "iobroker",
-    "adapter",
-    "iot"
-  ],
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/ioBroker/adapter-react-v5/issues"
-  },
-  "homepage": "https://github.com/ioBroker/adapter-react-v5#readme",
-  "devDependencies": {},
-  "dependencies": {
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
-    "@iobroker/socket-client": "^3.1.0",
-    "@iobroker/types": "^6.0.11",
-    "@iobroker/js-controller-common": "^6.0.11",
-    "@iobroker/js-controller-common-db": "^6.0.11",
-    "@mui/icons-material": "^6.1.1",
-    "@mui/material": "^6.1.1",
-    "@mui/x-date-pickers": "^7.18.0",
-    "@sentry/browser": "^8.32.0",
-    "cronstrue": "^2.50.0",
-    "react-color": "^2.19.3",
-    "react-colorful": "^5.6.1",
-    "react-cropper": "^2.3.3",
-    "react-dropzone": "^14.2.3",
-    "react-icons": "^5.3.0",
-    "react-inlinesvg": "^4.1.3"
-  }
-}
+    "name": "@iobroker/adapter-react-v5",
+    "version": "7.2.6",
+    "description": "React components to develop ioBroker interfaces with react.",
+    "author": {
+        "name": "bluefox",
+        "email": "dogafox@gmail.com"
+    },
+    "scripts": {
+        "prepublishOnly": "npm run build",
+        "build:ts": "tsc -p tsconfig.build.json",
+        "build": "node tasks --0-clean && node tasks --2-copy && node tasks --3-patchReadme && npm run build:ts",
+        "release": "release-script --noPush --yes --lf",
+        "release-patch": "release-script patch --yes --lf",
+        "release-minor": "release-script minor --yes --lf",
+        "release-major": "release-script major --yes --lf",
+        "update-packages": "ncu --upgrade",
+        "0-clean": "node tasks --0-clean",
+        "1-build": "tsc -p tsconfig.build.json",
+        "2-copy": "node tasks --2-copy",
+        "3-patchReadme": "node tasks --3-patchReadme",
+        "npm": "npm i -f",
+        "lint": "eslint -c eslint.config.mjs src",
+        "test": "ts-node test/testSchema.ts"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/ioBroker/adapter-react-v5.git"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "main": "./build/index.js",
+    "types": "./build/index.d.ts",
+    "keywords": [
+        "iobroker",
+        "adapter",
+        "iot"
+    ],
+    "files": [
+        "build/",
+        "LICENSE",
+        "tasksExample.js",
+        "craco-module-federation.js",
+        "modulefederation.admin.config.js"
+    ],
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/ioBroker/iobroker.admin/issues"
+    },
+    "homepage": "https://github.com/ioBroker/iobroker.admin#readme",
+    "dependencies": {
+        "@iobroker/js-controller-common": "^6.0.11",
+        "@iobroker/js-controller-common-db": "^6.0.11",
+        "@iobroker/socket-client": "^3.1.1",
+        "@iobroker/types": "^6.0.11",
+        "@mui/icons-material": "^6.1.3",
+        "@mui/material": "^6.1.3",
+        "@mui/x-date-pickers": "^7.19.0",
+        "@sentry/browser": "^8.33.1",
+        "cronstrue": "^2.50.0",
+        "react-color": "^2.19.3",
+        "react-colorful": "^5.6.1",
+        "react-cropper": "^2.3.3",
+        "react-dropzone": "^14.2.9",
+        "react-icons": "^5.3.0",
+        "react-inlinesvg": "^4.1.3"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.25.7",
+        "@babel/plugin-proposal-class-properties": "^7.18.6",
+        "@babel/plugin-transform-runtime": "^7.25.7",
+        "@babel/preset-env": "^7.25.7",
+        "@babel/preset-flow": "^7.25.7",
+        "@babel/preset-react": "^7.25.7",
+        "@iobroker/eslint-config": "^0.1.6",
+        "@types/node": "^22.7.5",
+        "@types/react": "^18.3.11",
+        "@types/react-color": "^3.0.12",
+        "ajv": "^8.17.1",
+        "ts-node": "^10.9.2",
+        "typescript": "^5.6.3"
+    },
+    "gitHead": "620c68a361a27a72c11d4d3acb28ac7dee69f1b8"
+}

package/AdminConnection.d.ts

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

package/AdminConnection.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const socket_client_1 = require("@iobroker/socket-client");
-exports.default = socket_client_1.AdminConnection;

package/Components/404.js

@@ -1,101 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-/*
-Copyright 2019 Robin Selmer
-https://codepen.io/robinselmer/pen/vJjbOZ
-*/
-const i18n_1 = __importDefault(require("../i18n"));
-const styles = {
-    content: {
-        background: 'black',
-        position: 'absolute',
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0,
-    },
-    root: {
-        boxSizing: 'border-box',
-        height: '100%',
-        width: '100%',
-        backgroundColor: '#000000',
-        backgroundImage: 'radial-gradient(#104254 , #05181c)',
-        fontFamily: "'Inconsolata', Helvetica, sans-serif",
-        fontSize: '1.5rem',
-        color: 'rgba(128, 175, 255, 0.8)',
-        textShadow: `0 0 1ex rgba(51, 70, 255, 1),
-        0 0 2px rgba(255, 255, 255, 0.8)`,
-    },
-    overlay: {
-        pointerEvents: 'none',
-        width: '100%',
-        height: '100%',
-        background: `repeating-linear-gradient(
-                180deg,
-            rgba(0, 0, 0, 0) 0,
-            rgba(0, 0, 0, 0.3) 50%,
-            rgba(0, 0, 0, 0) 100%)`,
-        backgroundSize: 'auto 4px',
-        zIndex: 99,
-        '&::before': {
-            content: '""',
-            pointerEvents: 'none',
-            position: 'absolute',
-            display: 'block',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            width: '100%',
-            height: '100%',
-            backgroundImage: `linear-gradient(
-                0deg,
-                transparent 0%,
-                rgba(32, 50, 128, 0.2) 2%,
-                rgba(32, 50, 128, 0.8) 3%,
-                rgba(32, 50, 128, 0.2) 3%,
-                transparent 100%)`,
-            backgroundRepeat: 'no-repeat',
-            animation: 'scan 7.5s linear 0s infinite',
-        },
-    },
-    terminal: {
-        boxSizing: 'inherit',
-        position: 'absolute',
-        height: '100%',
-        width: 'calc(100% - 8rem)',
-        maxWidth: '100%',
-        padding: '4rem',
-        textTransform: 'uppercase',
-    },
-    output: {
-        color: 'rgba(128, 175, 255, 0.8)',
-        textShadow: `
-        0 0 1px rgba(51, 70, 255, 0.4),
-            0 0 2px rgba(255, 255, 255, 0.8)`,
-        '&::before': {
-            content: '"> "',
-        },
-    },
-    errorCode: {
-        color: 'white',
-    },
-};
-/** Generates the 404 error page */
-function Page404() {
-    return (react_1.default.createElement("div", { style: styles.content },
-        react_1.default.createElement("div", { style: styles.root },
-            react_1.default.createElement(material_1.Box, { component: "div", sx: styles.overlay },
-                react_1.default.createElement("div", { style: styles.terminal },
-                    react_1.default.createElement("h1", null,
-                        i18n_1.default.t('ra_Error'),
-                        react_1.default.createElement("span", { style: styles.errorCode }, "404")),
-                    react_1.default.createElement(material_1.Box, { component: "p", sx: styles.output }, i18n_1.default.t('ra_The page you are looking for was not found')),
-                    react_1.default.createElement(material_1.Box, { component: "p", sx: styles.output }, i18n_1.default.t('ra_Good luck')))))));
-}
-exports.default = Page404;

package/Components/CopyToClipboard.js

@@ -1,163 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/*
-MIT License
-
-Copyright (c) 2017 sudodoki <smd.deluzion@gmail.com>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
- */
-// https://github.com/sudodoki/toggle-selection/blob/gh-pages/index.js
-function deselectCurrent() {
-    const selection = document.getSelection();
-    if (!(selection === null || selection === void 0 ? void 0 : selection.rangeCount)) {
-        return () => { };
-    }
-    let active = document.activeElement;
-    const ranges = [];
-    for (let i = 0; i < selection.rangeCount; i++) {
-        ranges.push(selection.getRangeAt(i));
-    }
-    switch (active === null || active === void 0 ? void 0 : active.tagName.toUpperCase() // .toUpperCase handles XHTML
-    ) {
-        case 'INPUT':
-        case 'TEXTAREA':
-            active.blur();
-            break;
-        default:
-            active = null;
-            break;
-    }
-    selection.removeAllRanges();
-    return () => {
-        selection.type === 'Caret' && selection.removeAllRanges();
-        if (!selection.rangeCount) {
-            ranges.forEach(range => selection.addRange(range));
-        }
-        active && active.focus();
-    };
-}
-// https://github.com/sudodoki/copy-to-clipboard/blob/master/index.js
-const clipboardToIE11Formatting = {
-    'text/plain': 'Text',
-    'text/html': 'Url',
-    default: 'Text',
-};
-const defaultMessage = 'Copy to clipboard: #{key}, Enter';
-function format(message) {
-    const copyKey = `${/mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl'}+C`;
-    return message.replace(/#{\s*key\s*}/g, copyKey);
-}
-/**
- * Copy text to clipboard
- *
- * @param text Text to copy
- * @param options Options
- * @param options.debug Debug mode
- * @param options.format Format of the data
- * @param options.message Message to show in prompt
- */
-function copy(text, options) {
-    let reselectPrevious;
-    let range;
-    let selection;
-    let mark;
-    let success = false;
-    options = options || {};
-    const debug = options.debug || false;
-    try {
-        reselectPrevious = deselectCurrent();
-        range = document.createRange();
-        selection = document.getSelection();
-        mark = document.createElement('span');
-        mark.textContent = text;
-        // avoid screen readers from reading out loud the text
-        mark.ariaHidden = 'true';
-        // reset user styles for span element
-        mark.style.all = 'unset';
-        // prevents scrolling to the end of the page
-        mark.style.position = 'fixed';
-        mark.style.top = '0px';
-        mark.style.clip = 'rect(0, 0, 0, 0)';
-        // used to preserve spaces and line breaks
-        mark.style.whiteSpace = 'pre';
-        // do not inherit user-select (it may be `none`)
-        mark.style.userSelect = 'text';
-        mark.addEventListener('copy', e => {
-            var _a, _b, _c, _d;
-            e.stopPropagation();
-            if (options === null || options === void 0 ? void 0 : options.format) {
-                e.preventDefault();
-                if (typeof e.clipboardData === 'undefined') {
-                    // IE 11
-                    debug && console.warn('unable to use e.clipboardData');
-                    debug && console.warn('trying IE specific stuff');
-                    (_a = window.clipboardData) === null || _a === void 0 ? void 0 : _a.clearData();
-                    const _format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting.default;
-                    (_b = window.clipboardData) === null || _b === void 0 ? void 0 : _b.setData(_format, text);
-                }
-                else {
-                    // all other browsers
-                    (_c = e.clipboardData) === null || _c === void 0 ? void 0 : _c.clearData();
-                    (_d = e.clipboardData) === null || _d === void 0 ? void 0 : _d.setData(options.format, text);
-                }
-            }
-        });
-        document.body.appendChild(mark);
-        range.selectNodeContents(mark);
-        selection === null || selection === void 0 ? void 0 : selection.addRange(range);
-        // there is no alternative for execCommand
-        const successful = document.execCommand('copy');
-        if (!successful) {
-            throw new Error('copy command was unsuccessful');
-        }
-        success = true;
-    }
-    catch (err) {
-        debug && console.error('unable to copy using execCommand: ', err);
-        debug && console.warn('trying IE specific stuff');
-        try {
-            window.clipboardData.setData(options.format || 'text', text);
-            // options.onCopy && options.onCopy((window as any).clipboardData);
-            success = true;
-        }
-        catch (error) {
-            debug && console.error('unable to copy using clipboardData: ', error);
-            debug && console.error('falling back to prompt');
-            const message = format('message' in options ? options.message || '' : defaultMessage);
-            window.prompt(message, text);
-        }
-    }
-    finally {
-        if (selection) {
-            if (range && typeof selection.removeRange === 'function') {
-                selection.removeRange(range);
-            }
-            else {
-                selection.removeAllRanges();
-            }
-        }
-        if (mark) {
-            document.body.removeChild(mark);
-        }
-        reselectPrevious && reselectPrevious();
-    }
-    return success;
-}
-exports.default = copy;

package/Components/CustomModal.js

@@ -1,88 +0,0 @@
-"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 icons_material_1 = require("@mui/icons-material");
-const i18n_1 = __importDefault(require("../i18n"));
-const Utils_1 = __importDefault(require("./Utils"));
-const styles = {
-    modalDialog: {
-        minWidth: 400,
-        maxWidth: 800,
-    },
-    overflowHidden: {
-        display: 'flex',
-        overflow: 'hidden',
-    },
-    titleIcon: {
-        marginRight: 5,
-    },
-    content: {
-        fontSize: 16,
-    },
-    languageButton: {
-        position: 'absolute',
-        right: 8,
-        top: 8,
-    },
-    languageButtonActive: (theme) => ({
-        color: theme.palette.primary.main,
-    }),
-};
-const CustomModal = (props) => {
-    const { open, toggleTranslation, noTranslation, title, fullWidth, help, maxWidth, progress, icon, applyDisabled, applyButton, onClose, children, titleButtonApply, titleButtonClose, onApply, textInput, defaultValue, overflowHidden, } = props;
-    const [value, setValue] = (0, react_1.useState)(defaultValue || '');
-    (0, react_1.useEffect)(() => {
-        setValue(defaultValue || '');
-    }, [defaultValue]);
-    let Icon = null;
-    if (icon) {
-        Icon = icon;
-    }
-    return (react_1.default.createElement(material_1.Dialog, { open: open, maxWidth: maxWidth || 'md', fullWidth: !!fullWidth, disableEscapeKeyDown: false, onClose: onClose, sx: { '& .MuiDialog-paper': styles.modalDialog } },
-        title && (react_1.default.createElement(material_1.DialogTitle, null,
-            icon ? react_1.default.createElement(Icon, { style: styles.titleIcon }) : null,
-            title,
-            i18n_1.default.getLanguage() !== 'en' && toggleTranslation ? (react_1.default.createElement(material_1.IconButton, { size: "large", sx: Utils_1.default.getStyle(props.theme, styles.languageButton, noTranslation && styles.languageButtonActive), onClick: () => toggleTranslation(), title: i18n_1.default.t('Disable/Enable translation') },
-                react_1.default.createElement(icons_material_1.Language, null))) : null)),
-        react_1.default.createElement(material_1.DialogContent, { style: Object.assign(Object.assign(Object.assign({}, styles.content), (overflowHidden ? styles.overflowHidden : undefined)), { paddingTop: 8 }) },
-            textInput && (react_1.default.createElement(material_1.TextField
-            // className={className}
-            , { 
-                // className={className}
-                autoComplete: "off", fullWidth: true, autoFocus: true, variant: "outlined", size: "medium", 
-                // rows={10}
-                multiline: true, value: value, onChange: e => setValue(e.target.value) })),
-            children,
-            help ? react_1.default.createElement("div", null, help) : null),
-        react_1.default.createElement(material_1.DialogActions, null,
-            applyButton !== false && (react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.Check, null), disabled: progress || (applyDisabled && defaultValue === value), onClick: () => onApply(textInput ? value : ''), variant: "contained", color: "primary" }, i18n_1.default.t(titleButtonApply || 'ra_Ok'))),
-            react_1.default.createElement(material_1.Button, { color: "grey", onClick: onClose, disabled: progress, variant: "contained", startIcon: react_1.default.createElement(icons_material_1.Close, null) }, i18n_1.default.t(titleButtonClose || 'ra_Cancel')))));
-};
-exports.default = CustomModal;

package/Components/FileViewer.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export declare const EXTENSIONS: {
-    images: string[];
-    code: string[];
-    txt: string[];
-    audio: string[];
-    video: string[];
-};
-declare const _default: (props: Record<string, any>) => React.JSX.Element;
-export default _default;