@iobroker/adapter-react-v5 5.0.4 → 5.0.6

package/README.md

@@ -667,6 +667,25 @@ socket.getObjectViewCustom('custom', 'state', 'startKey', 'endKey')
 - adapter-react-v5 has all types exported. So you can use `import { type IobTheme, Theme } from '@iobroker/adapter-react-v5';` and `const theme: IobTheme = Theme('light');`
 - Json-Config is now an external package and must be included as dependency separately.
 - Use type `Translate` for `t(word: string, ...args: any[]) => string`
+- All components for admin JsonConfig must be changed:
+  Before `adapter-react-v5@5.x`:
+
+```
+import { ConfigGeneric, I18n } from '@iobroker/adapter-react-v5';
+class JsonComponent extends ConfigGeneric {
+...
+}
+```
+
+With `adapter-react-v5@5.x`:
+
+```
+import { I18n } from '@iobroker/adapter-react-v5';
+import { ConfigGeneric } from '@iobroker/json-config';
+class JsonComponent extends ConfigGeneric {
+...
+}
+```
 
 ## Warning
 `react-inlinesvg@4.0.5` cannot be used. Use `react-inlinesvg@4.0.3` instead.  
@@ -676,6 +695,12 @@ socket.getObjectViewCustom('custom', 'state', 'startKey', 'endKey')
 -->
 
 ## Changelog
+### 5.0.6 (2024-06-15)
+* (bluefox) Added `modulefederation.admin.config.js` for module federation
+
+### 5.0.5 (2024-06-10)
+* (bluefox) Sources were synchronized with admin
+
 ### 5.0.4 (2024-06-07)
 * (bluefox) Added better typing
 

package/craco-module-federation.js

@@ -18,7 +18,7 @@ const getModuleFederationConfigPath = (additionalPaths = []) => {
 };
 
 module.exports = {
-    overrideWebpackConfig: ({webpackConfig, pluginOptions}) => {
+    overrideWebpackConfig: ({ webpackConfig, pluginOptions }) => {
         const moduleFederationConfigPath = getModuleFederationConfigPath();
 
         if (moduleFederationConfigPath) {
@@ -59,7 +59,7 @@ module.exports = {
         return webpackConfig;
     },
 
-    overrideDevServerConfig: ({devServerConfig}) => {
+    overrideDevServerConfig: ({ devServerConfig }) => {
         devServerConfig.headers = {
             'Access-Control-Allow-Origin': '*',
             'Access-Control-Allow-Methods': '*',

package/i18n.d.ts

@@ -3,7 +3,7 @@
  *
  * MIT License
  *
- ***/
+ * */
 declare global {
     interface Window {
         sysLang: ioBroker.Languages;

package/i18n.js

@@ -4,7 +4,7 @@
  *
  * MIT License
  *
- ***/
+ * */
 Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * Translation string management.
@@ -76,13 +76,11 @@ class I18n {
                             if (!languageDictionary) {
                                 console.warn(`Used unknown language: ${_lang}`);
                             }
-                            else {
-                                if (!languageDictionary[word]) {
-                                    languageDictionary[word] = _word[_lang];
-                                }
-                                else if (languageDictionary[word] !== _word[_lang]) {
-                                    console.warn(`Translation for word "${word}" in "${_lang}" was ignored: existing = "${languageDictionary[word]}", new = ${_word[_lang]}`);
-                                }
+                            else if (!languageDictionary[word]) {
+                                languageDictionary[word] = _word[_lang];
+                            }
+                            else if (languageDictionary[word] !== _word[_lang]) {
+                                console.warn(`Translation for word "${word}" in "${_lang}" was ignored: existing = "${languageDictionary[word]}", new = ${_word[_lang]}`);
                             }
                         });
                     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iobroker/adapter-react-v5",
-  "version": "5.0.4",
+  "version": "5.0.6",
   "description": "React classes to develop admin interfaces for ioBroker with react.",
   "author": {
     "name": "Denis Haev (bluefox)",
@@ -30,14 +30,14 @@
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@iobroker/socket-client": "^2.4.18",
-    "@iobroker/types": "^6.0.1-alpha.0-20240603-8378eb65c",
-    "@iobroker/js-controller-common": "^6.0.1-alpha.0-20240603-8378eb65c",
-    "@iobroker/js-controller-common-db": "^6.0.1-alpha.0-20240603-8378eb65c",
-    "@mui/icons-material": "^5.15.19",
+    "@iobroker/types": "^6.0.4",
+    "@iobroker/js-controller-common": "^6.0.4",
+    "@iobroker/js-controller-common-db": "^6.0.4",
+    "@mui/icons-material": "^5.15.20",
     "@mui/material": "5.14.14",
     "@mui/styles": "5.14.14",
-    "@mui/x-date-pickers": "^7.6.2",
-    "@sentry/browser": "^8.7.0",
+    "@mui/x-date-pickers": "^7.7.0",
+    "@sentry/browser": "^8.9.2",
     "react-color": "^2.19.3",
     "react-colorful": "^5.6.1",
     "react-cropper": "^2.3.3",

package/types.d.ts

@@ -75,31 +75,6 @@ export interface GenericAppSettings extends GenericAppProps {
     doNotLoadAllObjects?: boolean;
 }
 
-export interface GenericAppState {
-    loaded: boolean;
-    themeType: ThemeType;
-    themeName: ThemeName;
-    theme: IobTheme;
-    expertMode: boolean;
-    selectedTab: string;
-    selectedTabNum: number | undefined;
-    native: Record<string, any>;
-    errorText: string | React.JSX.Element;
-    changed: boolean;
-    connected: boolean;
-    isConfigurationError: string;
-    toast: string | React.JSX.Element;
-    bottomButtons: boolean;
-    width: Width;
-    confirmClose: boolean;
-    _alert: boolean;
-    _alertType: 'info' | 'warning' | 'error' | 'success';
-    _alertMessage: string | React.JSX.Element;
-    common?: Record<string, any>;
-}
-
-export type Width = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-
 interface Palette extends MuiPalette {
     mode: ThemeType;
     expert: string;
@@ -120,7 +95,7 @@ interface Palette extends MuiPalette {
         A200: string;
         A400: string;
         A700: string;
-    }
+    };
 }
 
 export interface IobTheme extends MuiTheme {
@@ -130,5 +105,30 @@ export interface IobTheme extends MuiTheme {
     saveToolbar: {
         background: string;
         button: React.CSSProperties;
-    }
+    };
+}
+
+export type Width = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+export interface GenericAppState {
+    loaded: boolean;
+    themeType: ThemeType;
+    themeName: ThemeName;
+    theme: IobTheme;
+    expertMode: boolean;
+    selectedTab: string;
+    selectedTabNum: number | undefined;
+    native: Record<string, any>;
+    errorText: string | React.JSX.Element;
+    changed: boolean;
+    connected: boolean;
+    isConfigurationError: string;
+    toast: string | React.JSX.Element;
+    bottomButtons: boolean;
+    width: Width;
+    confirmClose: boolean;
+    _alert: boolean;
+    _alertType: 'info' | 'warning' | 'error' | 'success';
+    _alertMessage: string | React.JSX.Element;
+    common?: Record<string, any>;
 }