@iobroker/adapter-react-v5 6.1.10 → 7.0.1

package/src/icons/IconNoIcon.tsx

@@ -1,19 +1,19 @@
-import React from 'react';
-import type IconProps from './IconProps';
-
-const IconNoIcon = (props: IconProps) => <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}
->
-    <path
-        fill="#EE3333"
-        d="M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z M256,448 c-105.865,0-192-86.135-192-192c0-40.406,12.25-78.604,35.542-111.198l267.656,267.656C334.604,435.75,296.406,448,256,448z M412.458,367.198L144.802,99.542C177.396,76.25,215.594,64,256,64c105.865,0,192,86.135,192,192 C448,296.406,435.75,334.604,412.458,367.198z"
-    />
-</svg>;
-
-export default IconNoIcon;
+import React from 'react';
+import type IconProps from './IconProps';
+
+const IconNoIcon = (props: IconProps) => <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}
+>
+    <path
+        fill="#EE3333"
+        d="M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z M256,448 c-105.865,0-192-86.135-192-192c0-40.406,12.25-78.604,35.542-111.198l267.656,267.656C334.604,435.75,296.406,448,256,448z M412.458,367.198L144.802,99.542C177.396,76.25,215.594,64,256,64c105.865,0,192,86.135,192,192 C448,296.406,435.75,334.604,412.458,367.198z"
+    />
+</svg>;
+
+export default IconNoIcon;

package/src/icons/IconOpen.tsx

@@ -1,17 +1,17 @@
-import React from 'react';
-import type IconProps from './IconProps';
-
-// Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
-const IconOpen = (props: IconProps) => <svg
-    xmlns="http://www.w3.org/2000/svg"
-    onClick={e => props.onClick && props.onClick(e)}
-    viewBox="0 0 650 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}
->
-    <path fill="currentColor" d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z" />
-</svg>;
-
-export default IconOpen;
+import React from 'react';
+import type IconProps from './IconProps';
+
+// Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
+const IconOpen = (props: IconProps) => <svg
+    xmlns="http://www.w3.org/2000/svg"
+    onClick={e => props.onClick && props.onClick(e)}
+    viewBox="0 0 650 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}
+>
+    <path fill="currentColor" d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z" />
+</svg>;
+
+export default IconOpen;

package/src/icons/IconProps.tsx

@@ -1,15 +1,15 @@
-import React from 'react';
-
-export default interface IconProps {
-    /**  The width in pixels or percentage of the icon. */
-    width?: number | string;
-    /**  The height in pixels or percentage of the icon. */
-    height?: number | string;
-    /** Click handler. */
-    onClick?: (e: React.MouseEvent) => void;
-    /** The class name for the SVG element. */
-    className?: string;
-    /** Styles for the SVG element. */
-    style?: React.CSSProperties;
-    fontSize?: 'small';
-}
+import React from 'react';
+
+export default interface IconProps {
+    /**  The width in pixels or percentage of the icon. */
+    width?: number | string;
+    /**  The height in pixels or percentage of the icon. */
+    height?: number | string;
+    /** Click handler. */
+    onClick?: (e: React.MouseEvent) => void;
+    /** The class name for the SVG element. */
+    className?: string;
+    /** Styles for the SVG element. */
+    style?: React.CSSProperties;
+    fontSize?: 'small';
+}

package/src/icons/IconState.tsx

@@ -1,17 +1,17 @@
-import React from 'react';
-import type IconProps from './IconProps';
-
-const IconState = (props: IconProps) => <svg
-    xmlns="http://www.w3.org/2000/svg"
-    onClick={e => props.onClick && props.onClick(e)}
-    viewBox="0 0 320 320"
-    width={props.width || (props.fontSize === 'small' ? 16 : 20)}
-    height={props.height || props.width || (props.fontSize === 'small' ? 16 : 20)}
-    className={props.className}
-    style={props.style}
->
-    <rect fill="none" rx="32" height="272" width="267" y="25" x="25" strokeWidth="15" stroke="currentColor" />
-    <ellipse fill="none" ry="54" rx="54" cy="160" cx="160" fillOpacity="null" strokeOpacity="null" strokeWidth="15" stroke="currentColor" />
-</svg>;
-
-export default IconState;
+import React from 'react';
+import type IconProps from './IconProps';
+
+const IconState = (props: IconProps) => <svg
+    xmlns="http://www.w3.org/2000/svg"
+    onClick={e => props.onClick && props.onClick(e)}
+    viewBox="0 0 320 320"
+    width={props.width || (props.fontSize === 'small' ? 16 : 20)}
+    height={props.height || props.width || (props.fontSize === 'small' ? 16 : 20)}
+    className={props.className}
+    style={props.style}
+>
+    <rect fill="none" rx="32" height="272" width="267" y="25" x="25" strokeWidth="15" stroke="currentColor" />
+    <ellipse fill="none" ry="54" rx="54" cy="160" cx="160" fillOpacity="null" strokeOpacity="null" strokeWidth="15" stroke="currentColor" />
+</svg>;
+
+export default IconState;

