@iobroker/gui-components 10.3.7 → 10.3.9

package/build/Components/ObjectBrowser/utils.js

@@ -3,6 +3,23 @@ import { Box, FormControl, IconButton, Input, MenuItem, Select } from '@mui/mate
 import SVG from 'react-inlinesvg';
 import { Description as IconMeta, PersonOutlined as IconUser, Router as IconHost, SupervisedUserCircle as IconGroup, SettingsApplications as IconSystem, DataObject as IconData, Info as IconInfo, Link as IconLink, Close as IconClose, Wifi as IconConnection, } from '@mui/icons-material';
 import { Utils } from '../Utils';
+/**
+ * Calls `onConfirm` if CTRL+ENTER (CMD+ENTER on mac) was pressed.
+ *
+ * Every dialog that writes something confirms with CTRL+ENTER, so the handler belongs to the dialog
+ * itself and not to one of its inputs: the key then works wherever the focus is. An input that
+ * handles the combination on its own stops the event, so nothing is written twice.
+ *
+ * @param e the keyboard event of the dialog
+ * @param onConfirm the action of the confirming button of the dialog
+ */
+export function onCtrlEnter(e, onConfirm) {
+    if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
+        e.preventDefault();
+        e.stopPropagation();
+        onConfirm();
+    }
+}
 export const ICON_SIZE = 24;
 export const ROW_HEIGHT = 32;
 export const COLOR_NAME_USERDATA = (themeType) => (themeType === 'dark' ? '#62ff25' : '#37c400');