@iobroker/gui-components 10.0.1 → 10.0.3

package/build/Components/ObjectBrowser/constants.js

@@ -0,0 +1,138 @@
+/**
+ * Copyright 2020-2026, Denis Haev <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ */
+import React from 'react';
+import { CalendarToday as IconSchedule, Code as IconScript, Description as IconMeta, ListAlt as IconEnum, PersonOutlined as IconUser, Router as IconHost, Settings as IconConfig, ShowChart as IconChart, SupervisedUserCircle as IconGroup, } from '@mui/icons-material';
+import { IconAdapter } from '../../icons/IconAdapter';
+import { IconChannel } from '../../icons/IconChannel';
+import { IconClosed } from '../../icons/IconClosed';
+import { IconDevice } from '../../icons/IconDevice';
+import { IconInstance } from '../../icons/IconInstance';
+import { IconState } from '../../icons/IconState';
+/** Indent of one level of the tree in pixels */
+export const ITEM_LEVEL = 16;
+export const SMALL_BUTTON_SIZE = 20;
+export const COLOR_NAME_ERROR_DARK = '#ff413c';
+export const COLOR_NAME_ERROR_LIGHT = '#86211f';
+export const COLOR_NAME_CONNECTED_DARK = '#57ff45';
+export const COLOR_NAME_CONNECTED_LIGHT = '#098c04';
+export const COLOR_NAME_DISCONNECTED_DARK = '#f3ad11';
+export const COLOR_NAME_DISCONNECTED_LIGHT = '#6c5008';
+export const DEFAULT_DATE_FORMAT = 'YYYY.MM.DD';
+/** Icons of the object types */
+export const ITEM_IMAGES = {
+    state: (React.createElement(IconState, { className: "itemIcon", style: { verticalAlign: 'middle' } })),
+    channel: (React.createElement(IconChannel, { className: "itemIcon", style: { verticalAlign: 'middle' } })),
+    device: (React.createElement(IconDevice, { className: "itemIcon", style: { verticalAlign: 'middle' } })),
+    adapter: (React.createElement(IconAdapter, { className: "itemIcon", style: { verticalAlign: 'middle' } })),
+    meta: (React.createElement(IconMeta, { className: "itemIcon", style: { verticalAlign: 'middle' } })),
+    instance: (React.createElement(IconInstance, { className: "itemIcon", style: { color: '#7da7ff', verticalAlign: 'middle' } })),
+    enum: (React.createElement(IconEnum, { className: "itemIcon", style: { verticalAlign: 'middle' } })),
+    chart: (React.createElement(IconChart, { className: "itemIcon", style: { verticalAlign: 'middle' } })),
+    config: (React.createElement(IconConfig, { className: "itemIcon", style: { verticalAlign: 'middle' } })),
+    group: (React.createElement(IconGroup, { className: "itemIcon", style: { verticalAlign: 'middle' } })),
+    user: (React.createElement(IconUser, { className: "itemIcon", style: { verticalAlign: 'middle' } })),
+    host: (React.createElement(IconHost, { className: "itemIcon", style: { verticalAlign: 'middle' } })),
+    schedule: (React.createElement(IconSchedule, { className: "itemIcon", style: { verticalAlign: 'middle' } })),
+    script: (React.createElement(IconScript, { className: "itemIcon", style: { verticalAlign: 'middle' } })),
+    folder: (React.createElement(IconClosed, { className: "itemIcon itemIconFolder", style: { verticalAlign: 'middle' } })),
+};
+export const SCREEN_WIDTHS = {
+    // extra-small: 0px
+    xs: { idWidth: '100%', fields: [], widths: {} },
+    // small: 600px
+    sm: { idWidth: 300, fields: ['room', 'val'], widths: { room: 100, val: 200 } },
+    // medium: 960px
+    md: {
+        idWidth: 300,
+        fields: ['room', 'func', 'val', 'buttons'],
+        widths: {
+            name: 200,
+            room: 150,
+            func: 150,
+            val: 120,
+            buttons: 120,
+        },
+    },
+    // large: 1280px
+    lg: {
+        idWidth: 300,
+        fields: [
+            'name',
+            'type',
+            'role',
+            'room',
+            'func',
+            'val',
+            'buttons',
+            'changedFrom',
+            'qualityCode',
+            'timestamp',
+            'lastChange',
+        ],
+        widths: {
+            name: 300,
+            type: 80,
+            role: 120,
+            room: 180,
+            func: 180,
+            val: 140,
+            buttons: 120,
+            changedFrom: 120,
+            qualityCode: 100,
+            timestamp: 165,
+            lastChange: 165,
+        },
+    },
+    // /////////////
+    // extra-large: 1920px
+    xl: {
+        idWidth: 550,
+        fields: [
+            'name',
+            'type',
+            'role',
+            'room',
+            'func',
+            'val',
+            'buttons',
+            'changedFrom',
+            'qualityCode',
+            'timestamp',
+            'lastChange',
+        ],
+        widths: {
+            name: 400,
+            type: 80,
+            role: 120,
+            room: 180,
+            func: 180,
+            val: 140,
+            buttons: 120,
+            changedFrom: 120,
+            qualityCode: 100,
+            timestamp: 170,
+            lastChange: 170,
+        },
+    },
+};
+/** Minimal width of the columns that take the remaining place */
+export const MIN_COLUMN_WIDTHS = {
+    id: 240,
+    name: 100,
+};
+/** Empty filter */
+export const DEFAULT_FILTER = {
+    id: '',
+    name: '',
+    room: [],
+    func: [],
+    role: [],
+    type: [],
+    custom: [],
+    expertMode: false,
+};
+//# sourceMappingURL=constants.js.map

