{t(($) => $.low_lqi, { ns: "zigbee" })}
{lowLqiDevices}
diff --git a/src/components/pickers/AttributePicker.tsx b/src/components/pickers/AttributePicker.tsx
index bfe39b9bc..8e730bf4c 100644
--- a/src/components/pickers/AttributePicker.tsx
+++ b/src/components/pickers/AttributePicker.tsx
@@ -1,20 +1,24 @@
-import { type ChangeEvent, type InputHTMLAttributes, type JSX, memo, useMemo } from "react";
+import { memo, useMemo } from "react";
import { useTranslation } from "react-i18next";
+import Select, { type SingleValue } from "react-select";
import { useShallow } from "zustand/react/shallow";
+import { REACT_SELECT_DEFAULT_CLASSNAMES } from "../../consts.js";
import { useAppStore } from "../../store.js";
-import type { AttributeDefinition, Device } from "../../types.js";
-import SelectField from "../form-fields/SelectField.js";
+import type { AttributeDefinition, BaseSelectOption, Device } from "../../types.js";
import { getClusterAttributes } from "../reporting/index.js";
-interface AttributePickerProps extends Omit
, "onChange"> {
+interface AttributePickerProps {
sourceIdx: number;
cluster: string;
device: Device;
+ value: string | number;
label?: string;
+ required?: boolean;
+ disabled?: boolean;
onChange: (attr: string, definition: AttributeDefinition) => void;
}
-const AttributePicker = memo(({ sourceIdx, cluster, device, onChange, label, ...rest }: AttributePickerProps) => {
+const AttributePicker = memo(({ sourceIdx, cluster, device, onChange, value, label, required, disabled }: AttributePickerProps) => {
const bridgeDefinitions = useAppStore(useShallow((state) => state.bridgeDefinitions[sourceIdx]));
const { t } = useTranslation("zigbee");
@@ -25,33 +29,45 @@ const AttributePicker = memo(({ sourceIdx, cluster, device, onChange, label, ...
);
const options = useMemo(() => {
- const attrs: JSX.Element[] = [];
+ const attrs: BaseSelectOption[] = [];
for (const key in clusterAttributes) {
- attrs.push(
- ,
- );
+ attrs.push({ value: key, label: key });
}
return attrs;
}, [clusterAttributes]);
+ const selected = useMemo>(
+ () => (value == null || value === "" ? null : (options.find((o) => o.value === value) ?? null)),
+ [value, options],
+ );
+
return (
- ): void => onChange(e.target.value, clusterAttributes[e.target.value])}
- disabled={options.length === 0}
- className="select validator w-64"
- {...rest}
- >
-
- {options}
-
+
);
});
diff --git a/src/components/pickers/ClusterMultiPicker.tsx b/src/components/pickers/ClusterMultiPicker.tsx
index d80eb7cf7..810b7dbdb 100644
--- a/src/components/pickers/ClusterMultiPicker.tsx
+++ b/src/components/pickers/ClusterMultiPicker.tsx
@@ -1,56 +1,62 @@
-import { type ChangeEvent, type DetailedHTMLProps, type InputHTMLAttributes, memo, useCallback, useMemo } from "react";
+import { type DetailedHTMLProps, type InputHTMLAttributes, memo, useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import Select, { type MultiValue } from "react-select";
+import { REACT_SELECT_DEFAULT_CLASSNAMES } from "../../consts.js";
+import type { BaseSelectOption } from "../../types.js";
export interface ClusterMultiPickerProps extends Omit, HTMLInputElement>, "onChange"> {
label?: string;
clusters: Set;
value: string[];
+ required?: boolean;
+ disabled?: boolean;
onChange(clusters: string[]): void;
}
-const ClusterMultiPicker = memo((props: ClusterMultiPickerProps) => {
- const { clusters, onChange, label, value, disabled } = props;
+const ClusterMultiPicker = memo(({ clusters, onChange, label, value, disabled, required }: ClusterMultiPickerProps) => {
+ const { t } = useTranslation("zigbee");
- const onChangeHandler = useCallback(
- (e: ChangeEvent) => {
- const { checked: isChecked, name } = e.target;
- let newVal = [...value];
+ const options = useMemo((): BaseSelectOption[] => {
+ const options: BaseSelectOption[] = [];
- if (isChecked) {
- newVal.push(name);
- } else {
- newVal = newVal.filter((v) => v !== name);
- }
+ for (const cluster of clusters) {
+ options.push({ label: cluster, value: cluster });
+ }
- onChange(newVal);
- },
- [onChange, value],
- );
+ options.sort((elA, elB) => elA.label.localeCompare(elB.label));
+
+ return options;
+ }, [clusters]);
- const options = useMemo(
- () =>
- Array.from(clusters)
- .sort((a, b) => a.toString().localeCompare(b.toString()))
- .map((cluster) => (
-
- )),
- [clusters, onChangeHandler, value, disabled],
+ const selected = useMemo>(
+ () => (value == null ? [] : options.filter((o) => value.includes(o.value))),
+ [value, options],
);
return (
);
});
diff --git a/src/components/pickers/ClusterSinglePicker.tsx b/src/components/pickers/ClusterSinglePicker.tsx
index c82636032..656fb35fd 100644
--- a/src/components/pickers/ClusterSinglePicker.tsx
+++ b/src/components/pickers/ClusterSinglePicker.tsx
@@ -1,67 +1,85 @@
-import { type JSX, memo, useMemo } from "react";
+import { memo, useMemo } from "react";
import { useTranslation } from "react-i18next";
-import SelectField, { type SelectFieldProps } from "../form-fields/SelectField.js";
+import Select, { type SingleValue } from "react-select";
+import { REACT_SELECT_DEFAULT_CLASSNAMES } from "../../consts.js";
+import type { BaseGroupedOption, BaseSelectOption } from "../../types.js";
import type { ClusterGroup } from "./index.js";
-export interface ClusterSinglePickerProps extends Omit {
+export interface ClusterSinglePickerProps {
clusters: Set | ClusterGroup[];
value: string;
+ label?: string;
+ required?: boolean;
+ disabled?: boolean;
onChange(cluster: string): void;
}
-const ClusterSinglePicker = memo(({ clusters, onChange, value, label, disabled, ...rest }: ClusterSinglePickerProps) => {
+const ClusterSinglePicker = memo(({ clusters, onChange, value, label, disabled, required }: ClusterSinglePickerProps) => {
const { t } = useTranslation(["zigbee", "common"]);
- const options = useMemo(() => {
- const options: JSX.Element[] = [];
+ const [options, allOptions] = useMemo(() => {
+ const options: BaseGroupedOption[] = [];
+ const allOptions: BaseSelectOption[] = [];
if (Array.isArray(clusters)) {
for (const group of clusters) {
- const groupOptions: JSX.Element[] = [];
+ const groupOptions: BaseSelectOption[] = [];
for (const cluster of group.clusters) {
- groupOptions.push(
- ,
- );
+ const entry = { value: cluster, label: cluster };
+ groupOptions.push(entry);
+ allOptions.push(entry);
}
- options.push(
- ,
- );
+ groupOptions.sort((elA, elB) => elA.label.localeCompare(elB.label));
+ options.push({ label: t(($) => $[group.name]), options: groupOptions });
}
} else {
+ const groupOptions: BaseSelectOption[] = [];
+
for (const cluster of clusters) {
- options.push(
- ,
- );
+ const entry = { value: cluster, label: cluster };
+ groupOptions.push(entry);
+ allOptions.push(entry);
}
+
+ groupOptions.sort((elA, elB) => elA.label.localeCompare(elB.label));
+ options.push({ label: t(($) => $.cluster), options: groupOptions });
}
- return options;
+ return [options, allOptions];
}, [clusters, t]);
+ const selected = useMemo>(
+ () => (value == null || value === "" ? null : (allOptions.find((o) => o.value === value) ?? null)),
+ [value, allOptions],
+ );
+
return (
- onChange(e.target.value)}
- disabled={disabled}
- className="select validator w-48"
- {...rest}
- >
-
- {options}
-
+
);
});
diff --git a/src/components/pickers/DevicePicker.tsx b/src/components/pickers/DevicePicker.tsx
index 6feb19a96..b0ac104e4 100644
--- a/src/components/pickers/DevicePicker.tsx
+++ b/src/components/pickers/DevicePicker.tsx
@@ -1,96 +1,94 @@
-import { type ChangeEvent, type JSX, memo, type SelectHTMLAttributes, useEffect, useMemo, useState } from "react";
+import { memo, useMemo } from "react";
import { useTranslation } from "react-i18next";
+import Select, { type SingleValue } from "react-select";
+import { REACT_SELECT_DEFAULT_CLASSNAMES } from "../../consts.js";
import type { AppState } from "../../store.js";
-import type { Device, Group } from "../../types.js";
-import SelectField from "../form-fields/SelectField.js";
+import type { BaseGroupedOption, BaseSelectOption, Device, Group } from "../../types.js";
-interface DevicePickerProps extends Omit, "onChange"> {
+interface DevicePickerProps {
devices: AppState["devices"][number];
value: string | number;
label?: string;
+ detail?: string;
+ required?: boolean;
+ disabled?: boolean;
groups?: Group[];
onChange(device?: Device | Group): void;
}
-const DevicePicker = memo(({ devices, value, label, onChange, groups = [], ...rest }: DevicePickerProps) => {
+const DevicePicker = memo(({ devices, value, label, detail, required, disabled, onChange, groups = [] }: DevicePickerProps) => {
const { t } = useTranslation("common");
- const [selectedName, setSelectedName] = useState("");
- useEffect(() => {
- if (typeof value === "string") {
- const device = devices.find((device) => device.ieee_address === value);
+ const onSelectHandler = (option: SingleValue): void => {
+ if (option) {
+ if (option.value.startsWith("0x") /* ieee */) {
+ onChange(devices.find((device) => device.ieee_address === option.value));
+ } else {
+ const selectedId = Number.parseInt(option.value, 10);
- setSelectedName(device?.friendly_name ?? "");
- } else {
- const group = groups.find((g) => value === g.id);
-
- setSelectedName(group?.friendly_name ?? "");
- }
- }, [value, devices, groups]);
-
- const onSelectHandler = (e: ChangeEvent): void => {
- const { value: selectedValue } = e.target;
-
- if (selectedValue.startsWith("0x") /* ieee */) {
- onChange(devices.find((device) => device.ieee_address === selectedValue));
- } else {
- const selectedId = Number.parseInt(selectedValue, 10);
-
- onChange(groups.find((g) => selectedId === g.id));
+ onChange(groups.find((g) => selectedId === g.id));
+ }
}
};
const options = useMemo(() => {
- const options: JSX.Element[] = [];
- const devicesOptions = devices
- .map((device) => (
-
- ))
- .sort((elA, elB) => elA.key!.localeCompare(elB.key!));
+ // should always be: [0] devices, [1] groups
+ const options: BaseGroupedOption[] = [];
+ const devicesOptions: BaseSelectOption[] = devices
+ .map((device) => ({
+ value: device.ieee_address,
+ label: `${device.friendly_name} ${device.definition?.model ? `(${device.definition?.model})` : ""}`,
+ }))
+ .sort((elA, elB) => elA.label.localeCompare(elB.label));
if (groups?.length) {
- const groupOptions = groups
- .map((group) => (
-
- ))
- .sort((elA, elB) => elA.key!.localeCompare(elB.key!));
+ const groupOptions: BaseSelectOption[] = groups
+ .map((group) => ({ value: `${group.id}`, label: group.friendly_name }))
+ .sort((elA, elB) => elA.label.localeCompare(elB.label));
- options.push(
- ,
- );
- options.push(
- ,
- );
+ options.push({ label: t(($) => $.devices), options: devicesOptions });
+ options.push({ label: t(($) => $.groups), options: groupOptions });
} else {
- options.push(...devicesOptions);
+ options.push({ label: t(($) => $.devices), options: devicesOptions });
}
return options;
}, [devices, groups, t]);
+ const selected = useMemo>(() => {
+ if (value == null || value === "") {
+ return null;
+ }
+
+ if (typeof value === "number") {
+ return options[1]?.options.find((o) => o.value === `${value}`) ?? null;
+ }
+
+ return options[0]?.options.find((o) => o.value === value) ?? null;
+ }, [value, options]);
+
return (
-
-
- {options}
-
+
);
});
diff --git a/src/components/pickers/GroupPicker.tsx b/src/components/pickers/GroupPicker.tsx
index 9669491a3..93c0c6149 100644
--- a/src/components/pickers/GroupPicker.tsx
+++ b/src/components/pickers/GroupPicker.tsx
@@ -1,49 +1,58 @@
-import { type ChangeEvent, memo, type SelectHTMLAttributes, useCallback, useMemo } from "react";
+import { memo, useCallback, useMemo } from "react";
import { useTranslation } from "react-i18next";
+import Select, { type SingleValue } from "react-select";
+import { REACT_SELECT_DEFAULT_CLASSNAMES } from "../../consts.js";
import type { AppState } from "../../store.js";
-import type { Group } from "../../types.js";
-import SelectField from "../form-fields/SelectField.js";
+import type { BaseSelectOption, Group } from "../../types.js";
-interface GroupPickerProps extends Omit, "onChange"> {
+interface GroupPickerProps {
groups: AppState["groups"][number];
- value: string | number;
label?: string;
+ required?: boolean;
+ disabled?: boolean;
onChange(group?: Group): void;
}
-const GroupPicker = memo(({ groups, value, label, onChange, ...rest }: GroupPickerProps) => {
+const GroupPicker = memo(({ groups, label, required, disabled, onChange }: GroupPickerProps) => {
const { t } = useTranslation("common");
const onSelectHandler = useCallback(
- (e: ChangeEvent): void => {
- const { value: selectedValue } = e.target;
+ (option: SingleValue): void => {
+ if (option) {
+ const selectedId = Number.parseInt(option.value, 10);
- const selectedId = Number.parseInt(selectedValue, 10);
-
- onChange(groups.find((g) => selectedId === g.id));
+ onChange(groups.find((g) => selectedId === g.id));
+ }
},
[groups, onChange],
);
const options = useMemo(
- () =>
- groups
- .map((group) => (
-
- ))
- .sort((elA, elB) => elA.key!.localeCompare(elB.key!)),
+ (): BaseSelectOption[] =>
+ groups.map((group) => ({ value: `${group.id}`, label: group.friendly_name })).sort((elA, elB) => elA.label.localeCompare(elB.label)),
[groups],
);
return (
-
-
- {options}
-
+
);
});
diff --git a/src/components/pickers/ScenePicker.tsx b/src/components/pickers/ScenePicker.tsx
index d9b65d37d..cf05cfd85 100644
--- a/src/components/pickers/ScenePicker.tsx
+++ b/src/components/pickers/ScenePicker.tsx
@@ -1,44 +1,44 @@
-import { memo } from "react";
+import { memo, useMemo } from "react";
import { useTranslation } from "react-i18next";
-import type { Scene } from "../../types.js";
-import InputField from "../form-fields/InputField.js";
-import SelectField from "../form-fields/SelectField.js";
+import CreatableSelect from "react-select/creatable";
+import { REACT_SELECT_DEFAULT_CLASSNAMES } from "../../consts.js";
+import type { BaseSelectOption, Scene } from "../../types.js";
type ScenePickerProps = {
- value?: Scene;
scenes: Scene[];
+ disabled?: boolean;
onSceneSelected: (sceneId: number) => void;
};
-const ScenePicker = memo(({ onSceneSelected, scenes = [], value }: ScenePickerProps) => {
+const ScenePicker = memo(({ onSceneSelected, scenes = [], disabled }: ScenePickerProps) => {
const { t } = useTranslation("scene");
- return scenes.length > 0 ? (
- $.scene_name)}
- value={value?.id ?? ""}
- onChange={(e) => !e.target.validationMessage && !!e.target.value && onSceneSelected(Number.parseInt(e.target.value, 10))}
- >
-
- {scenes.map((scene) => (
-
- ))}
-
- ) : (
- $.scene_id)}
- type="number"
- value={value?.id ?? ""}
- onChange={(e) => !e.target.validationMessage && !!e.target.value && onSceneSelected(e.target.valueAsNumber)}
- min={0}
- max={255}
- />
+ const options = useMemo(
+ (): BaseSelectOption[] =>
+ scenes
+ .map((scene) => ({ value: `${scene.id}`, label: `${scene.id}: ${scene.name}` }))
+ .sort((elA, elB) => elA.label.localeCompare(elB.label)),
+ [scenes],
+ );
+
+ return (
+
);
});
diff --git a/src/consts.ts b/src/consts.ts
index f922aa7a2..d57a6c96d 100644
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -80,3 +80,29 @@ export enum InterviewState {
Successful = "SUCCESSFUL",
Failed = "FAILED",
}
+
+export const REACT_SELECT_DEFAULT_CLASSNAMES = {
+ clearIndicator: () => "text-base-content/70 hover:text-error cursor-pointer",
+ container: () => "w-full !max-w-full",
+ control: ({ isDisabled }) => `w-full input input-bordered !h-auto ${isDisabled ? "pointer-events-none opacity-50" : ""}`,
+ dropdownIndicator: ({ isFocused }) => `text-base-content ${isFocused ? "text-primary" : ""}`,
+ // group: () => "",
+ groupHeading: () => "px-1 py-2 text-xs font-semibold uppercase text-base-content/70",
+ indicatorsContainer: () => "flex items-center",
+ indicatorSeparator: () => "hidden",
+ input: () => "text-base-content",
+ // loadingIndicator: () => "",
+ // loadingMessage: () => "",
+ menu: () => "!min-w-full !w-fit dropdown-content menu p-0 bg-base-100 text-base-content shadow-md border border-base-300 rounded-box !z-2",
+ menuList: () => "max-h-60 overflow-auto",
+ // menuPortal: () => "",
+ multiValue: () => "p-1 bg-base-200 text-base-content rounded-box",
+ // multiValueLabel: () => "",
+ multiValueRemove: () => "p-0 ps-1 text-base-content/50 hover:text-error cursor-pointer",
+ noOptionsMessage: () => "px-2 py-2 text-base-content/70",
+ option: ({ isFocused, isSelected }) =>
+ `px-3 py-2 cursor-pointer ${isSelected ? "bg-primary text-primary-content" : isFocused ? "bg-primary/10" : ""}`,
+ placeholder: () => "text-base-content/60 truncate",
+ singleValue: () => "text-base-content truncate",
+ valueContainer: () => "gap-1 py-1 min-w-0",
+};
diff --git a/src/i18n/locales/bg.json b/src/i18n/locales/bg.json
index d2f3a57c7..485516f6f 100644
--- a/src/i18n/locales/bg.json
+++ b/src/i18n/locales/bg.json
@@ -386,8 +386,8 @@
"save_description": "Запази описание",
"update_description": "Обнови описание",
"read_write_attributes": "Четене/писане атрибути на endpoint клъстер",
- "input_clusters": "Входни клъстери",
- "output_clusters": "Изходни клъстери",
+ "input_clusters": "Входни клъстери (Server)",
+ "output_clusters": "Изходни клъстери (Client)",
"custom_clusters": "Потребителски клъстери",
"other_zcl_clusters": "Други ZCL клъстери",
"how_to_add_support": "Как да добавя поддръжка?",
diff --git a/src/i18n/locales/ca.json b/src/i18n/locales/ca.json
index 44bd00b80..54fd60300 100644
--- a/src/i18n/locales/ca.json
+++ b/src/i18n/locales/ca.json
@@ -386,8 +386,8 @@
"save_description": "Desa descripció",
"update_description": "Actualitza descripció",
"read_write_attributes": "Llegir / Escriure atributs del cluster",
- "input_clusters": "Clusters entrada",
- "output_clusters": "Clusters sortida",
+ "input_clusters": "Clusters entrada (Server)",
+ "output_clusters": "Clusters sortida (Client)",
"custom_clusters": "Clusters personalitzats",
"other_zcl_clusters": "Altres clusters ZCL",
"how_to_add_support": "Com afegir suport?",
diff --git a/src/i18n/locales/cs.json b/src/i18n/locales/cs.json
index e23eb737c..dde046101 100644
--- a/src/i18n/locales/cs.json
+++ b/src/i18n/locales/cs.json
@@ -386,8 +386,8 @@
"save_description": "Uložit popis",
"update_description": "Aktualizovat popis",
"read_write_attributes": "Číst / zapisovat vlastnosti (atributy) clusteru endpointu",
- "input_clusters": "Vstupní clustery",
- "output_clusters": "Výstupní clustery",
+ "input_clusters": "Vstupní clustery (Server)",
+ "output_clusters": "Výstupní clustery (Client)",
"custom_clusters": "Vlastní clustery",
"other_zcl_clusters": "Další ZCL clustery",
"how_to_add_support": "Jak přidat podporu?",
diff --git a/src/i18n/locales/da.json b/src/i18n/locales/da.json
index b8f9e2d81..d4c14b244 100644
--- a/src/i18n/locales/da.json
+++ b/src/i18n/locales/da.json
@@ -386,8 +386,8 @@
"save_description": "Gem beskrivelse",
"update_description": "Opdater beskrivelse",
"read_write_attributes": "Læs/Skriv endpoint-klynge attributter",
- "input_clusters": "Input klynger",
- "output_clusters": "Output klynger",
+ "input_clusters": "Input klynger (Server)",
+ "output_clusters": "Output klynger (Client)",
"custom_clusters": "Custom klynger",
"other_zcl_clusters": "Andre ZCL klynger",
"how_to_add_support": "Hvordan tilføje support?",
diff --git a/src/i18n/locales/de.json b/src/i18n/locales/de.json
index d7e4f88c5..ac1755191 100644
--- a/src/i18n/locales/de.json
+++ b/src/i18n/locales/de.json
@@ -386,8 +386,8 @@
"save_description": "Beschreibung speichern",
"update_description": "Beschreibung aktualisieren",
"read_write_attributes": "Attribute vom Endpoint-Cluster lesen/schreiben",
- "input_clusters": "Eingangs-Cluster",
- "output_clusters": "Ausgangs-Cluster",
+ "input_clusters": "Eingangs-Cluster (Server)",
+ "output_clusters": "Ausgangs-Cluster (Client)",
"custom_clusters": "Benutzerdefinierte Cluster",
"other_zcl_clusters": "Andere ZCL-Cluster",
"how_to_add_support": "Wie füge ich Unterstützung hinzu?",
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 6b19d8101..8261b8bb4 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -386,8 +386,8 @@
"save_description": "Save description",
"update_description": "Update description",
"read_write_attributes": "Read / Write attributes from endpoint cluster",
- "input_clusters": "Input clusters",
- "output_clusters": "Output clusters",
+ "input_clusters": "Input clusters (Server)",
+ "output_clusters": "Output clusters (Client)",
"custom_clusters": "Custom clusters",
"other_zcl_clusters": "Other ZCL clusters",
"how_to_add_support": "How to add support?",
diff --git a/src/i18n/locales/es.json b/src/i18n/locales/es.json
index b76ca1bba..b0132b352 100644
--- a/src/i18n/locales/es.json
+++ b/src/i18n/locales/es.json
@@ -386,8 +386,8 @@
"save_description": "Guardar descripción",
"update_description": "Actualizar descripción",
"read_write_attributes": "Leer / Escribir atributos del cluster del endpoint",
- "input_clusters": "Clusters de entrada",
- "output_clusters": "Clusters de salida",
+ "input_clusters": "Clusters de entrada (Server)",
+ "output_clusters": "Clusters de salida (Client)",
"custom_clusters": "Clusters personalizados",
"other_zcl_clusters": "Otros clusters ZCL",
"how_to_add_support": "¿Cómo añadir soporte?",
diff --git a/src/i18n/locales/eu.json b/src/i18n/locales/eu.json
index c2c1cde79..a80ea87b5 100644
--- a/src/i18n/locales/eu.json
+++ b/src/i18n/locales/eu.json
@@ -386,8 +386,8 @@
"save_description": "Gorde deskribapena",
"update_description": "Eguneratu deskribapena",
"read_write_attributes": "Irakurri/Idatzi endpoint cluster atributuak",
- "input_clusters": "Sarrerako clusterrak",
- "output_clusters": "Irteteko clusterrak",
+ "input_clusters": "Sarrerako clusterrak (Server)",
+ "output_clusters": "Irteteko clusterrak (Client)",
"custom_clusters": "Pertsonalizatuak",
"other_zcl_clusters": "Beste ZCL clusterrak",
"how_to_add_support": "Nola gehitu euskarria?",
diff --git a/src/i18n/locales/fi.json b/src/i18n/locales/fi.json
index 2c7bcac59..400b7df23 100644
--- a/src/i18n/locales/fi.json
+++ b/src/i18n/locales/fi.json
@@ -386,8 +386,8 @@
"save_description": "Tallenna kuvaus",
"update_description": "Päivitä kuvaus",
"read_write_attributes": "Lue/kirjoita endpoint-cluster attribuutteja",
- "input_clusters": "Tulo-clusterit",
- "output_clusters": "Lähtö-clusterit",
+ "input_clusters": "Tulo-clusterit (Server)",
+ "output_clusters": "Lähtö-clusterit (Client)",
"custom_clusters": "Mukautetut clusterit",
"other_zcl_clusters": "Muut ZCL-clusterit",
"how_to_add_support": "Miten lisään tuen?",
diff --git a/src/i18n/locales/fr.json b/src/i18n/locales/fr.json
index e87cbb374..fcfb4bd1b 100644
--- a/src/i18n/locales/fr.json
+++ b/src/i18n/locales/fr.json
@@ -386,8 +386,8 @@
"save_description": "Enregistrer la description",
"update_description": "Mettre à jour la description",
"read_write_attributes": "Lire/écrire les attributs du cluster de point de terminaison",
- "input_clusters": "Clusters d'entrée",
- "output_clusters": "Clusters de sortie",
+ "input_clusters": "Clusters d'entrée (Server)",
+ "output_clusters": "Clusters de sortie (Client)",
"custom_clusters": "Clusters personnalisés",
"other_zcl_clusters": "Autres clusters ZCL",
"how_to_add_support": "Comment ajouter la prise en charge ?",
diff --git a/src/i18n/locales/hu.json b/src/i18n/locales/hu.json
index 402eb1cf3..68046179a 100644
--- a/src/i18n/locales/hu.json
+++ b/src/i18n/locales/hu.json
@@ -386,8 +386,8 @@
"save_description": "Leírás mentése",
"update_description": "Leírás frissítése",
"read_write_attributes": "Endpoint cluster attribútumok olvas/írás",
- "input_clusters": "Bemeneti clusterek",
- "output_clusters": "Kimeneti clusterek",
+ "input_clusters": "Bemeneti clusterek (Server)",
+ "output_clusters": "Kimeneti clusterek (Client)",
"custom_clusters": "Egyedi clusterek",
"other_zcl_clusters": "Egyéb ZCL clusterek",
"how_to_add_support": "Hogyan adhatok támogatást?",
diff --git a/src/i18n/locales/it.json b/src/i18n/locales/it.json
index db94fd4ca..576aec212 100644
--- a/src/i18n/locales/it.json
+++ b/src/i18n/locales/it.json
@@ -386,8 +386,8 @@
"save_description": "Salva descrizione",
"update_description": "Aggiorna descrizione",
"read_write_attributes": "Leggi / Scrivi attributi dal cluster endpoint",
- "input_clusters": "Cluster input",
- "output_clusters": "Cluster output",
+ "input_clusters": "Cluster input (Server)",
+ "output_clusters": "Cluster output (Client)",
"custom_clusters": "Cluster personalizzati",
"other_zcl_clusters": "Altri cluster ZCL",
"how_to_add_support": "Come aggiungere supporto?",
diff --git a/src/i18n/locales/ja.json b/src/i18n/locales/ja.json
index eba89aa02..3bf05ad95 100644
--- a/src/i18n/locales/ja.json
+++ b/src/i18n/locales/ja.json
@@ -386,8 +386,8 @@
"save_description": "説明保存",
"update_description": "説明更新",
"read_write_attributes": "エンドポイントクラスタの属性 読み/書き",
- "input_clusters": "入力クラスタ",
- "output_clusters": "出力クラスタ",
+ "input_clusters": "入力クラスタ (Server)",
+ "output_clusters": "出力クラスタ (Client)",
"custom_clusters": "カスタムクラスタ",
"other_zcl_clusters": "その他 ZCL クラスタ",
"how_to_add_support": "サポート追加方法?",
diff --git a/src/i18n/locales/ko.json b/src/i18n/locales/ko.json
index 583a94bee..f57063d75 100644
--- a/src/i18n/locales/ko.json
+++ b/src/i18n/locales/ko.json
@@ -386,8 +386,8 @@
"save_description": "설명 저장",
"update_description": "설명 업데이트",
"read_write_attributes": "엔드포인트 클러스터 속성 읽기/쓰기",
- "input_clusters": "입력 클러스터",
- "output_clusters": "출력 클러스터",
+ "input_clusters": "입력 클러스터 (Server)",
+ "output_clusters": "출력 클러스터 (Client)",
"custom_clusters": "사용자 정의 클러스터",
"other_zcl_clusters": "기타 ZCL 클러스터",
"how_to_add_support": "지원 추가 방법?",
diff --git a/src/i18n/locales/nl.json b/src/i18n/locales/nl.json
index c98634ba2..82c2dedbd 100644
--- a/src/i18n/locales/nl.json
+++ b/src/i18n/locales/nl.json
@@ -386,8 +386,8 @@
"save_description": "Beschrijving opslaan",
"update_description": "Beschrijving bijwerken",
"read_write_attributes": "Endpoint-cluster attributen lezen/schrijven",
- "input_clusters": "Ingangsclusters",
- "output_clusters": "Uitgangsclusters",
+ "input_clusters": "Ingangsclusters (Server)",
+ "output_clusters": "Uitgangsclusters (Client)",
"custom_clusters": "Aangepaste clusters",
"other_zcl_clusters": "Andere ZCL-clusters",
"how_to_add_support": "Hoe ondersteuning toevoegen?",
diff --git a/src/i18n/locales/no.json b/src/i18n/locales/no.json
index 545acf57d..3baec28eb 100644
--- a/src/i18n/locales/no.json
+++ b/src/i18n/locales/no.json
@@ -386,8 +386,8 @@
"save_description": "Lagre beskrivelse",
"update_description": "Oppdater beskrivelse",
"read_write_attributes": "Les/skriv endpoint cluster attributter",
- "input_clusters": "Inngående clustere",
- "output_clusters": "Utgående clustere",
+ "input_clusters": "Inngående clustere (Server)",
+ "output_clusters": "Utgående clustere (Client)",
"custom_clusters": "Egendefinerte clustere",
"other_zcl_clusters": "Andre ZCL-clustere",
"how_to_add_support": "Hvordan legge til støtte?",
diff --git a/src/i18n/locales/pl.json b/src/i18n/locales/pl.json
index 96ac6a619..183c005a3 100644
--- a/src/i18n/locales/pl.json
+++ b/src/i18n/locales/pl.json
@@ -386,8 +386,8 @@
"save_description": "Zapisz opis",
"update_description": "Aktualizuj opis",
"read_write_attributes": "Odczyt/zapis atrybutów klastra endpoint",
- "input_clusters": "Klastry wejściowe",
- "output_clusters": "Klastry wyjściowe",
+ "input_clusters": "Klastry wejściowe (Server)",
+ "output_clusters": "Klastry wyjściowe (Client)",
"custom_clusters": "Klastry własne",
"other_zcl_clusters": "Inne klastry ZCL",
"how_to_add_support": "Jak dodać wsparcie?",
diff --git a/src/i18n/locales/ptbr.json b/src/i18n/locales/ptbr.json
index 5073ab22f..2ca40cdb9 100644
--- a/src/i18n/locales/ptbr.json
+++ b/src/i18n/locales/ptbr.json
@@ -386,8 +386,8 @@
"save_description": "Salvar descrição",
"update_description": "Atualizar descrição",
"read_write_attributes": "Ler / Escrever atributos do cluster do endpoint",
- "input_clusters": "Clusters de entrada",
- "output_clusters": "Clusters de saída",
+ "input_clusters": "Clusters de entrada (Server)",
+ "output_clusters": "Clusters de saída (Client)",
"custom_clusters": "Clusters personalizados",
"other_zcl_clusters": "Outros clusters ZCL",
"how_to_add_support": "Como adicionar suporte?",
diff --git a/src/i18n/locales/ru.json b/src/i18n/locales/ru.json
index 9ed2733ac..517581bb1 100644
--- a/src/i18n/locales/ru.json
+++ b/src/i18n/locales/ru.json
@@ -386,8 +386,8 @@
"save_description": "Сохранить описание",
"update_description": "Обновить описание",
"read_write_attributes": "Чтение/запись атрибутов кластера endpoint",
- "input_clusters": "Входные кластеры",
- "output_clusters": "Выходные кластеры",
+ "input_clusters": "Входные кластеры (Server)",
+ "output_clusters": "Выходные кластеры (Client)",
"custom_clusters": "Пользовательские кластеры",
"other_zcl_clusters": "Другие ZCL кластеры",
"how_to_add_support": "Как добавить поддержку?",
diff --git a/src/i18n/locales/sk.json b/src/i18n/locales/sk.json
index a8f88df30..8c22c4c2e 100644
--- a/src/i18n/locales/sk.json
+++ b/src/i18n/locales/sk.json
@@ -386,8 +386,8 @@
"save_description": "Uložiť popis",
"update_description": "Aktualizovať popis",
"read_write_attributes": "Atribúty na čítanie / zápis z klastra koncového bodu",
- "input_clusters": "Vstupné klastre",
- "output_clusters": "Výstupné klastre",
+ "input_clusters": "Vstupné klastre (Server)",
+ "output_clusters": "Výstupné klastre (Client)",
"custom_clusters": "Vlastné klastre",
"other_zcl_clusters": "Ostatné ZCL klastre",
"how_to_add_support": "Ako pridať podporu?",
diff --git a/src/i18n/locales/sv.json b/src/i18n/locales/sv.json
index 637ae5ced..dc6e67da1 100644
--- a/src/i18n/locales/sv.json
+++ b/src/i18n/locales/sv.json
@@ -386,8 +386,8 @@
"save_description": "Spara beskrivning",
"update_description": "Uppdatera beskrivning",
"read_write_attributes": "Läs/Skriv endpoint-klusterattribut",
- "input_clusters": "Ingångskluster",
- "output_clusters": "Utgångskluster",
+ "input_clusters": "Ingångskluster (Server)",
+ "output_clusters": "Utgångskluster (Client)",
"custom_clusters": "Anpassade kluster",
"other_zcl_clusters": "Andra ZCL-kluster",
"how_to_add_support": "Hur lägger man till stöd?",
diff --git a/src/i18n/locales/tr.json b/src/i18n/locales/tr.json
index 27ca14632..8a445922d 100644
--- a/src/i18n/locales/tr.json
+++ b/src/i18n/locales/tr.json
@@ -386,8 +386,8 @@
"save_description": "Açıklamayı kaydet",
"update_description": "Açıklamayı güncelle",
"read_write_attributes": "Endpoint küme özniteliklerini oku/yaz",
- "input_clusters": "Giriş kümeleri",
- "output_clusters": "Çıkış kümeleri",
+ "input_clusters": "Giriş kümeleri (Server)",
+ "output_clusters": "Çıkış kümeleri (Client)",
"custom_clusters": "Özel kümeler",
"other_zcl_clusters": "Diğer ZCL kümeleri",
"how_to_add_support": "Destek nasıl eklenir?",
diff --git a/src/i18n/locales/ua.json b/src/i18n/locales/ua.json
index 65959019b..40acded1a 100644
--- a/src/i18n/locales/ua.json
+++ b/src/i18n/locales/ua.json
@@ -386,8 +386,8 @@
"save_description": "Зберегти опис",
"update_description": "Оновити опис",
"read_write_attributes": "Читати/писати атрибути endpoint кластера",
- "input_clusters": "Вхідні кластери",
- "output_clusters": "Вихідні кластери",
+ "input_clusters": "Вхідні кластери (Server)",
+ "output_clusters": "Вихідні кластери (Client)",
"custom_clusters": "Користувацькі кластери",
"other_zcl_clusters": "Інші ZCL кластери",
"how_to_add_support": "Як додати підтримку?",
diff --git a/src/i18n/locales/vi.json b/src/i18n/locales/vi.json
index 23b303453..20e4b8e46 100644
--- a/src/i18n/locales/vi.json
+++ b/src/i18n/locales/vi.json
@@ -386,8 +386,8 @@
"save_description": "Lưu mô tả",
"update_description": "Cập nhật mô tả",
"read_write_attributes": "Đọc / Ghi thuộc tính từ cụm điểm cuối",
- "input_clusters": "Cụm đầu vào",
- "output_clusters": "Cụm đầu ra",
+ "input_clusters": "Cụm đầu vào (Server)",
+ "output_clusters": "Cụm đầu ra (Client)",
"custom_clusters": "Cụm tùy chỉnh",
"other_zcl_clusters": "Các cụm ZCL khác",
"how_to_add_support": "Làm thế nào để thêm hỗ trợ?",
diff --git a/src/i18n/locales/zh-CN.json b/src/i18n/locales/zh-CN.json
index e5e4473d4..daa62d57b 100644
--- a/src/i18n/locales/zh-CN.json
+++ b/src/i18n/locales/zh-CN.json
@@ -386,8 +386,8 @@
"save_description": "保存描述",
"update_description": "更新描述",
"read_write_attributes": "读/写端点簇属性",
- "input_clusters": "输入簇",
- "output_clusters": "输出簇",
+ "input_clusters": "输入簇 (Server)",
+ "output_clusters": "输出簇 (Client)",
"custom_clusters": "自定义簇",
"other_zcl_clusters": "其他 ZCL 簇",
"how_to_add_support": "如何添加支持？",
diff --git a/src/i18n/locales/zh.json b/src/i18n/locales/zh.json
index 04aec1dd6..3b5116d40 100644
--- a/src/i18n/locales/zh.json
+++ b/src/i18n/locales/zh.json
@@ -386,8 +386,8 @@
"save_description": "儲存描述",
"update_description": "更新描述",
"read_write_attributes": "讀/寫端點叢集屬性",
- "input_clusters": "輸入叢集",
- "output_clusters": "輸出叢集",
+ "input_clusters": "輸入叢集 (Server)",
+ "output_clusters": "輸出叢集 (Client)",
"custom_clusters": "自訂叢集",
"other_zcl_clusters": "其他 ZCL 叢集",
"how_to_add_support": "如何新增支援？",
diff --git a/src/types.ts b/src/types.ts
index 0949a7a80..b7b1618eb 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -190,4 +190,13 @@ export type AnyColor = RGBColor | XYColor | HueSaturationColor | HexColor;
export type ColorFormat = "color_rgb" | "color_xy" | "color_hs" | "hex";
+export interface BaseSelectOption {
+ readonly value: string;
+ readonly label: T;
+}
+
+export interface BaseGroupedOption {
+ readonly label: string;
+ readonly options: readonly T[];
+}
// #endregion