Added "adapters" setting for attributes

packages/iobroker.vis-2/src/src/Attributes/Widget/SCHEMA.md

@@ -140,6 +140,7 @@ onChange: async (field, data, changeData, socket) => {
 - `type`: default value is '' and just an input field. It can have the following values:
   - `instance` - Instance selector. It could have additional settings: 
      - `adapter` - [optional] Additionally, you can provide `adapter` to filter the instances of specific adapter. With special adapter name `_dataSources` you can get all adapters with flag `common.getHistory`.
+     - `adapters` - [optional] Additionally, you can provide `adapters` to filter the instances of specific adapters. It is an array of adapter names.
      - `isShort` - [optional] In this case only instance number (like `0`) is shown and not `history.0`. It can be set to true only with non-empty `adapter` setting.
   - `number` - Number input. It could have additional settings:
     - `min` - [optional] minimum value

packages/iobroker.vis-2/src/src/Attributes/Widget/WidgetField.tsx

@@ -443,18 +443,39 @@ const WidgetField = (props: WidgetFieldProps) => {
                                 idShort: obj._id.split('.').pop(),
                                 name: obj.common.name,
                                 icon: obj.common.icon,
-                            }));
+                            }))
+                            .sort((a, b) =>
+                                (a.name > b.name ? 1 : (a.name < b.name ? -1 : 0)));
+                        setInstances(inst);
+                    });
+            } else if (Array.isArray(field.adapters)) {
+                props.socket.getAdapterInstances('')
+                    .then(_instances => {
+                        const inst = _instances
+                            .filter(obj => field.adapters.includes(obj.common.name))
+                            .map(obj => ({
+                                id: obj._id.replace('system.adapter.', ''),
+                                idShort: obj._id.split('.').pop(),
+                                name: obj.common.name,
+                                icon: obj.common.icon,
+                            }))
+                            .sort((a, b) =>
+                                (a.name > b.name ? 1 : (a.name < b.name ? -1 : 0)));
                         setInstances(inst);
                     });
             } else {
                 props.socket.getAdapterInstances(field.adapter || '')
                     .then(_instances => {
-                        const inst = _instances.map(obj => ({
-                            id: obj._id.replace('system.adapter.', ''),
-                            idShort: obj._id.split('.').pop(),
-                            name: obj.common.name,
-                            icon: obj.common.icon,
-                        }));
+                        const inst = _instances
+                            .map(obj => ({
+                                id: obj._id.replace('system.adapter.', ''),
+                                idShort: obj._id.split('.').pop(),
+                                name: obj.common.name,
+                                icon: obj.common.icon,
+                            }))
+                            .sort((a, b) =>
+                                (a.name > b.name ? 1 : (a.name < b.name ? -1 : 0)));
+
                         setInstances(inst);
                     });
             }

packages/iobroker.vis-2/src/src/Vis/Widgets/Tabs/TabsSliderTabs.tsx

@@ -18,9 +18,9 @@ import React from 'react';
 import { Tab, Tabs } from '@mui/material';
 import { Icon } from '@iobroker/adapter-react-v5';
 
+import type { RxRenderWidgetProps } from '@iobroker/types-vis-2';
 // eslint-disable-next-line import/no-cycle
 import VisRxWidget, { type VisRxWidgetState } from '../../visRxWidget';
-import type {RxRenderWidgetProps} from "@iobroker/types-vis-2";
 
 interface RxData {
     show_tabs: number;

packages/iobroker.vis-2/src/src/Vis/visRxWidget.tsx

@@ -13,16 +13,15 @@
  * (Free for non-commercial use).
  */
 
-import type { Component } from 'react';
-import React from 'react';
+import React, { type Component } from 'react';
 import {
     Card,
     CardContent,
 } from '@mui/material';
 
 import { type LegacyConnection, I18n, Icon } from '@iobroker/adapter-react-v5';
 
-import {
+import type {
     Project,
     AnyWidgetId,
     RxWidgetInfo,

packages/iobroker.vis-2/src/src/Vis/visWidgetsCatalog.tsx

@@ -77,6 +77,8 @@ export type RxWidgetInfoAttributesFieldAll = {
     filter?: ObjectBrowserCustomFilter | ObjectBrowserType | ((data: WidgetData, index: number) => Record<string, any>) | string;
     /** Additionally, you can provide `adapter` to filter the instances of specific adapter. With special adapter name `_dataSources` you can get all adapters with flag `common.getHistory`. */
     readonly adapter?: string;
+    /** Additionally, you can provide `adapters` to filter the instances of specific adapters. */
+    readonly adapters?: string[];
     /** In this case, only instance number (like `0`) is shown and not `history.0`. It can be set to true only with non-empty `adapter` setting. */
     readonly iShort?: boolean;
     /** Options for a select type */

packages/types-vis-2/index.d.ts

@@ -197,6 +197,8 @@ export type RxWidgetInfoAttributesFieldInstance = {
     readonly default?: string;
     /** Additionally, you can provide `adapter` to filter the instances of specific adapter. With special adapter name `_dataSources` you can get all adapters with flag `common.getHistory`. */
     readonly adapter?: string;
+    /** Additionally, you can provide `adapters` to filter the instances of specific adapters. */
+    readonly adapters?: string;
     /** In this case, only instance number (like `0`) is shown and not `history.0`. It can be set to true only with non-empty `adapter` setting. */
     readonly iShort?: boolean;