package/build/Components/ObjectBrowser/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"./src/","sources":["Components/ObjectBrowser/constants.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EACH,aAAa,IAAI,YAAY,EAC7B,IAAI,IAAI,UAAU,EAClB,WAAW,IAAI,QAAQ,EACvB,OAAO,IAAI,QAAQ,EACnB,cAAc,IAAI,QAAQ,EAC1B,MAAM,IAAI,QAAQ,EAClB,QAAQ,IAAI,UAAU,EACtB,SAAS,IAAI,SAAS,EACtB,oBAAoB,IAAI,SAAS,GACpC,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD,gDAAgD;AAChD,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAC7B,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,MAAM,qBAAqB,GAAG,SAAS,CAAC;AAC/C,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAChD,MAAM,CAAC,MAAM,yBAAyB,GAAG,SAAS,CAAC;AACnD,MAAM,CAAC,MAAM,0BAA0B,GAAG,SAAS,CAAC;AACpD,MAAM,CAAC,MAAM,4BAA4B,GAAG,SAAS,CAAC;AACtD,MAAM,CAAC,MAAM,6BAA6B,GAAG,SAAS,CAAC;AAEvD,MAAM,CAAC,MAAM,mBAAmB,GAAG,YAAY,CAAC;AAEhD,gCAAgC;AAChC,MAAM,CAAC,MAAM,WAAW,GAAgC;IACpD,KAAK,EAAE,CACH,oBAAC,SAAS,IACN,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;IACD,OAAO,EAAE,CACL,oBAAC,WAAW,IACR,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;IACD,MAAM,EAAE,CACJ,oBAAC,UAAU,IACP,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;IACD,OAAO,EAAE,CACL,oBAAC,WAAW,IACR,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;IACD,IAAI,EAAE,CACF,oBAAC,QAAQ,IACL,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;IACD,QAAQ,EAAE,CACN,oBAAC,YAAY,IACT,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,QAAQ,EAAE,GACtD,CACL;IACD,IAAI,EAAE,CACF,oBAAC,QAAQ,IACL,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;IACD,KAAK,EAAE,CACH,oBAAC,SAAS,IACN,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;IACD,MAAM,EAAE,CACJ,oBAAC,UAAU,IACP,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;IACD,KAAK,EAAE,CACH,oBAAC,SAAS,IACN,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;IACD,IAAI,EAAE,CACF,oBAAC,QAAQ,IACL,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;IACD,IAAI,EAAE,CACF,oBAAC,QAAQ,IACL,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;IACD,QAAQ,EAAE,CACN,oBAAC,YAAY,IACT,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;IACD,MAAM,EAAE,CACJ,oBAAC,UAAU,IACP,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;IACD,MAAM,EAAE,CACJ,oBAAC,UAAU,IACP,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,GACpC,CACL;CACJ,CAAC;AA6BF,MAAM,CAAC,MAAM,aAAa,GAAgB;IACtC,mBAAmB;IACnB,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAC/C,eAAe;IACf,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;IAC9E,gBAAgB;IAChB,EAAE,EAAE;QACA,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC;QAC1C,MAAM,EAAE;YACJ,IAAI,EAAE,GAAG;YACT,IAAI,EAAE,GAAG;YACT,IAAI,EAAE,GAAG;YACT,GAAG,EAAE,GAAG;YACR,OAAO,EAAE,GAAG;SACf;KACJ;IACD,gBAAgB;IAChB,EAAE,EAAE;QACA,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE;YACJ,MAAM;YACN,MAAM;YACN,MAAM;YACN,MAAM;YACN,MAAM;YACN,KAAK;YACL,SAAS;YACT,aAAa;YACb,aAAa;YACb,WAAW;YACX,YAAY;SACf;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,GAAG;YACT,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,GAAG;YACT,IAAI,EAAE,GAAG;YACT,IAAI,EAAE,GAAG;YACT,GAAG,EAAE,GAAG;YACR,OAAO,EAAE,GAAG;YACZ,WAAW,EAAE,GAAG;YAChB,WAAW,EAAE,GAAG;YAChB,SAAS,EAAE,GAAG;YACd,UAAU,EAAE,GAAG;SAClB;KACJ;IACD,gBAAgB;IAChB,sBAAsB;IACtB,EAAE,EAAE;QACA,OAAO,EAAE,GAAG;QACZ,MAAM,EAAE;YACJ,MAAM;YACN,MAAM;YACN,MAAM;YACN,MAAM;YACN,MAAM;YACN,KAAK;YACL,SAAS;YACT,aAAa;YACb,aAAa;YACb,WAAW;YACX,YAAY;SACf;QACD,MAAM,EAAE;YACJ,IAAI,EAAE,GAAG;YACT,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,GAAG;YACT,IAAI,EAAE,GAAG;YACT,IAAI,EAAE,GAAG;YACT,GAAG,EAAE,GAAG;YACR,OAAO,EAAE,GAAG;YACZ,WAAW,EAAE,GAAG;YAChB,WAAW,EAAE,GAAG;YAChB,SAAS,EAAE,GAAG;YACd,UAAU,EAAE,GAAG;SAClB;KACJ;CACJ,CAAC;AAEF,iEAAiE;AACjE,MAAM,CAAC,MAAM,iBAAiB,GAA2B;IACrD,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,GAAG;CACZ,CAAC;AAEF,mBAAmB;AACnB,MAAM,CAAC,MAAM,cAAc,GAAwB;IAC/C,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,KAAK;CACpB,CAAC","sourcesContent":["/**\n * Copyright 2020-2026, Denis Haev <dogafox@gmail.com>\n *\n * MIT License\n *\n */\n\nimport React, { type JSX } from 'react';\n\nimport {\n    CalendarToday as IconSchedule,\n    Code as IconScript,\n    Description as IconMeta,\n    ListAlt as IconEnum,\n    PersonOutlined as IconUser,\n    Router as IconHost,\n    Settings as IconConfig,\n    ShowChart as IconChart,\n    SupervisedUserCircle as IconGroup,\n} from '@mui/icons-material';\n\nimport { IconAdapter } from '../../icons/IconAdapter';\nimport { IconChannel } from '../../icons/IconChannel';\nimport { IconClosed } from '../../icons/IconClosed';\nimport { IconDevice } from '../../icons/IconDevice';\nimport { IconInstance } from '../../icons/IconInstance';\nimport { IconState } from '../../icons/IconState';\n\nimport type { ObjectBrowserFilter, ObjectBrowserPossibleColumns } from './types';\n\n/** Indent of one level of the tree in pixels */\nexport const ITEM_LEVEL = 16;\nexport const SMALL_BUTTON_SIZE = 20;\nexport const COLOR_NAME_ERROR_DARK = '#ff413c';\nexport const COLOR_NAME_ERROR_LIGHT = '#86211f';\nexport const COLOR_NAME_CONNECTED_DARK = '#57ff45';\nexport const COLOR_NAME_CONNECTED_LIGHT = '#098c04';\nexport const COLOR_NAME_DISCONNECTED_DARK = '#f3ad11';\nexport const COLOR_NAME_DISCONNECTED_LIGHT = '#6c5008';\n\nexport const DEFAULT_DATE_FORMAT = 'YYYY.MM.DD';\n\n/** Icons of the object types */\nexport const ITEM_IMAGES: Record<string, JSX.Element> = {\n    state: (\n        <IconState\n            className=\"itemIcon\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n    channel: (\n        <IconChannel\n            className=\"itemIcon\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n    device: (\n        <IconDevice\n            className=\"itemIcon\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n    adapter: (\n        <IconAdapter\n            className=\"itemIcon\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n    meta: (\n        <IconMeta\n            className=\"itemIcon\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n    instance: (\n        <IconInstance\n            className=\"itemIcon\"\n            style={{ color: '#7da7ff', verticalAlign: 'middle' }}\n        />\n    ),\n    enum: (\n        <IconEnum\n            className=\"itemIcon\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n    chart: (\n        <IconChart\n            className=\"itemIcon\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n    config: (\n        <IconConfig\n            className=\"itemIcon\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n    group: (\n        <IconGroup\n            className=\"itemIcon\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n    user: (\n        <IconUser\n            className=\"itemIcon\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n    host: (\n        <IconHost\n            className=\"itemIcon\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n    schedule: (\n        <IconSchedule\n            className=\"itemIcon\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n    script: (\n        <IconScript\n            className=\"itemIcon\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n    folder: (\n        <IconClosed\n            className=\"itemIcon itemIconFolder\"\n            style={{ verticalAlign: 'middle' }}\n        />\n    ),\n};\n\n/** Which columns are visible by which screen width */\nexport interface ScreenWidthOne {\n    idWidth: string | number;\n    widths: {\n        room?: number;\n        val?: number;\n        name?: number;\n        func?: number;\n        buttons?: number;\n        type?: number;\n        role?: number;\n        changedFrom?: number;\n        qualityCode?: number;\n        timestamp?: number;\n        lastChange?: number;\n    };\n    fields: ObjectBrowserPossibleColumns[];\n}\n\nexport interface ScreenWidth {\n    xs: ScreenWidthOne;\n    sm: ScreenWidthOne;\n    md: ScreenWidthOne;\n    lg: ScreenWidthOne;\n    xl: ScreenWidthOne;\n}\n\nexport const SCREEN_WIDTHS: ScreenWidth = {\n    // extra-small: 0px\n    xs: { idWidth: '100%', fields: [], widths: {} },\n    // small: 600px\n    sm: { idWidth: 300, fields: ['room', 'val'], widths: { room: 100, val: 200 } },\n    // medium: 960px\n    md: {\n        idWidth: 300,\n        fields: ['room', 'func', 'val', 'buttons'],\n        widths: {\n            name: 200,\n            room: 150,\n            func: 150,\n            val: 120,\n            buttons: 120,\n        },\n    },\n    // large: 1280px\n    lg: {\n        idWidth: 300,\n        fields: [\n            'name',\n            'type',\n            'role',\n            'room',\n            'func',\n            'val',\n            'buttons',\n            'changedFrom',\n            'qualityCode',\n            'timestamp',\n            'lastChange',\n        ],\n        widths: {\n            name: 300,\n            type: 80,\n            role: 120,\n            room: 180,\n            func: 180,\n            val: 140,\n            buttons: 120,\n            changedFrom: 120,\n            qualityCode: 100,\n            timestamp: 165,\n            lastChange: 165,\n        },\n    },\n    // /////////////\n    // extra-large: 1920px\n    xl: {\n        idWidth: 550,\n        fields: [\n            'name',\n            'type',\n            'role',\n            'room',\n            'func',\n            'val',\n            'buttons',\n            'changedFrom',\n            'qualityCode',\n            'timestamp',\n            'lastChange',\n        ],\n        widths: {\n            name: 400,\n            type: 80,\n            role: 120,\n            room: 180,\n            func: 180,\n            val: 140,\n            buttons: 120,\n            changedFrom: 120,\n            qualityCode: 100,\n            timestamp: 170,\n            lastChange: 170,\n        },\n    },\n};\n\n/** Minimal width of the columns that take the remaining place */\nexport const MIN_COLUMN_WIDTHS: Record<string, number> = {\n    id: 240,\n    name: 100,\n};\n\n/** Empty filter */\nexport const DEFAULT_FILTER: ObjectBrowserFilter = {\n    id: '',\n    name: '',\n    room: [],\n    func: [],\n    role: [],\n    type: [],\n    custom: [],\n    expertMode: false,\n};\n"]}