package/src/index.css

@@ -1,55 +1,55 @@
-/**
- * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
- *
- * MIT License
- *
- **/
-
-html {
-    height: 100%;
-}
-
-body {
-    margin: 0;
-    padding: 0;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-}
-
-/* scrollbar */
-::-webkit-scrollbar-track {
-    background-color: #ccc;
-    border-radius: 5px;
-}
-
-::-webkit-scrollbar {
-    width: 5px;
-    height: 5px;
-    background-color: #ccc;
-}
-
-::-webkit-scrollbar-thumb {
-    background-color: #575757;
-    border-radius: 5px;
-}
-
-#root {
-    height: 100%;
-}
-
-.App {
-    height: 100%;
-}
-
-@keyframes glow {
-    from {
-        background-color: initial;
-    }
-    to {
-        background-color: #58c458;
-    }
+/**
+ * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ **/
+
+html {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+/* scrollbar */
+::-webkit-scrollbar-track {
+    background-color: #ccc;
+    border-radius: 5px;
+}
+
+::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+    background-color: #ccc;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: #575757;
+    border-radius: 5px;
+}
+
+#root {
+    height: 100%;
+}
+
+.App {
+    height: 100%;
+}
+
+@keyframes glow {
+    from {
+        background-color: initial;
+    }
+    to {
+        background-color: #58c458;
+    }
 }

package/types.d.ts

