@iobroker/adapter-react-v5 7.0.1 → 7.0.2

package/Components/Loaders/PT.css

@@ -1,109 +1,109 @@
-/**
- * Copyright 2021-2023 ioBroker GmbH
- *
- * MIT License
- *
- **/
-
-.logo-background-light, .logo-background-colored {
-    background: white;
-}
-.logo-background-dark, .logo-background-blue {
-    background: black;
-}
-.pt-logo-div {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    -ms-transform: translateX(-50%) translateY(-50%);
-    -webkit-transform: translate(-50%,-50%);
-    transform: translate(-50%,-50%);
-    z-index: 2;
-}
-.pt-logo-border {
-    border-style: solid;
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-}
-.pt-loader-block {
-    height: 65px;
-    width: 74px;
-    border-radius: 15px;
-    position: absolute;
-    box-sizing: content-box;
-}
-.pt-loader-blue {
-    border: 9px solid #0F99DE;
-    transform: rotate(5grad);
-    left: 93px;
-    top: 0;
-    animation: spin-blue 5s ease-in-out infinite;
-}
-.pt-loader-green {
-    border: 9px solid #88A536;
-    transform: rotate(-6grad);
-    left: 70px;
-    top: 58px;
-    animation: spin-green 5s ease-in-out infinite;
-}
-.pt-loader-red {
-    border: 9px solid #BD1B24;
-    transform: rotate(-15grad);
-    left: 24px;
-    top: 100px;
-    animation: spin-red 5s ease-in-out infinite;
-}
-
-@keyframes spin-blue {
-    0% {
-        transform: rotate(5deg);
-    }
-    25% {
-        transform: rotate(185deg);
-    }
-    50% {
-        transform: rotate(185deg);
-    }
-    75% {
-        transform: rotate(185deg);
-    }
-    100% {
-        transform: rotate(185deg);
-    }
-}
-@keyframes spin-green {
-    0% {
-        transform: rotate(-6deg);
-    }
-    25% {
-        transform: rotate(-6deg);
-    }
-    50% {
-        transform: rotate(174deg);
-    }
-    75% {
-        transform: rotate(174deg);
-    }
-    100% {
-        transform: rotate(-6deg);
-    }
-}
-@keyframes spin-red {
-    0% {
-        transform: rotate(-15deg);
-    }
-    25% {
-        transform: rotate(-15deg);
-    }
-    50% {
-        transform: rotate(-15deg);
-    }
-    75% {
-        transform: rotate(165deg);
-    }
-    100% {
-        transform: rotate(165deg);
-    }
+/**
+ * Copyright 2021-2023 ioBroker GmbH
+ *
+ * MIT License
+ *
+ **/
+
+.logo-background-light, .logo-background-colored {
+    background: white;
+}
+.logo-background-dark, .logo-background-blue {
+    background: black;
+}
+.pt-logo-div {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -ms-transform: translateX(-50%) translateY(-50%);
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+    z-index: 2;
+}
+.pt-logo-border {
+    border-style: solid;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+}
+.pt-loader-block {
+    height: 65px;
+    width: 74px;
+    border-radius: 15px;
+    position: absolute;
+    box-sizing: content-box;
+}
+.pt-loader-blue {
+    border: 9px solid #0F99DE;
+    transform: rotate(5grad);
+    left: 93px;
+    top: 0;
+    animation: spin-blue 5s ease-in-out infinite;
+}
+.pt-loader-green {
+    border: 9px solid #88A536;
+    transform: rotate(-6grad);
+    left: 70px;
+    top: 58px;
+    animation: spin-green 5s ease-in-out infinite;
+}
+.pt-loader-red {
+    border: 9px solid #BD1B24;
+    transform: rotate(-15grad);
+    left: 24px;
+    top: 100px;
+    animation: spin-red 5s ease-in-out infinite;
+}
+
+@keyframes spin-blue {
+    0% {
+        transform: rotate(5deg);
+    }
+    25% {
+        transform: rotate(185deg);
+    }
+    50% {
+        transform: rotate(185deg);
+    }
+    75% {
+        transform: rotate(185deg);
+    }
+    100% {
+        transform: rotate(185deg);
+    }
+}
+@keyframes spin-green {
+    0% {
+        transform: rotate(-6deg);
+    }
+    25% {
+        transform: rotate(-6deg);
+    }
+    50% {
+        transform: rotate(174deg);
+    }
+    75% {
+        transform: rotate(174deg);
+    }
+    100% {
+        transform: rotate(-6deg);
+    }
+}
+@keyframes spin-red {
+    0% {
+        transform: rotate(-15deg);
+    }
+    25% {
+        transform: rotate(-15deg);
+    }
+    50% {
+        transform: rotate(-15deg);
+    }
+    75% {
+        transform: rotate(165deg);
+    }
+    100% {
+        transform: rotate(165deg);
+    }
 }

package/Components/Loaders/PT.js

@@ -31,109 +31,109 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * */
 const react_1 = __importStar(require("react"));
 // import './PT.css'
-const ptStyles = `
-.logo-background-light, .logo-background-colored {
-    background: white;
-}
-.logo-background-dark, .logo-background-blue {
-    background: black;
-}
-.pt-logo-div {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    -ms-transform: translateX(-50%) translateY(-50%);
-    -webkit-transform: translate(-50%,-50%);
-    transform: translate(-50%,-50%);
-    z-index: 2;
-}
-.pt-logo-border {
-    border-style: solid;
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-}
-.pt-loader-block {
-    height: 65px;
-    width: 74px;
-    border-radius: 15px;
-    position: absolute;
-    box-sizing: content-box;
-}
-.pt-loader-blue {
-    border: 9px solid #0F99DE;
-    transform: rotate(5grad);
-    left: 93px;
-    top: 0;
-    animation: spin-blue 5s ease-in-out infinite;
-}
-.pt-loader-green {
-    border: 9px solid #88A536;
-    transform: rotate(-6grad);
-    left: 70px;
-    top: 58px;
-    animation: spin-green 5s ease-in-out infinite;
-}
-.pt-loader-red {
-    border: 9px solid #BD1B24;
-    transform: rotate(-15grad);
-    left: 24px;
-    top: 100px;
-    animation: spin-red 5s ease-in-out infinite;
-}
-
-@keyframes spin-blue {
-    0% {
-        transform: rotate(5deg);
-    }
-    25% {
-        transform: rotate(185deg);
-    }
-    50% {
-        transform: rotate(185deg);
-    }
-    75% {
-        transform: rotate(185deg);
-    }
-    100% {
-        transform: rotate(185deg);
-    }
-}
-@keyframes spin-green {
-    0% {
-        transform: rotate(-6deg);
-    }
-    25% {
-        transform: rotate(-6deg);
-    }
-    50% {
-        transform: rotate(174deg);
-    }
-    75% {
-        transform: rotate(174deg);
-    }
-    100% {
-        transform: rotate(-6deg);
-    }
-}
-@keyframes spin-red {
-    0% {
-        transform: rotate(-15deg);
-    }
-    25% {
-        transform: rotate(-15deg);
-    }
-    50% {
-        transform: rotate(-15deg);
-    }
-    75% {
-        transform: rotate(165deg);
-    }
-    100% {
-        transform: rotate(165deg);
-    }
-}
+const ptStyles = `
+.logo-background-light, .logo-background-colored {
+    background: white;
+}
+.logo-background-dark, .logo-background-blue {
+    background: black;
+}
+.pt-logo-div {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -ms-transform: translateX(-50%) translateY(-50%);
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+    z-index: 2;
+}
+.pt-logo-border {
+    border-style: solid;
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+}
+.pt-loader-block {
+    height: 65px;
+    width: 74px;
+    border-radius: 15px;
+    position: absolute;
+    box-sizing: content-box;
+}
+.pt-loader-blue {
+    border: 9px solid #0F99DE;
+    transform: rotate(5grad);
+    left: 93px;
+    top: 0;
+    animation: spin-blue 5s ease-in-out infinite;
+}
+.pt-loader-green {
+    border: 9px solid #88A536;
+    transform: rotate(-6grad);
+    left: 70px;
+    top: 58px;
+    animation: spin-green 5s ease-in-out infinite;
+}
+.pt-loader-red {
+    border: 9px solid #BD1B24;
+    transform: rotate(-15grad);
+    left: 24px;
+    top: 100px;
+    animation: spin-red 5s ease-in-out infinite;
+}
+
+@keyframes spin-blue {
+    0% {
+        transform: rotate(5deg);
+    }
+    25% {
+        transform: rotate(185deg);
+    }
+    50% {
+        transform: rotate(185deg);
+    }
+    75% {
+        transform: rotate(185deg);
+    }
+    100% {
+        transform: rotate(185deg);
+    }
+}
+@keyframes spin-green {
+    0% {
+        transform: rotate(-6deg);
+    }
+    25% {
+        transform: rotate(-6deg);
+    }
+    50% {
+        transform: rotate(174deg);
+    }
+    75% {
+        transform: rotate(174deg);
+    }
+    100% {
+        transform: rotate(-6deg);
+    }
+}
+@keyframes spin-red {
+    0% {
+        transform: rotate(-15deg);
+    }
+    25% {
+        transform: rotate(-15deg);
+    }
+    50% {
+        transform: rotate(-15deg);
+    }
+    75% {
+        transform: rotate(165deg);
+    }
+    100% {
+        transform: rotate(165deg);
+    }
+}
 `;
 function LoaderPT(props) {
     const size = props.size || 200;

package/Components/Loaders/Vendor.css

@@ -1,13 +1,13 @@
-/**
- * Copyright 2021-2023 ioBroker GmbH
- *
- * MIT License
- *
- **/
-
-.logo-background-light, .logo-background-colored {
-    background: white;
-}
-.logo-background-dark, .logo-background-blue {
-    background: black;
-}
+/**
+ * Copyright 2021-2023 ioBroker GmbH
+ *
+ * MIT License
+ *
+ **/
+
+.logo-background-light, .logo-background-colored {
+    background: white;
+}
+.logo-background-dark, .logo-background-blue {
+    background: black;
+}

package/Components/Loaders/Vendor.js

@@ -32,13 +32,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const material_1 = require("@mui/material");
 // import './Vendor.css'
-const vendorStyles = `
-.logo-background-light, .logo-background-colored {
-    background: white;
-}
-.logo-background-dark, .logo-background-blue {
-    background: black;
-}
+const vendorStyles = `
+.logo-background-light, .logo-background-colored {
+    background: white;
+}
+.logo-background-dark, .logo-background-blue {
+    background: black;
+}
 `;
 function LoaderVendor(props) {
     (0, react_1.useEffect)(() => {

package/Components/ObjectBrowser.d.ts

@@ -331,6 +331,10 @@ interface ObjectBrowserState {
     showDescription: boolean;
     showContextMenu: {
         item: TreeItem;
+        position: {
+            left: number;
+            top: number;
+        };
         subItem?: string;
         subAnchor?: HTMLLIElement;
     } | null;
@@ -352,6 +356,8 @@ interface ObjectBrowserState {
         el: React.JSX.Element[];
         id: string;
     };
+    /** Show the menu with aliases for state */
+    aliasMenu: string;
 }
 export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, ObjectBrowserState> {
     #private;
@@ -469,6 +475,7 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
     onObjectChangeFromWorker: (events: ObjectEvent[]) => void;
     onObjectChange: (id: string, obj?: ioBroker.Object | null) => void;
     afterObjectUpdated(): void;
+    updateAliases(aliasId: string): void;
     /**
      * Processes a single element in regard to certain filters, columns for admin and updates object dict
      * @returns Returns an object containing the new state (if any) and whether the object was filtered.
@@ -537,6 +544,7 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
      * Renders a custom value.
      */
     renderCustomValue(obj: ioBroker.Object, it: AdapterColumn, item: TreeItem): React.JSX.Element | null;
+    renderAliasLink(id: string, index?: number, customStyle?: Record<string, any>): React.JSX.Element | null;
     /**
      * Renders a leaf.
      */
@@ -582,6 +590,8 @@ export declare class ObjectBrowserClass extends Component<ObjectBrowserProps, Ob
     private renderViewObjectFileDialog;
     private renderAliasEditorDialog;
     showAddDataPointDialog(id: string, initialType: ioBroker.ObjectType, initialStateType?: ioBroker.CommonType): void;
+    /** Renders the aliases list for one state (if more than 2) */
+    private renderAliasMenu;
     /**
      * Renders the right mouse button context menu
      */