package/build/Components/ObjectBrowser/contextMenu.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Copyright 2020-2026, Denis Haev <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ * Part of the object browser, see ./ObjectBrowserClass.tsx
+ */
+import { type JSX } from 'react';
+import type { ObjectBrowserClass } from './ObjectBrowserClass';
+/**
+ * Renders the right mouse button context menu
+ */
+export declare function renderContextMenu(that: ObjectBrowserClass): JSX.Element | null;

package/build/Components/ObjectBrowser/contextMenu.js

@@ -0,0 +1,354 @@
+/**
+ * Copyright 2020-2026, Denis Haev <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ * Part of the object browser, see ./ObjectBrowserClass.tsx
+ */
+import React from 'react';
+import { ListItemIcon, ListItemText, Menu, MenuItem } from '@mui/material';
+import { Add as AddIcon, ArrowRight as ArrowRightIcon, BedroomParent, BorderColor, Construction, CreateNewFolder as IconFolder, Delete as IconDelete, Edit as IconEdit, FindInPage, FormatItalic as IconValueEdit, Link as IconLink, Settings as IconConfig, DriveFileRenameOutline, } from '@mui/icons-material';
+import { IconChannel } from '../../icons/IconChannel';
+import { IconDevice } from '../../icons/IconDevice';
+import { IconState } from '../../icons/IconState';
+import { findEnumsForObjectAsIds, isNonExpertId } from './utils';
+import { styles } from './styles';
+/**
+ * Renders the right mouse button context menu
+ */
+export function renderContextMenu(that) {
+    if (!that.state.showContextMenu) {
+        return null;
+    }
+    const item = that.state.showContextMenu.item;
+    const id = item.data.id;
+    const items = [];
+    // const ctrl = isIOS() ? '⌘' : (that.props.lang === 'de' ? 'Strg+' : 'Ctrl+');
+    const obj = item.data.obj;
+    let showACL = '';
+    if (that.props.objectEditOfAccessControl && that.state.filter.expertMode) {
+        if (!obj) {
+            showACL = '---';
+        }
+        else {
+            const acl = obj.acl ? (obj.type === 'state' ? obj.acl.state : obj.acl.object) : 0;
+            const aclSystemConfig = obj.acl &&
+                (obj.type === 'state'
+                    ? that.systemConfig?.common.defaultNewAcl.state
+                    : that.systemConfig?.common.defaultNewAcl.object);
+            showACL = Number.isNaN(Number(acl)) ? Number(aclSystemConfig).toString(16) : Number(acl).toString(16);
+        }
+    }
+    const enumEditable = !that.props.notEditable &&
+        obj &&
+        (that.state.filter.expertMode || obj.type === 'state' || obj.type === 'channel' || obj.type === 'device');
+    const createStateVisible = !item.data.obj ||
+        item.data.obj.type === 'folder' ||
+        item.data.obj.type === 'channel' ||
+        item.data.obj.type === 'device' ||
+        item.data.id === '0_userdata.0' ||
+        item.data.obj.type === 'meta';
+    const createChannelVisible = !item.data.obj ||
+        item.data.obj.type === 'folder' ||
+        item.data.obj.type === 'device' ||
+        item.data.id === '0_userdata.0' ||
+        item.data.obj.type === 'meta';
+    const createDeviceVisible = !item.data.obj ||
+        item.data.obj.type === 'folder' ||
+        item.data.id === '0_userdata.0' ||
+        item.data.obj.type === 'meta';
+    const createFolderVisible = !item.data.obj ||
+        item.data.obj.type === 'folder' ||
+        item.data.id === '0_userdata.0' ||
+        item.data.obj.type === 'meta';
+    const ITEMS = {
+        EDIT: {
+            key: '0',
+            visibility: !!(that.props.objectBrowserEditObject &&
+                obj &&
+                (that.state.filter.expertMode || isNonExpertId(id))),
+            icon: (React.createElement(IconEdit, { fontSize: "small", style: that.styles.contextMenuEdit })),
+            label: that.texts.editObject,
+            onClick: () => that.setState({ editObjectDialog: item.data.id, showContextMenu: null, editObjectAlias: false }),
+        },
+        EDIT_VALUE: {
+            key: '1',
+            visibility: !!(that.states &&
+                !that.props.notEditable &&
+                obj &&
+                obj.type === 'state' &&
+                // deprecated from js-controller 6
+                obj.common?.type !== 'file' &&
+                (that.state.filter.expertMode || obj.common.write !== false)),
+            icon: (React.createElement(IconValueEdit, { fontSize: "small", style: that.styles.contextMenuEditValue })),
+            label: that.props.t('ra_Edit value'),
+            onClick: () => {
+                that.edit = {
+                    val: that.states[id] ? that.states[id].val : '',
+                    q: that.states[id]?.q || 0,
+                    ack: false,
+                    id,
+                };
+                that.setState({ updateOpened: true, showContextMenu: null });
+            },
+        },
+        VIEW: {
+            visibility: !!that.props.objectBrowserViewFile &&
+                obj?.type === 'state' &&
+                // deprecated from js-controller 6
+                obj.common?.type === 'file',
+            icon: (React.createElement(FindInPage, { fontSize: "small", style: that.styles.contextMenuView })),
+            label: that.props.t('ra_View file'),
+            onClick: () => that.setState({ viewFileDialog: obj?._id || '', showContextMenu: null }),
+        },
+        CUSTOM: {
+            key: '2',
+            visibility: !(that.props.objectCustomDialog &&
+                that.info.hasSomeCustoms &&
+                obj &&
+                obj.type === 'state' &&
+                // deprecated from js-controller 6
+                obj.common?.type !== 'file'),
+            icon: (React.createElement(IconConfig, { fontSize: "small", style: item.data.hasCustoms
+                    ? that.styles.cellButtonsButtonWithCustoms
+                    : styles.cellButtonsButtonWithoutCustoms })),
+            style: that.styles.contextMenuCustom,
+            label: that.texts.customConfig,
+            onClick: () => {
+                that.pauseSubscribe(true);
+                that.props.router?.doNavigate(null, 'customs', id);
+                that.setState({ customDialog: [id], showContextMenu: null });
+            },
+        },
+        ACL: {
+            key: '3',
+            visibility: !!showACL,
+            icon: showACL,
+            iconStyle: { fontSize: 'smaller' },
+            listItemIconStyle: that.styles.contextMenuACL,
+            style: that.styles.contextMenuACL,
+            label: that.props.t('ra_Edit ACL'),
+            onClick: () => that.setState({
+                showContextMenu: null,
+                modalEditOfAccess: true,
+                modalEditOfAccessObjData: item.data,
+            }),
+        },
+        ROLE: {
+            key: '4',
+            visibility: !!(that.state.filter.expertMode && enumEditable && that.props.objectBrowserEditRole),
+            icon: (React.createElement(BorderColor, { fontSize: "small", style: that.styles.contextMenuRole })),
+            label: that.props.t('ra_Edit role'),
+            onClick: () => that.setState({ roleDialog: item.data.id, showContextMenu: null }),
+        },
+        FUNCTION: {
+            key: '5',
+            visibility: !!enumEditable,
+            icon: (React.createElement(BedroomParent, { fontSize: "small", style: that.styles.contextMenuRole })),
+            label: that.props.t('ra_Edit function'),
+            onClick: () => {
+                const enums = findEnumsForObjectAsIds(that.info, item.data.id, 'funcEnums');
+                that.setState({
+                    enumDialogEnums: enums,
+                    enumDialog: {
+                        item,
+                        type: 'func',
+                        enumsOriginal: JSON.stringify(enums),
+                    },
+                    showContextMenu: null,
+                });
+            },
+        },
+        ROOM: {
+            key: '6',
+            visibility: !!enumEditable,
+            icon: (React.createElement(Construction, { fontSize: "small", style: that.styles.contextMenuRoom })),
+            label: that.props.t('ra_Edit room'),
+            onClick: () => {
+                const enums = findEnumsForObjectAsIds(that.info, item.data.id, 'roomEnums');
+                that.setState({
+                    enumDialogEnums: enums,
+                    enumDialog: {
+                        item,
+                        type: 'room',
+                        enumsOriginal: JSON.stringify(enums),
+                    },
+                    showContextMenu: null,
+                });
+            },
+        },
+        ALIAS: {
+            key: '7',
+            visibility: !!(!that.props.notEditable &&
+                that.props.objectBrowserAliasEditor &&
+                that.props.objectBrowserEditObject &&
+                obj?.type === 'state' &&
+                // deprecated from js-controller 6
+                obj.common?.type !== 'file'),
+            icon: (React.createElement(IconLink, { style: obj?.common?.alias
+                    ? that.styles.cellButtonsButtonWithCustoms
+                    : styles.cellButtonsButtonWithoutCustoms })),
+            label: that.info.aliasesMap[item.data.id] || item.data.id.startsWith('alias.0.')
+                ? that.props.t('ra_Edit alias')
+                : that.props.t('ra_Create alias'),
+            onClick: () => {
+                if (obj?.common?.alias) {
+                    that.setState({ showContextMenu: null, editObjectDialog: item.data.id, editObjectAlias: true });
+                }
+                else {
+                    that.setState({ showContextMenu: null, showAliasEditor: item.data.id });
+                }
+            },
+        },
+        CREATE: {
+            key: '+',
+            visibility: (item.data.id.startsWith('0_userdata.0') || item.data.id.startsWith('javascript.')) &&
+                (createStateVisible || createChannelVisible || createDeviceVisible || createFolderVisible),
+            icon: (React.createElement(AddIcon, { fontSize: "small", style: that.styles.cellButtonsButtonWithCustoms })),
+            style: styles.contextMenuWithSubMenu,
+            label: that.texts.create,
+            subMenu: [
+                {
+                    label: that.texts.createBooleanState,
+                    visibility: createStateVisible,
+                    icon: React.createElement(IconState, { fontSize: "small" }),
+                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state', 'boolean'),
+                },
+                {
+                    label: that.texts.createNumberState,
+                    visibility: createStateVisible,
+                    icon: React.createElement(IconState, { fontSize: "small" }),
+                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state', 'number'),
+                },
+                {
+                    label: that.texts.createStringState,
+                    visibility: createStateVisible,
+                    icon: React.createElement(IconState, { fontSize: "small" }),
+                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state', 'string'),
+                },
+                {
+                    label: that.texts.createState,
+                    visibility: createStateVisible,
+                    icon: React.createElement(IconState, { fontSize: "small" }),
+                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state'),
+                },
+                {
+                    label: that.texts.createChannel,
+                    visibility: createChannelVisible,
+                    icon: React.createElement(IconChannel, { fontSize: "small" }),
+                    onClick: () => that.showAddDataPointDialog(item.data.id, 'channel'),
+                },
+                {
+                    label: that.texts.createDevice,
+                    visibility: createDeviceVisible,
+                    icon: React.createElement(IconDevice, { fontSize: "small" }),
+                    onClick: () => that.showAddDataPointDialog(item.data.id, 'device'),
+                },
+                {
+                    label: that.texts.createFolder,
+                    icon: React.createElement(IconFolder, { fontSize: "small" }),
+                    visibility: createFolderVisible,
+                    onClick: () => that.showAddDataPointDialog(item.data.id, 'folder'),
+                },
+            ],
+        },
+        RENAME: {
+            key: '8',
+            visibility: !!(!that.props.notEditable &&
+                that.props.objectMoveRenameDialog &&
+                !item.data.id.startsWith('system.') &&
+                item.data.id.split('.').length > 2 &&
+                (that.props.expertMode ||
+                    item.data.id.startsWith('javascript.0.') ||
+                    item.data.id.startsWith('0_userdata.0.'))),
+            icon: React.createElement(DriveFileRenameOutline, null),
+            label: that.props.t('ra_Rename_Move_Copy'),
+            onClick: () => {
+                const ids = Object.keys(that.objects);
+                const parentId = `${item.data.id}.`;
+                that.setState({
+                    showContextMenu: null,
+                    showRenameDialog: {
+                        id: item.data.id,
+                        childrenIds: ids.filter(id => id.startsWith(parentId)),
+                    },
+                });
+            },
+        },
+        DELETE: {
+            key: 'Delete',
+            visibility: !!(that.props.onObjectDelete && (item.children?.length || (obj && !obj.common?.dontDelete))),
+            icon: (React.createElement(IconDelete, { fontSize: "small", style: that.styles.contextMenuDelete })),
+            style: that.styles.contextMenuDelete,
+            label: that.texts.deleteObject,
+            onClick: () => that.setState({ showContextMenu: null }, () => that.showDeleteDialog({
+                id,
+                obj: obj || {},
+                item,
+            })),
+        },
+    };
+    Object.keys(ITEMS).forEach(key => {
+        if (ITEMS[key].visibility) {
+            if (ITEMS[key].subMenu) {
+                items.push(React.createElement(MenuItem, { key: key, href: "", onClick: (e) => that.state.showContextMenu &&
+                        that.setState({
+                            showContextMenu: {
+                                item: that.state.showContextMenu.item,
+                                position: that.state.showContextMenu.position,
+                                subItem: key,
+                                subAnchor: e.target,
+                            },
+                        }), style: ITEMS[key].style },
+                    React.createElement(ListItemIcon, { style: { ...ITEMS[key].iconStyle, ...ITEMS[key].listItemIconStyle } }, ITEMS[key].icon),
+                    React.createElement(ListItemText, null,
+                        ITEMS[key].label,
+                        "..."),
+                    React.createElement("div", { style: { ...styles.contextMenuKeys, opacity: 1 } },
+                        React.createElement(ArrowRightIcon, null))));
+                if (that.state.showContextMenu?.subItem === key) {
+                    items.push(React.createElement(Menu, { key: "subContextMenu", open: !0, anchorEl: that.state.showContextMenu.subAnchor, onClose: () => {
+                            if (that.state.showContextMenu) {
+                                that.setState({
+                                    showContextMenu: {
+                                        item: that.state.showContextMenu.item,
+                                        position: that.state.showContextMenu.position,
+                                    },
+                                });
+                            }
+                            that.contextMenu = null;
+                        } }, ITEMS[key].subMenu?.map(subItem => subItem.visibility ? (React.createElement(MenuItem, { key: subItem.label, onClick: subItem.onClick, style: subItem.style },
+                        React.createElement(ListItemIcon, { style: {
+                                ...subItem.iconStyle,
+                                ...(subItem.listItemIconStyle || undefined),
+                            } }, subItem.icon),
+                        React.createElement(ListItemText, null, subItem.label))) : null)));
+                }
+            }
+            else {
+                items.push(React.createElement(MenuItem, { key: key, onClick: ITEMS[key].onClick, sx: ITEMS[key].style },
+                    React.createElement(ListItemIcon, { style: { ...ITEMS[key].iconStyle, ...ITEMS[key].listItemIconStyle } }, ITEMS[key].icon),
+                    React.createElement(ListItemText, null, ITEMS[key].label),
+                    ITEMS[key].key ? (React.createElement("div", { style: styles.contextMenuKeys }, `Alt+${ITEMS[key].key === 'Delete' ? that.props.t('ra_Del') : ITEMS[key].key}`)) : null));
+            }
+        }
+    });
+    if (!items.length) {
+        setTimeout(() => that.setState({ showContextMenu: null }), 100);
+        return null;
+    }
+    return (React.createElement(Menu, { key: "contextMenu", open: !0, onKeyUp: e => {
+            e.preventDefault();
+            if (e.altKey) {
+                Object.keys(ITEMS).forEach(key => {
+                    if (e.key === ITEMS[key].key && ITEMS[key].onClick) {
+                        ITEMS[key].onClick();
+                    }
+                });
+            }
+        }, anchorReference: "anchorPosition", anchorPosition: that.state.showContextMenu.position, onClose: () => {
+            that.setState({ showContextMenu: null });
+            that.contextMenu = null;
+        } }, items));
+}
+//# sourceMappingURL=contextMenu.js.map