@@ -1,134 +1,134 @@
-import React from 'react';
-import { Theme as MuiTheme, Palette as MuiPalette } from '@mui/material/styles';
-import { AdminConnection, Connection } from '@iobroker/socket-client';
-import LegacyConnection from './LegacyConnection';
-
-export type Translate = (key: string, ...args: (string | number | boolean)[]) => string;
-
-export interface ConnectionProps {
-    /** The socket name. */
-    name?: string;
-    /** State IDs to always automatically subscribe to. */
-    autoSubscribes?: string[];
-    /** Automatically subscribe to logging. */
-    autoSubscribeLog?: boolean;
-    /** The protocol to use for the socket.io connection. */
-    protocol?: string;
-    /** The host name to use for the socket.io connection. */
-    host?: string;
-    /** The port to use for the socket.io connection. */
-    port?: string | number;
-    /** The socket.io connection timeout. */
-    ioTimeout?: number;
-    /** Flag to indicate if all objects should be loaded or not. Default true (not loaded) */
-    doNotLoadAllObjects?: boolean;
-    /** Flag to indicate if AccessControlList for current user will be loaded or not. Default true (not loaded) */
-    doNotLoadACL?: boolean;
-    /** Progress callback. */
-    onProgress?: (progress: number) => void;
-    /** Ready callback. */
-    onReady?: (objects: Record<string, ioBroker.Object>) => void;
-    /** Log callback. */
-    onLog?: (text: string) => void;
-    /** Error callback. */
-    onError?: (error: any) => void;
-    /** Object change callback. */
-    onObjectChange?: ioBroker.ObjectChangeHandler;
-    /** Language callback */
-    onLanguage?: (lang: ioBroker.Languages) => void;
-}
-
-export interface OldObject {
-    _id: string;
-    type: string;
-}
-
-export type ObjectChangeHandler = (id: string, obj: ioBroker.Object | null | undefined, oldObj: OldObject) => void | Promise<void>;
-
-export type ThemeName = 'dark' | 'light' | 'colored' | 'blue' | 'PT' | 'DX';
-export type ThemeType = 'dark' | 'light';
-
-export interface GenericAppProps {
-    /** Adapter instance number if known, else will be determined from url */
-    instance?: number;
-    /** The name of the adapter. */
-    adapterName?: string;
-    /** Should the bottom buttons be shown (default: true). */
-    bottomButtons?: boolean;
-    /** Additional translations. */
-    translations?: { [lang in ioBroker.Languages]?: Record<string, string>; };
-    /** Fields that should be encrypted/decrypted. */
-    encryptedFields?: string[];
-    /** Socket.io configuration. */
-    socket?: ConnectionProps;
-    /** Desired connection object */
-    Connection?: LegacyConnection | Connection | AdminConnection;
-    /** sentry DNS */
-    sentryDSN?: string;
-    /** Callback if user changes the theme. Call it to trigger change */
-    onThemeChange?: (newThemeName: ThemeName) => void;
-    classes?: Record<string, string>;
-}
-
-export interface GenericAppSettings extends GenericAppProps {
-    /** Don't load all objects on start-up. */
-    doNotLoadAllObjects?: boolean;
-}
-
-interface Palette extends MuiPalette {
-    mode: ThemeType;
-    expert: string;
-    grey: {
-        main: string;
-        dark: string;
-        50: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        A100: string;
-        A200: string;
-        A400: string;
-        A700: string;
-    };
-}
-
-export interface IobTheme extends MuiTheme {
-    name: ThemeName;
-    palette: Palette;
-    toolbar: React.CSSProperties;
-    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>;
-}
+import React from 'react';
+import { Theme as MuiTheme, Palette as MuiPalette } from '@mui/material/styles';
+import { AdminConnection, Connection } from '@iobroker/socket-client';
+import LegacyConnection from './LegacyConnection';
+
+export type Translate = (key: string, ...args: (string | number | boolean)[]) => string;
+
+export interface ConnectionProps {
+    /** The socket name. */
+    name?: string;
+    /** State IDs to always automatically subscribe to. */
+    autoSubscribes?: string[];
+    /** Automatically subscribe to logging. */
+    autoSubscribeLog?: boolean;
+    /** The protocol to use for the socket.io connection. */
+    protocol?: string;
+    /** The host name to use for the socket.io connection. */
+    host?: string;
+    /** The port to use for the socket.io connection. */
+    port?: string | number;
+    /** The socket.io connection timeout. */
+    ioTimeout?: number;
+    /** Flag to indicate if all objects should be loaded or not. Default true (not loaded) */
+    doNotLoadAllObjects?: boolean;
+    /** Flag to indicate if AccessControlList for current user will be loaded or not. Default true (not loaded) */
+    doNotLoadACL?: boolean;
+    /** Progress callback. */
+    onProgress?: (progress: number) => void;
+    /** Ready callback. */
+    onReady?: (objects: Record<string, ioBroker.Object>) => void;
+    /** Log callback. */
+    onLog?: (text: string) => void;
+    /** Error callback. */
+    onError?: (error: any) => void;
+    /** Object change callback. */
+    onObjectChange?: ioBroker.ObjectChangeHandler;
+    /** Language callback */
+    onLanguage?: (lang: ioBroker.Languages) => void;
+}
+
+export interface OldObject {
+    _id: string;
+    type: string;
+}
+
+export type ObjectChangeHandler = (id: string, obj: ioBroker.Object | null | undefined, oldObj: OldObject) => void | Promise<void>;
+
+export type ThemeName = 'dark' | 'light' | 'colored' | 'blue' | 'PT' | 'DX';
+export type ThemeType = 'dark' | 'light';
+
+export interface GenericAppProps {
+    /** Adapter instance number if known, else will be determined from url */
+    instance?: number;
+    /** The name of the adapter. */
+    adapterName?: string;
+    /** Should the bottom buttons be shown (default: true). */
+    bottomButtons?: boolean;
+    /** Additional translations. */
+    translations?: { [lang in ioBroker.Languages]?: Record<string, string>; };
+    /** Fields that should be encrypted/decrypted. */
+    encryptedFields?: string[];
+    /** Socket.io configuration. */
+    socket?: ConnectionProps;
+    /** Desired connection object */
+    Connection?: LegacyConnection | Connection | AdminConnection;
+    /** sentry DNS */
+    sentryDSN?: string;
+    /** Callback if user changes the theme. Call it to trigger change */
+    onThemeChange?: (newThemeName: ThemeName) => void;
+    classes?: Record<string, string>;
+}
+
+export interface GenericAppSettings extends GenericAppProps {
+    /** Don't load all objects on start-up. */
+    doNotLoadAllObjects?: boolean;
+}
+
+interface Palette extends MuiPalette {
+    mode: ThemeType;
+    expert: string;
+    grey: {
+        main: string;
+        dark: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        A100: string;
+        A200: string;
+        A400: string;
+        A700: string;
+    };
+}
+
+export interface IobTheme extends MuiTheme {
+    name: ThemeName;
+    palette: Palette;
+    toolbar: React.CSSProperties;
+    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>;
+}