@iobroker/adapter-react-v5 4.13.11 → 4.13.13

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.13 (2024-05-09)
+* (bluefox) Updated ioBroker types
+
+### 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
 

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.11",
+  "version": "4.13.13",
   "description": "React classes to develop admin interfaces for ioBroker with react.",
   "author": {
     "name": "Denis Haev (bluefox)",
@@ -31,21 +31,21 @@
     "@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",
-    "@mui/icons-material": "^5.15.15",
+    "@iobroker/socket-client": "^2.4.9",
+    "@iobroker/types": "^5.0.20-alpha.0-20240508-d36cddc8d",
+    "@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.17",
     "@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.2",
+    "@sentry/browser": "^7.114.0",
+    "@sentry/integrations": "^7.114.0",
     "react-color": "^2.19.3",
     "react-colorful": "^5.6.1",
     "react-cropper": "^2.3.3",
     "react-dropzone": "^14.2.3",
-    "react-icons": "^5.1.0",
+    "react-icons": "^5.2.1",
     "react-inlinesvg": "4.0.3"
   }
 }