@iobroker/adapter-react-v5 4.13.10 → 4.13.12

package/Components/Router.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-interface Router<P = {}, S = {}> extends React.Component<P, S> {
+import { Component } from 'react';
+interface Router<P = {}, S = {}> extends Component<P, S> {
 }
-declare class Router<P, S> extends React.Component<P, S> {
+declare class Router<P, S> extends Component<P, S> {
     protected onHashChangedBound: () => void;
     constructor(props: P);
     componentDidMount(): void;

package/Components/Router.js

@@ -1,10 +1,7 @@
 "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"));
-class Router extends react_1.default.Component {
+const react_1 = require("react");
+class Router extends react_1.Component {
     constructor(props) {
         super(props);
         this.onHashChangedBound = this.onHashChanged.bind(this);

package/Components/TabContainer.d.ts

@@ -13,5 +13,5 @@ interface TabContainerProps {
     children: React.ReactNode;
 }
 /** @type {typeof TabContainer} */
-declare const _export: React.JSXElementConstructor<Omit<TabContainerProps, "classes"> & import("@mui/styles").StyledComponentProps<"root" | "overflowHidden" | "container"> & object>;
+declare const _export: React.JSXElementConstructor<Omit<TabContainerProps, "classes"> & import("@mui/styles").StyledComponentProps<"root" | "container" | "overflowHidden"> & object>;
 export default _export;

package/Components/Utils.js

@@ -1165,7 +1165,8 @@ class Utils {
      * Set the theme name and theme type.
      */
     static setThemeName(themeName) {
-        if (window.vendorPrefix && window.vendorPrefix !== '@@vendorPrefix@@' && window.vendorPrefix !== 'MV') {
+        const vendorPrefix = window.vendorPrefix;
+        if (vendorPrefix && vendorPrefix !== '@@vendorPrefix@@' && vendorPrefix !== 'MV') {
             return; // ignore
         }
         (window._localStorage || window.localStorage).setItem('App.themeName', themeName);

package/Components/withWidth.d.ts

@@ -1,2 +1,3 @@
+import React, { JSXElementConstructor } from 'react';
+declare const withWidth: () => (WrappedComponent: JSXElementConstructor<any>) => (props: Record<string, any>) => React.JSX.Element;
 export default withWidth;
-declare function withWidth(): (WrappedComponent: any) => (props: any) => React.JSX.Element;

package/Components/withWidth.js

@@ -1,35 +1,23 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("@mui/material/styles");
-var _material = require("@mui/material");
+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 styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
 function useWidth() {
-  var theme = (0, _styles.useTheme)();
-  var keys = (0, _toConsumableArray2["default"])(theme.breakpoints.keys).reverse();
-  return keys.reduce(function (output, key) {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    var matches = (0, _material.useMediaQuery)(theme.breakpoints.up(key));
-    return !output && matches ? key : output;
-  }, null) || 'xs';
+    const theme = (0, styles_1.useTheme)();
+    const keys = [...theme.breakpoints.keys].reverse();
+    return keys.reduce((output, key) => {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const matches = (0, material_1.useMediaQuery)(theme.breakpoints.up(key));
+        return !output && matches ? key : output;
+    }, null) || 'xs';
 }
-
 // FIXME checkout https://mui.com/components/use-media-query/#migrating-from-withwidth
-var withWidth = function withWidth() {
-  return function (WrappedComponent) {
-    return function (props) {
-      var width = useWidth();
-      return /*#__PURE__*/_react["default"].createElement(WrappedComponent, (0, _extends2["default"])({}, props, {
-        width: width
-      }));
-    };
-  };
+const withWidth = () => (WrappedComponent) => (props) => {
+    const width = useWidth();
+    return react_1.default.createElement(WrappedComponent, Object.assign({}, props, { width: width }));
 };
-var _default = exports["default"] = withWidth;
-//# sourceMappingURL=withWidth.js.map
+exports.default = withWidth;

package/Dialogs/TextInput.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: (props: any) => React.JSX.Element;
+declare const _default: (props: Record<string, any>) => React.JSX.Element;
 export default _default;

package/GenericApp.d.ts

@@ -146,7 +146,7 @@ declare class GenericApp<TProps extends GenericAppProps = GenericAppProps, TStat
      * Gets the system configuration.
      * @returns {Promise<ioBroker.OtherObject>}
      */
-    getSystemConfig(): Promise<import("@iobroker/socket-client").SystemConfig>;
+    getSystemConfig(): Promise<ioBroker.SystemConfigObject>;
     /**
      * Get current expert mode
      * @returns {boolean}

package/LegacyConnection.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
-import { type HostInfo } from '@iobroker/js-controller-common/tools';
-import { type FilteredNotificationInformation } from '@iobroker/js-controller-common-db/build/lib/common/notificationHandler';
+import { type HostInfo } from '@iobroker/js-controller-common/build/esm/lib/common/tools';
+import { type FilteredNotificationInformation } from '@iobroker/js-controller-common-db/build/esm/lib/common/notificationHandler';
 /**
  * Copyright 2020-2024, Denis Haev (bluefox) <dogafox@gmail.com>
  *

package/README.md

@@ -670,6 +670,12 @@ socket.getObjectViewCustom('custom', 'state', 'startKey', 'endKey')
 -->
 
 ## Changelog
+### 4.13.12 (2024-05-06)
+* (bluefox) All files are migrated to Typescript
+
+### 4.13.11 (2024-04-23)
+* (bluefox) Corrected the size of icons
+
 ### 4.13.10 (2024-04-22)
 * (bluefox) Migrated all icons to Typescript
 

package/icons/IconCopy.js

@@ -4,6 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const IconCopy = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+const IconCopy = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 512 512", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
     react_1.default.createElement("path", { fill: "currentColor", d: "M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z" }));
 exports.default = IconCopy;

package/icons/IconDocument.js

@@ -5,6 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 // Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
-const IconDocument = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+const IconDocument = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", onClick: e => props.onClick && props.onClick(e), width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
     react_1.default.createElement("path", { fill: "currentColor", d: "M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z" }));
 exports.default = IconDocument;

package/icons/IconDocumentReadOnly.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 // Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
-const IconDocumentReadOnly = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+const IconDocumentReadOnly = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 512 512", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
     react_1.default.createElement("path", { fill: "currentColor", d: "M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zM332.1 128H256V51.9l76.1 76.1zM48 464V48h160v104c0 13.3 10.7 24 24 24h104v288H48z" }),
     react_1.default.createElement("path", { fill: "currentColor", stroke: "null", d: "m261,270l-12,0l0,-24c0,-33.12 -26.88,-60 -60,-60s-60,26.88 -60,60l0,24l-12,0c-13.2,0 -24,10.8 -24,24l0,120c0,13.2 10.8,24 24,24l144,0c13.2,0 24,-10.8 24,-24l0,-120c0,-13.2 -10.8,-24 -24,-24zm-72,108c-13.2,0 -24,-10.8 -24,-24s10.8,-24 24,-24s24,10.8 24,24s-10.8,24 -24,24zm37.2,-108l-74.4,0l0,-24c0,-20.52 16.68,-37.2 37.2,-37.2c20.52,0 37.2,16.68 37.2,37.2l0,24z" }));
 exports.default = IconDocumentReadOnly;

package/icons/IconExpert.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const ExpertIcon = (props) => react_1.default.createElement("svg", { onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 486.70625 486", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), xmlns: "http://www.w3.org/2000/svg", className: props.className, style: props.style },
+const ExpertIcon = (props) => react_1.default.createElement("svg", { onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 486 486", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), xmlns: "http://www.w3.org/2000/svg", className: props.className, style: props.style },
     react_1.default.createElement("path", { fill: "currentColor", d: "m414.928297,149.715165 c-2.639376,-57.222555 -35.669446,-106.505345 -83.345894,-132.039151 c-3.758948,-2.049842 -7.636885,-3.932022 -11.590542,-5.641125 c-19.303146,-8.394083 -40.607459,-13.050853 -63.004303,-13.050853 c-84.113909,0 -152.791790,65.703174 -157.718988,148.605566 l0.043268,-0.010816 v0.281245 c0,3.061243 -0.146031,16.750306 -0.146031,16.750306 l-2.352723,5.224668 h15.744315 c5.916964,-19.384275 24.078904,-32.635245 45.513024,-32.635245 c26.231510,0 47.573684,21.915481 47.573684,48.146991 c0,26.226103 -21.342174,47.146409 -47.573684,47.146409 c-25.111939,0 -45.734774,-19.735831 -47.443879,-44.658471 h-18.789334 c-0.400232,0 -0.778832,0.638209 -1.162839,0.584122 l-19.762875,55.199753 c-2.774590,7.696379 2.926030,16.214860 11.103771,16.214860 h17.020735 l-0.129805,87.899899 c0,17.356066 14.073071,31.174935 31.429136,31.174935 h56.205745 v82.648189 c0,12.877778 12.937273,22.580734 25.815051,22.580734 h144.597825 c12.877778,0 23.429877,-9.702955 23.429877,-22.580734 v-166.037352 c0,-22.645636 5.976457,-44.761234 16.561008,-64.789128 c11.055093,-20.925714 17.523731,-44.620611 18.129489,-69.792045 c0.027042,-1.260193 0.037858,-2.552839 0.037858,-3.845485 c0,-2.466302 -0.070310,-4.938014 -0.183890,-7.377273 zm-155.393308,-11.731165 h-13.456494 v13.559257 c0,4.732489 -4.267352,8.567157 -8.999842,8.567157 c-4.727079,0 -8.999842,-3.834667 -8.999842,-8.567157 v-13.559257 h-12.185483 c-4.732489,0 -8.567157,-4.267352 -8.567157,-8.999842 c0,-4.727079 3.834667,-8.999842 8.567157,-8.999842 h12.185483 v-12.077311 c0,-4.732489 4.272762,-8.567157 8.999842,-8.567157 c4.732489,0 8.999842,3.834667 8.999842,8.567157 v12.077311 h13.456494 c4.727079,0 8.567157,4.272762 8.567157,8.999842 c0,4.732489 -3.840077,8.999842 -8.567157,8.999842 zm0,0" }),
     react_1.default.createElement("path", { fill: "currentColor", d: "m187.695312 285.875c3.9375-3.980469 6.414063-9.449219 6.414063-15.523438 0-12.128906-9.855469-21.980468-21.984375-21.980468-6.007812 0-11.472656 2.410156-15.457031 6.347656-4.023438 4.003906-6.523438 9.539062-6.523438 15.636719 0 12.125 9.855469 21.980469 21.980469 21.980469 6.078125 0 11.585938-2.476563 15.570312-6.460938zm0 0" }));
 exports.default = ExpertIcon;

package/index.d.ts

@@ -1,5 +1,6 @@
 export { default as Theme } from './Theme';
 export * from './Theme';
+export { default as GenericApp } from './GenericApp';
 export { default as i18n } from './i18n';
 export { default as I18n } from './i18n';
 export * from './i18n';

package/index.js

@@ -17,14 +17,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconState = exports.IconOpen = exports.IconLogout = exports.IconInstance = exports.IconFx = exports.IconExpert = exports.IconDocument = exports.IconDevice = exports.IconCopy = exports.IconClosed = exports.IconChannel = exports.IconAlias = exports.IconAdapter = exports.JsonConfigComponent = exports.LoaderMV = exports.LoaderPT = exports.LoaderVendor = exports.SimpleCron = exports.withWidth = exports.Utils = exports.UploadImage = exports.TreeTable = exports.ToggleThemeMenu = exports.TextWithIcon = exports.TableResize = exports.TabHeader = exports.TabContent = exports.TabContainer = exports.SelectWithIcon = exports.Schedule = exports.SaveCloseButtons = exports.Router = exports.ObjectBrowser = exports.MDUtils = exports.Logo = exports.Loader = exports.Image = exports.IconSelector = exports.IconPicker = exports.Icon = exports.FileViewer = exports.FileBrowser = exports.CustomModal = exports.copy = exports.ComplexCron = exports.ColorPicker = exports.Prompt = exports.I18n = exports.i18n = exports.Theme = void 0;
-exports.LegacyConnection = exports.AdminConnection = exports.PROGRESS = exports.Connection = exports.ConfigGeneric = exports.TextInput = exports.SimpleCronDialog = exports.SelectFile = exports.SelectID = exports.Message = exports.Error = exports.Cron = exports.Confirm = exports.ComplexCronDialog = exports.IconClearFilter = exports.IconDocumentReadOnly = exports.IconNoIcon = void 0;
+exports.IconOpen = exports.IconLogout = exports.IconInstance = exports.IconFx = exports.IconExpert = exports.IconDocument = exports.IconDevice = exports.IconCopy = exports.IconClosed = exports.IconChannel = exports.IconAlias = exports.IconAdapter = exports.JsonConfigComponent = exports.LoaderMV = exports.LoaderPT = exports.LoaderVendor = exports.SimpleCron = exports.withWidth = exports.Utils = exports.UploadImage = exports.TreeTable = exports.ToggleThemeMenu = exports.TextWithIcon = exports.TableResize = exports.TabHeader = exports.TabContent = exports.TabContainer = exports.SelectWithIcon = exports.Schedule = exports.SaveCloseButtons = exports.Router = exports.ObjectBrowser = exports.MDUtils = exports.Logo = exports.Loader = exports.Image = exports.IconSelector = exports.IconPicker = exports.Icon = exports.FileViewer = exports.FileBrowser = exports.CustomModal = exports.copy = exports.ComplexCron = exports.ColorPicker = exports.Prompt = exports.I18n = exports.i18n = exports.GenericApp = exports.Theme = void 0;
+exports.LegacyConnection = exports.AdminConnection = exports.PROGRESS = exports.Connection = exports.ConfigGeneric = exports.TextInput = exports.SimpleCronDialog = exports.SelectFile = exports.SelectID = exports.Message = exports.Error = exports.Cron = exports.Confirm = exports.ComplexCronDialog = exports.IconClearFilter = exports.IconDocumentReadOnly = exports.IconNoIcon = exports.IconState = void 0;
 var Theme_1 = require("./Theme");
 Object.defineProperty(exports, "Theme", { enumerable: true, get: function () { return __importDefault(Theme_1).default; } });
 __exportStar(require("./Theme"), exports);
-// export { default as GenericApp } from './GenericApp';
+var GenericApp_1 = require("./GenericApp");
+Object.defineProperty(exports, "GenericApp", { enumerable: true, get: function () { return __importDefault(GenericApp_1).default; } });
 // export * from './GenericApp';
-var i18n_1 = require("./i18n");
+var i18n_1 = require("./i18n"); // deprecated
 Object.defineProperty(exports, "i18n", { enumerable: true, get: function () { return __importDefault(i18n_1).default; } });
 var i18n_2 = require("./i18n");
 Object.defineProperty(exports, "I18n", { enumerable: true, get: function () { return __importDefault(i18n_2).default; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/adapter-react-v5",
-  "version": "4.13.10",
+  "version": "4.13.12",
   "description": "React classes to develop admin interfaces for ioBroker with react.",
   "author": {
     "name": "Denis Haev (bluefox)",
@@ -31,16 +31,16 @@
     "@emotion/styled": "^11.11.5",
     "@iobroker/dm-utils": "^0.1.9",
     "@iobroker/json-config": "^6.17.6",
-    "@iobroker/socket-client": "^2.4.7",
-    "@iobroker/types": "^5.0.19",
-    "@iobroker/js-controller-common": "^5.0.19",
-    "@iobroker/js-controller-common-db": "^5.0.19",
+    "@iobroker/socket-client": "^2.4.9",
+    "@iobroker/types": "^5.0.20-alpha.0-20240429-12b5c7f4",
+    "@iobroker/js-controller-common": "^5.0.20-alpha.0-20240429-12b5c7f4",
+    "@iobroker/js-controller-common-db": "^5.0.20-alpha.0-20240429-12b5c7f4",
     "@mui/icons-material": "^5.15.15",
     "@mui/material": "5.14.14",
     "@mui/styles": "5.14.14",
-    "@mui/x-date-pickers": "^7.2.0",
-    "@sentry/browser": "^7.111.0",
-    "@sentry/integrations": "^7.111.0",
+    "@mui/x-date-pickers": "^7.3.1",
+    "@sentry/browser": "^7.112.2",
+    "@sentry/integrations": "^7.112.2",
     "react-color": "^2.19.3",
     "react-colorful": "^5.6.1",
     "react-cropper": "^2.3.3",