package/build/Components/ObjectBrowser/contextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextMenu.js","sourceRoot":"./src/","sources":["Components/ObjectBrowser/contextMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright 2020-2026, Denis Haev <dogafox@gmail.com>\n *\n * MIT License\n *\n * Part of the object browser, see ./ObjectBrowserClass.tsx\n */\nimport React, { type JSX } from 'react';\nimport { ListItemIcon, ListItemText, Menu, MenuItem } from '@mui/material';\nimport {\n    Add as AddIcon,\n    ArrowRight as ArrowRightIcon,\n    BedroomParent,\n    BorderColor,\n    Construction,\n    CreateNewFolder as IconFolder,\n    Delete as IconDelete,\n    Edit as IconEdit,\n    FindInPage,\n    FormatItalic as IconValueEdit,\n    Link as IconLink,\n    Settings as IconConfig,\n    DriveFileRenameOutline,\n} from '@mui/icons-material';\nimport { IconChannel } from '../../icons/IconChannel';\nimport { IconDevice } from '../../icons/IconDevice';\nimport { IconState } from '../../icons/IconState';\nimport { findEnumsForObjectAsIds, isNonExpertId } from './utils';\nimport { type ContextMenuItem } from './types';\nimport { styles } from './styles';\nimport type { ObjectBrowserClass } from './ObjectBrowserClass';\n\n/**\n * Renders the right mouse button context menu\n */\nexport function renderContextMenu(that: ObjectBrowserClass): JSX.Element | null {\n    if (!that.state.showContextMenu) {\n        return null;\n    }\n    const item = that.state.showContextMenu.item;\n    const id = item.data.id;\n    const items: JSX.Element[] = [];\n    // const ctrl = isIOS() ? '⌘' : (that.props.lang === 'de' ? 'Strg+' : 'Ctrl+');\n\n    const obj = item.data.obj;\n\n    let showACL = '';\n    if (that.props.objectEditOfAccessControl && that.state.filter.expertMode) {\n        if (!obj) {\n            showACL = '---';\n        } else {\n            const acl = obj.acl ? (obj.type === 'state' ? obj.acl.state : obj.acl.object) : 0;\n            const aclSystemConfig =\n                obj.acl &&\n                (obj.type === 'state'\n                    ? that.systemConfig?.common.defaultNewAcl.state\n                    : that.systemConfig?.common.defaultNewAcl.object);\n            showACL = Number.isNaN(Number(acl)) ? Number(aclSystemConfig).toString(16) : Number(acl).toString(16);\n        }\n    }\n\n    const enumEditable =\n        !that.props.notEditable &&\n        obj &&\n        (that.state.filter.expertMode || obj.type === 'state' || obj.type === 'channel' || obj.type === 'device');\n\n    const createStateVisible =\n        !item.data.obj ||\n        item.data.obj.type === 'folder' ||\n        item.data.obj.type === 'channel' ||\n        item.data.obj.type === 'device' ||\n        item.data.id === '0_userdata.0' ||\n        item.data.obj.type === 'meta';\n    const createChannelVisible =\n        !item.data.obj ||\n        item.data.obj.type === 'folder' ||\n        item.data.obj.type === 'device' ||\n        item.data.id === '0_userdata.0' ||\n        item.data.obj.type === 'meta';\n    const createDeviceVisible =\n        !item.data.obj ||\n        item.data.obj.type === 'folder' ||\n        item.data.id === '0_userdata.0' ||\n        item.data.obj.type === 'meta';\n    const createFolderVisible =\n        !item.data.obj ||\n        item.data.obj.type === 'folder' ||\n        item.data.id === '0_userdata.0' ||\n        item.data.obj.type === 'meta';\n\n    const ITEMS: Record<string, ContextMenuItem> = {\n        EDIT: {\n            key: '0',\n            visibility: !!(\n                that.props.objectBrowserEditObject &&\n                obj &&\n                (that.state.filter.expertMode || isNonExpertId(id))\n            ),\n            icon: (\n                <IconEdit\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuEdit}\n                />\n            ),\n            label: that.texts.editObject,\n            onClick: () =>\n                that.setState({ editObjectDialog: item.data.id, showContextMenu: null, editObjectAlias: false }),\n        },\n        EDIT_VALUE: {\n            key: '1',\n            visibility: !!(\n                that.states &&\n                !that.props.notEditable &&\n                obj &&\n                obj.type === 'state' &&\n                // deprecated from js-controller 6\n                (obj.common?.type as string) !== 'file' &&\n                (that.state.filter.expertMode || obj.common.write !== false)\n            ),\n            icon: (\n                <IconValueEdit\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuEditValue}\n                />\n            ),\n            label: that.props.t('ra_Edit value'),\n            onClick: () => {\n                that.edit = {\n                    val: that.states[id] ? that.states[id].val : '',\n                    q: that.states[id]?.q || 0,\n                    ack: false,\n                    id,\n                };\n                that.setState({ updateOpened: true, showContextMenu: null });\n            },\n        },\n        VIEW: {\n            visibility:\n                !!that.props.objectBrowserViewFile &&\n                obj?.type === 'state' &&\n                // deprecated from js-controller 6\n                (obj.common?.type as string) === 'file',\n            icon: (\n                <FindInPage\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuView}\n                />\n            ),\n            label: that.props.t('ra_View file'),\n            onClick: () => that.setState({ viewFileDialog: obj?._id || '', showContextMenu: null }),\n        },\n        CUSTOM: {\n            key: '2',\n            visibility: !(\n                that.props.objectCustomDialog &&\n                that.info.hasSomeCustoms &&\n                obj &&\n                obj.type === 'state' &&\n                // deprecated from js-controller 6\n                (obj.common?.type as string) !== 'file'\n            ),\n            icon: (\n                <IconConfig\n                    fontSize=\"small\"\n                    style={\n                        item.data.hasCustoms\n                            ? that.styles.cellButtonsButtonWithCustoms\n                            : styles.cellButtonsButtonWithoutCustoms\n                    }\n                />\n            ),\n            style: that.styles.contextMenuCustom,\n            label: that.texts.customConfig,\n            onClick: () => {\n                that.pauseSubscribe(true);\n                that.props.router?.doNavigate(null, 'customs', id);\n                that.setState({ customDialog: [id], showContextMenu: null });\n            },\n        },\n        ACL: {\n            key: '3',\n            visibility: !!showACL,\n            icon: showACL,\n            iconStyle: { fontSize: 'smaller' },\n            listItemIconStyle: that.styles.contextMenuACL,\n            style: that.styles.contextMenuACL,\n            label: that.props.t('ra_Edit ACL'),\n            onClick: () =>\n                that.setState({\n                    showContextMenu: null,\n                    modalEditOfAccess: true,\n                    modalEditOfAccessObjData: item.data,\n                }),\n        },\n        ROLE: {\n            key: '4',\n            visibility: !!(that.state.filter.expertMode && enumEditable && that.props.objectBrowserEditRole),\n            icon: (\n                <BorderColor\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuRole}\n                />\n            ),\n            label: that.props.t('ra_Edit role'),\n            onClick: () => that.setState({ roleDialog: item.data.id, showContextMenu: null }),\n        },\n        FUNCTION: {\n            key: '5',\n            visibility: !!enumEditable,\n            icon: (\n                <BedroomParent\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuRole}\n                />\n            ),\n            label: that.props.t('ra_Edit function'),\n            onClick: () => {\n                const enums = findEnumsForObjectAsIds(that.info, item.data.id, 'funcEnums');\n                that.setState({\n                    enumDialogEnums: enums,\n                    enumDialog: {\n                        item,\n                        type: 'func',\n                        enumsOriginal: JSON.stringify(enums),\n                    },\n                    showContextMenu: null,\n                });\n            },\n        },\n        ROOM: {\n            key: '6',\n            visibility: !!enumEditable,\n            icon: (\n                <Construction\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuRoom}\n                />\n            ),\n            label: that.props.t('ra_Edit room'),\n            onClick: () => {\n                const enums = findEnumsForObjectAsIds(that.info, item.data.id, 'roomEnums');\n                that.setState({\n                    enumDialogEnums: enums,\n                    enumDialog: {\n                        item,\n                        type: 'room',\n                        enumsOriginal: JSON.stringify(enums),\n                    },\n                    showContextMenu: null,\n                });\n            },\n        },\n        ALIAS: {\n            key: '7',\n            visibility: !!(\n                !that.props.notEditable &&\n                that.props.objectBrowserAliasEditor &&\n                that.props.objectBrowserEditObject &&\n                obj?.type === 'state' &&\n                // deprecated from js-controller 6\n                (obj.common?.type as string) !== 'file'\n            ),\n            icon: (\n                <IconLink\n                    style={\n                        obj?.common?.alias\n                            ? that.styles.cellButtonsButtonWithCustoms\n                            : styles.cellButtonsButtonWithoutCustoms\n                    }\n                />\n            ),\n            label:\n                that.info.aliasesMap[item.data.id] || item.data.id.startsWith('alias.0.')\n                    ? that.props.t('ra_Edit alias')\n                    : that.props.t('ra_Create alias'),\n            onClick: () => {\n                if (obj?.common?.alias) {\n                    that.setState({ showContextMenu: null, editObjectDialog: item.data.id, editObjectAlias: true });\n                } else {\n                    that.setState({ showContextMenu: null, showAliasEditor: item.data.id });\n                }\n            },\n        },\n        CREATE: {\n            key: '+',\n            visibility:\n                (item.data.id.startsWith('0_userdata.0') || item.data.id.startsWith('javascript.')) &&\n                (createStateVisible || createChannelVisible || createDeviceVisible || createFolderVisible),\n            icon: (\n                <AddIcon\n                    fontSize=\"small\"\n                    style={that.styles.cellButtonsButtonWithCustoms}\n                />\n            ),\n            style: styles.contextMenuWithSubMenu,\n            label: that.texts.create,\n            subMenu: [\n                {\n                    label: that.texts.createBooleanState,\n                    visibility: createStateVisible,\n                    icon: <IconState fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state', 'boolean'),\n                },\n                {\n                    label: that.texts.createNumberState,\n                    visibility: createStateVisible,\n                    icon: <IconState fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state', 'number'),\n                },\n                {\n                    label: that.texts.createStringState,\n                    visibility: createStateVisible,\n                    icon: <IconState fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state', 'string'),\n                },\n                {\n                    label: that.texts.createState,\n                    visibility: createStateVisible,\n                    icon: <IconState fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'state'),\n                },\n                {\n                    label: that.texts.createChannel,\n                    visibility: createChannelVisible,\n                    icon: <IconChannel fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'channel'),\n                },\n                {\n                    label: that.texts.createDevice,\n                    visibility: createDeviceVisible,\n                    icon: <IconDevice fontSize=\"small\" />,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'device'),\n                },\n                {\n                    label: that.texts.createFolder,\n                    icon: <IconFolder fontSize=\"small\" />,\n                    visibility: createFolderVisible,\n                    onClick: () => that.showAddDataPointDialog(item.data.id, 'folder'),\n                },\n            ],\n        },\n        RENAME: {\n            key: '8',\n            visibility: !!(\n                !that.props.notEditable &&\n                that.props.objectMoveRenameDialog &&\n                !item.data.id.startsWith('system.') &&\n                item.data.id.split('.').length > 2 &&\n                (that.props.expertMode ||\n                    item.data.id.startsWith('javascript.0.') ||\n                    item.data.id.startsWith('0_userdata.0.'))\n            ),\n            icon: <DriveFileRenameOutline />,\n            label: that.props.t('ra_Rename_Move_Copy'),\n            onClick: () => {\n                const ids = Object.keys(that.objects);\n                const parentId = `${item.data.id}.`;\n                that.setState({\n                    showContextMenu: null,\n                    showRenameDialog: {\n                        id: item.data.id,\n                        childrenIds: ids.filter(id => id.startsWith(parentId)),\n                    },\n                });\n            },\n        },\n        DELETE: {\n            key: 'Delete',\n            visibility: !!(that.props.onObjectDelete && (item.children?.length || (obj && !obj.common?.dontDelete))),\n            icon: (\n                <IconDelete\n                    fontSize=\"small\"\n                    style={that.styles.contextMenuDelete}\n                />\n            ),\n            style: that.styles.contextMenuDelete,\n            label: that.texts.deleteObject,\n            onClick: () =>\n                that.setState({ showContextMenu: null }, () =>\n                    that.showDeleteDialog({\n                        id,\n                        obj: obj || ({} as ioBroker.Object),\n                        item,\n                    }),\n                ),\n        },\n    };\n\n    Object.keys(ITEMS).forEach(key => {\n        if (ITEMS[key].visibility) {\n            if (ITEMS[key].subMenu) {\n                items.push(\n                    <MenuItem\n                        key={key}\n                        href=\"\"\n                        onClick={(e: React.MouseEvent<HTMLAnchorElement>) =>\n                            that.state.showContextMenu &&\n                            that.setState({\n                                showContextMenu: {\n                                    item: that.state.showContextMenu.item,\n                                    position: that.state.showContextMenu.position,\n                                    subItem: key,\n                                    subAnchor: e.target as HTMLLIElement,\n                                },\n                            })\n                        }\n                        style={ITEMS[key].style}\n                    >\n                        <ListItemIcon style={{ ...ITEMS[key].iconStyle, ...ITEMS[key].listItemIconStyle }}>\n                            {ITEMS[key].icon}\n                        </ListItemIcon>\n                        <ListItemText>\n                            {ITEMS[key].label}\n                            ...\n                        </ListItemText>\n                        <div style={{ ...styles.contextMenuKeys, opacity: 1 }}>\n                            <ArrowRightIcon />\n                        </div>\n                    </MenuItem>,\n                );\n\n                if (that.state.showContextMenu?.subItem === key) {\n                    items.push(\n                        <Menu\n                            key=\"subContextMenu\"\n                            open={!0}\n                            anchorEl={that.state.showContextMenu.subAnchor}\n                            onClose={() => {\n                                if (that.state.showContextMenu) {\n                                    that.setState({\n                                        showContextMenu: {\n                                            item: that.state.showContextMenu.item,\n                                            position: that.state.showContextMenu.position,\n                                        },\n                                    });\n                                }\n                                that.contextMenu = null;\n                            }}\n                        >\n                            {ITEMS[key].subMenu?.map(subItem =>\n                                subItem.visibility ? (\n                                    <MenuItem\n                                        key={subItem.label}\n                                        onClick={subItem.onClick}\n                                        style={subItem.style}\n                                    >\n                                        <ListItemIcon\n                                            style={{\n                                                ...subItem.iconStyle,\n                                                ...(subItem.listItemIconStyle || undefined),\n                                            }}\n                                        >\n                                            {subItem.icon}\n                                        </ListItemIcon>\n                                        <ListItemText>{subItem.label}</ListItemText>\n                                    </MenuItem>\n                                ) : null,\n                            )}\n                        </Menu>,\n                    );\n                }\n            } else {\n                items.push(\n                    <MenuItem\n                        key={key}\n                        onClick={ITEMS[key].onClick}\n                        sx={ITEMS[key].style}\n                    >\n                        <ListItemIcon style={{ ...ITEMS[key].iconStyle, ...ITEMS[key].listItemIconStyle }}>\n                            {ITEMS[key].icon}\n                        </ListItemIcon>\n                        <ListItemText>{ITEMS[key].label}</ListItemText>\n                        {ITEMS[key].key ? (\n                            <div style={styles.contextMenuKeys}>\n                                {`Alt+${ITEMS[key].key === 'Delete' ? that.props.t('ra_Del') : ITEMS[key].key}`}\n                            </div>\n                        ) : null}\n                    </MenuItem>,\n                );\n            }\n        }\n    });\n\n    if (!items.length) {\n        setTimeout(() => that.setState({ showContextMenu: null }), 100);\n        return null;\n    }\n\n    return (\n        <Menu\n            key=\"contextMenu\"\n            open={!0}\n            onKeyUp={e => {\n                e.preventDefault();\n                if (e.altKey) {\n                    Object.keys(ITEMS).forEach(key => {\n                        if (e.key === ITEMS[key].key && ITEMS[key].onClick) {\n                            ITEMS[key].onClick();\n                        }\n                    });\n                }\n            }}\n            anchorReference=\"anchorPosition\"\n            anchorPosition={that.state.showContextMenu.position}\n            onClose={() => {\n                that.setState({ showContextMenu: null });\n                that.contextMenu = null;\n            }}\n        >\n            {items}\n        </Menu>\n    );\n}\n"]}

package/build/Components/ObjectBrowser/dialogs.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright 2020-2026, Denis Haev <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ * Part of the object browser, see ./ObjectBrowserClass.tsx
+ */
+import { type JSX } from 'react';
+import type { ObjectBrowserClass } from './ObjectBrowserClass';
+/**
+ * Renders the error dialog.
+ */
+export declare function renderErrorDialog(that: ObjectBrowserClass): JSX.Element | null;
+export declare function _renderDefinedList(that: ObjectBrowserClass, isLast: boolean): JSX.Element[];
+/**
+ * Renders the columns' selector.
+ */
+export declare function renderColumnsSelectorDialog(that: ObjectBrowserClass): JSX.Element | null;
+export declare function renderExportDialog(that: ObjectBrowserClass): JSX.Element | null;
+export declare function renderRenameDialog(that: ObjectBrowserClass): JSX.Element | null;
+export declare function renderInputJsonDialog(that: ObjectBrowserClass): JSX.Element | null;
+export declare function renderEnumDialog(that: ObjectBrowserClass): JSX.Element | null;
+export declare function renderEditRoleDialog(that: ObjectBrowserClass): JSX.Element | null;
+export declare function renderColumnsEditCustomDialog(that: ObjectBrowserClass): JSX.Element | null;
+export declare function renderToast(that: ObjectBrowserClass): JSX.Element;
+export declare function renderCustomDialog(that: ObjectBrowserClass): JSX.Element | null;
+export declare function renderEditObjectDialog(that: ObjectBrowserClass): JSX.Element | null;
+export declare function renderViewObjectFileDialog(that: ObjectBrowserClass): JSX.Element | null;
+export declare function renderAliasEditorDialog(that: ObjectBrowserClass): JSX.Element | null;
+export declare function renderAliasMenu(that: ObjectBrowserClass): JSX.Element | null;
+export declare function renderEditValueDialog(that: ObjectBrowserClass): JSX.Element | null;