@iobroker/gui-components 8.0.1

package/build/Dialogs/Confirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confirm.js","sourceRoot":"./src/","sources":["Dialogs/Confirm.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\r\n * Copyright 2019-2024 Denis Haev (bluefox) <dogafox@gmail.com>\r\n *\r\n * MIT License\r\n *\r\n */\r\n\r\n// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\r\nimport React, { Component, type JSX } from 'react';\r\n\r\nimport {\r\n    Button,\r\n    Dialog,\r\n    DialogActions,\r\n    DialogContent,\r\n    DialogContentText,\r\n    DialogTitle,\r\n    FormControlLabel,\r\n    Checkbox,\r\n} from '@mui/material';\r\n\r\nimport { Check as IconCheck, Close as IconClose } from '@mui/icons-material';\r\n\r\nimport { I18n } from '../i18n';\r\n\r\nconst styles: Record<string, React.CSSProperties> = {\r\n    suppress: {\r\n        fontSize: 12,\r\n    },\r\n    suppressRoot: {\r\n        // it is sx\r\n        marginTop: '16px',\r\n    },\r\n};\r\n\r\ninterface DialogConfirmProps {\r\n    /** The dialog title; default: Are you sure? (translated) */\r\n    title?: string;\r\n    /** The dialog text */\r\n    text?: string | React.JSX.Element | React.JSX.Element[];\r\n    /** Close handler. */\r\n    onClose?: (ok: boolean) => void;\r\n    /** if the dialog must be fill sized */\r\n    fullWidth?: boolean;\r\n    /** optional icon */\r\n    icon?: React.JSX.Element;\r\n    /** optional ok button text */\r\n    ok?: string;\r\n    /** optional cancel button text */\r\n    cancel?: string;\r\n    /** optional interval in minutes for which the confirmation dialog will be suppressed if activated. */\r\n    suppressQuestionMinutes?: number;\r\n    /** optional text for the suppression checkbox */\r\n    suppressText?: string;\r\n    /** optional name of the dialog. Used only with suppressQuestionMinutes to store the user choice */\r\n    dialogName?: string;\r\n}\r\n\r\ninterface DialogConfirmState {\r\n    suppress: number | boolean;\r\n}\r\n\r\nexport class DialogConfirm extends Component<DialogConfirmProps, DialogConfirmState> {\r\n    constructor(props: DialogConfirmProps) {\r\n        super(props);\r\n\r\n        if (!this.props.dialogName && this.props.suppressQuestionMinutes) {\r\n            throw new Error('dialogName required if suppressQuestionMinutes used');\r\n        }\r\n        let suppress: number | boolean = false;\r\n\r\n        if (this.props.suppressQuestionMinutes) {\r\n            suppress =\r\n                parseInt(((window as any)._localStorage || window.localStorage).getItem(this.props.dialogName), 10) ||\r\n                0;\r\n\r\n            if (!suppress) {\r\n                suppress = false;\r\n            } else if (Date.now() > suppress) {\r\n                ((window as any)._localStorage || window.localStorage).removeItem(this.props.dialogName);\r\n                suppress = false;\r\n            }\r\n        }\r\n\r\n        this.state = {\r\n            suppress,\r\n        };\r\n    }\r\n\r\n    handleOk(): void {\r\n        if (this.state.suppress) {\r\n            ((window as any)._localStorage || window.localStorage).setItem(\r\n                this.props.dialogName,\r\n                Date.now() + (this.props.suppressQuestionMinutes || 2) * 60000,\r\n            );\r\n        }\r\n        if (this.props.onClose) {\r\n            this.props.onClose(true);\r\n        }\r\n    }\r\n\r\n    handleCancel(): void {\r\n        if (this.props.onClose) {\r\n            this.props.onClose(false);\r\n        }\r\n    }\r\n\r\n    render(): JSX.Element | null {\r\n        if (typeof this.state.suppress === 'number') {\r\n            setTimeout(() => this.props.onClose && this.props.onClose(true), 100);\r\n            return null;\r\n        }\r\n\r\n        return (\r\n            <Dialog\r\n                open={!0}\r\n                maxWidth=\"md\"\r\n                fullWidth={this.props.fullWidth !== undefined ? this.props.fullWidth : true}\r\n                onClose={(event, reason) => {\r\n                    if (reason !== 'backdropClick' && reason !== 'escapeKeyDown') {\r\n                        this.handleCancel();\r\n                    }\r\n                }}\r\n                aria-labelledby=\"ar_confirmation_dialog_title\"\r\n                aria-describedby=\"ar_confirmation_dialog_description\"\r\n            >\r\n                <DialogTitle id=\"ar_confirmation_dialog_title\">\r\n                    {this.props.title || I18n.t('ra_Are you sure?')}\r\n                </DialogTitle>\r\n                <DialogContent>\r\n                    <DialogContentText id=\"ar_confirmation_dialog_description\">\r\n                        {this.props.icon || null}\r\n                        {this.props.text}\r\n                        {this.props.suppressQuestionMinutes ? <br /> : null}\r\n                        {this.props.suppressQuestionMinutes ? (\r\n                            <FormControlLabel\r\n                                sx={{\r\n                                    '& .FormControlLabel-label': styles.suppress,\r\n                                    '&.FormControlLabel-root': styles.suppressRoot,\r\n                                }}\r\n                                control={\r\n                                    <Checkbox\r\n                                        id={`ar_dialog_confirm_suppress_${this.props.dialogName || ''}`}\r\n                                        checked={!!this.state.suppress}\r\n                                        onChange={() => this.setState({ suppress: !this.state.suppress })}\r\n                                    />\r\n                                }\r\n                                label={\r\n                                    this.props.suppressText ||\r\n                                    I18n.t(\r\n                                        'ra_Suppress question for next %s minutes',\r\n                                        (this.props.suppressQuestionMinutes || 2).toString(),\r\n                                    )\r\n                                }\r\n                            />\r\n                        ) : null}\r\n                    </DialogContentText>\r\n                </DialogContent>\r\n                <DialogActions>\r\n                    <Button\r\n                        id={`ar_dialog_confirm_ok_${this.props.dialogName || ''}`}\r\n                        variant=\"contained\"\r\n                        onClick={() => this.handleOk()}\r\n                        color=\"primary\"\r\n                        autoFocus\r\n                        startIcon={<IconCheck />}\r\n                    >\r\n                        {this.props.ok || I18n.t('ra_Ok')}\r\n                    </Button>\r\n                    <Button\r\n                        id={`ar_dialog_confirm_cancel_${this.props.dialogName || ''}`}\r\n                        variant=\"contained\"\r\n                        onClick={() => this.handleCancel()}\r\n                        color=\"grey\"\r\n                        startIcon={<IconClose />}\r\n                    >\r\n                        {this.props.cancel || I18n.t('ra_Cancel')}\r\n                    </Button>\r\n                </DialogActions>\r\n            </Dialog>\r\n        );\r\n    }\r\n}\r\n"]}

package/build/Dialogs/Cron.d.ts

@@ -0,0 +1,29 @@
+import React, { type JSX } from 'react';
+import type { IobTheme } from '../types';
+interface DialogCronProps {
+    onClose: () => void;
+    onOk: (cron: string) => void;
+    title?: string;
+    cron?: string;
+    cancel?: string;
+    ok?: string;
+    /** show only simple configuration */
+    simple?: boolean;
+    /** show only complex configuration */
+    complex?: boolean;
+    /** do not show wizard */
+    noWizard?: boolean;
+    theme: IobTheme;
+}
+interface DialogCronState {
+    cron: string;
+    mode: 'simple' | 'complex' | 'wizard';
+}
+export declare class DialogCron extends React.Component<DialogCronProps, DialogCronState> {
+    constructor(props: DialogCronProps);
+    handleCancel(): void;
+    handleOk(): void;
+    setMode(mode: 'simple' | 'complex' | 'wizard'): void;
+    render(): JSX.Element;
+}
+export {};

package/build/Dialogs/Cron.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { Button, DialogTitle, DialogContent, DialogActions, Dialog, Radio } from '@mui/material';
+import { Check as IconOk, Cancel as IconCancel } from '@mui/icons-material';
+import { ComplexCron } from '../Components/ComplexCron';
+import { SimpleCron, cron2state } from '../Components/SimpleCron';
+import { Schedule } from '../Components/Schedule';
+import { I18n } from '../i18n';
+// Generate cron expression
+const styles = {
+    dialogPaper: {
+        height: 'calc(100% - 96px)',
+    },
+};
+export class DialogCron extends React.Component {
+    constructor(props) {
+        super(props);
+        let cron;
+        if (this.props.cron && typeof this.props.cron === 'string' && this.props.cron.replace(/^["']/, '')[0] !== '{') {
+            cron = this.props.cron.replace(/['"]/g, '').trim();
+        }
+        else {
+            cron = this.props.cron || '{}';
+            if (typeof cron === 'string') {
+                cron = cron.replace(/^["']/, '').replace(/["']\n?$/, '');
+            }
+        }
+        this.state = {
+            cron,
+            mode: this.props.simple
+                ? 'simple'
+                : this.props.complex
+                    ? 'complex'
+                    : (typeof cron === 'object' || cron[0] === '{') && !this.props.noWizard
+                        ? 'wizard'
+                        : cron2state(this.props.cron || '* * * * *')
+                            ? 'simple'
+                            : 'complex',
+        };
+    }
+    handleCancel() {
+        this.props.onClose();
+    }
+    handleOk() {
+        this.props.onOk(this.state.cron);
+        this.props.onClose();
+    }
+    setMode(mode) {
+        this.setState({ mode });
+    }
+    render() {
+        return (React.createElement(Dialog, { onClose: () => { }, maxWidth: "md", fullWidth: true, sx: { '& .MuiDialog-paper': styles.dialogPaper }, open: !0, "aria-labelledby": "cron-dialog-title" },
+            React.createElement(DialogTitle, { id: "cron-dialog-title" }, this.props.title || I18n.t('ra_Define schedule...')),
+            React.createElement(DialogContent, { style: { height: '100%', overflow: 'hidden' } },
+                (this.props.simple && this.props.complex) || (!this.props.simple && !this.props.complex) ? (React.createElement("div", null,
+                    !this.props.simple && !this.props.complex && !this.props.noWizard && (React.createElement(React.Fragment, null,
+                        React.createElement(Radio, { key: "wizard", checked: this.state.mode === 'wizard', onChange: () => this.setMode('wizard') }),
+                        React.createElement("label", { onClick: () => this.setMode('wizard'), style: this.state.mode !== 'wizard' ? { color: 'lightgrey' } : {} }, I18n.t('sc_wizard')))),
+                    ((!this.props.simple && !this.props.complex) || this.props.simple) && (React.createElement(React.Fragment, null,
+                        React.createElement(Radio, { key: "simple", checked: this.state.mode === 'simple', onChange: () => this.setMode('simple') }),
+                        React.createElement("label", { onClick: () => this.setMode('simple'), style: this.state.mode !== 'simple' ? { color: 'lightgrey' } : {} }, I18n.t('sc_simple')))),
+                    ((!this.props.simple && !this.props.complex) || this.props.complex) && (React.createElement(React.Fragment, null,
+                        React.createElement(Radio, { key: "complex", checked: this.state.mode === 'complex', onChange: () => this.setMode('complex') }),
+                        React.createElement("label", { onClick: () => this.setMode('complex'), style: this.state.mode !== 'complex' ? { color: 'lightgrey' } : {} }, I18n.t('sc_cron')))))) : null,
+                this.state.mode === 'simple' && (React.createElement(SimpleCron, { cronExpression: this.state.cron, onChange: cron => this.setState({ cron }), language: I18n.getLanguage() })),
+                this.state.mode === 'wizard' && (React.createElement(Schedule, { theme: this.props.theme, schedule: this.state.cron, onChange: (cron) => this.setState({ cron }) })),
+                this.state.mode === 'complex' && (React.createElement(ComplexCron, { cronExpression: this.state.cron, onChange: cron => this.setState({ cron }), language: I18n.getLanguage() }))),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { variant: "contained", onClick: () => this.handleOk(), color: "primary", startIcon: React.createElement(IconOk, null) }, this.props.ok || I18n.t('ra_Ok')),
+                React.createElement(Button, { variant: "contained", onClick: () => this.handleCancel(), color: "grey", startIcon: React.createElement(IconCancel, null) }, this.props.cancel || I18n.t('ra_Cancel')))));
+    }
+}
+//# sourceMappingURL=Cron.js.map

package/build/Dialogs/Cron.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cron.js","sourceRoot":"./src/","sources":["Dialogs/Cron.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\r\n\r\nimport { Button, DialogTitle, DialogContent, DialogActions, Dialog, Radio } from '@mui/material';\r\n\r\nimport { Check as IconOk, Cancel as IconCancel } from '@mui/icons-material';\r\n\r\nimport { ComplexCron } from '../Components/ComplexCron';\r\nimport { SimpleCron, cron2state } from '../Components/SimpleCron';\r\nimport { Schedule } from '../Components/Schedule';\r\n\r\nimport { I18n } from '../i18n';\r\nimport type { IobTheme } from '../types';\r\n\r\n// Generate cron expression\r\n\r\nconst styles: Record<string, React.CSSProperties> = {\r\n    dialogPaper: {\r\n        height: 'calc(100% - 96px)',\r\n    },\r\n};\r\n\r\ninterface DialogCronProps {\r\n    onClose: () => void;\r\n    onOk: (cron: string) => void;\r\n    title?: string;\r\n    cron?: string;\r\n    cancel?: string;\r\n    ok?: string;\r\n    /** show only simple configuration */\r\n    simple?: boolean;\r\n    /** show only complex configuration */\r\n    complex?: boolean;\r\n    /** do not show wizard */\r\n    noWizard?: boolean;\r\n    theme: IobTheme;\r\n}\r\n\r\ninterface DialogCronState {\r\n    cron: string;\r\n    mode: 'simple' | 'complex' | 'wizard';\r\n}\r\n\r\nexport class DialogCron extends React.Component<DialogCronProps, DialogCronState> {\r\n    constructor(props: DialogCronProps) {\r\n        super(props);\r\n        let cron;\r\n        if (this.props.cron && typeof this.props.cron === 'string' && this.props.cron.replace(/^[\"']/, '')[0] !== '{') {\r\n            cron = this.props.cron.replace(/['\"]/g, '').trim();\r\n        } else {\r\n            cron = this.props.cron || '{}';\r\n            if (typeof cron === 'string') {\r\n                cron = cron.replace(/^[\"']/, '').replace(/[\"']\\n?$/, '');\r\n            }\r\n        }\r\n\r\n        this.state = {\r\n            cron,\r\n            mode: this.props.simple\r\n                ? 'simple'\r\n                : this.props.complex\r\n                  ? 'complex'\r\n                  : (typeof cron === 'object' || cron[0] === '{') && !this.props.noWizard\r\n                    ? 'wizard'\r\n                    : cron2state(this.props.cron || '* * * * *')\r\n                      ? 'simple'\r\n                      : 'complex',\r\n        };\r\n    }\r\n\r\n    handleCancel(): void {\r\n        this.props.onClose();\r\n    }\r\n\r\n    handleOk(): void {\r\n        this.props.onOk(this.state.cron);\r\n        this.props.onClose();\r\n    }\r\n\r\n    setMode(mode: 'simple' | 'complex' | 'wizard'): void {\r\n        this.setState({ mode });\r\n    }\r\n\r\n    render(): JSX.Element {\r\n        return (\r\n            <Dialog\r\n                onClose={() => {}}\r\n                maxWidth=\"md\"\r\n                fullWidth\r\n                sx={{ '& .MuiDialog-paper': styles.dialogPaper }}\r\n                open={!0}\r\n                aria-labelledby=\"cron-dialog-title\"\r\n            >\r\n                <DialogTitle id=\"cron-dialog-title\">{this.props.title || I18n.t('ra_Define schedule...')}</DialogTitle>\r\n                <DialogContent style={{ height: '100%', overflow: 'hidden' }}>\r\n                    {(this.props.simple && this.props.complex) || (!this.props.simple && !this.props.complex) ? (\r\n                        <div>\r\n                            {!this.props.simple && !this.props.complex && !this.props.noWizard && (\r\n                                <>\r\n                                    <Radio\r\n                                        key=\"wizard\"\r\n                                        checked={this.state.mode === 'wizard'}\r\n                                        onChange={() => this.setMode('wizard')}\r\n                                    />\r\n                                    <label\r\n                                        onClick={() => this.setMode('wizard')}\r\n                                        style={this.state.mode !== 'wizard' ? { color: 'lightgrey' } : {}}\r\n                                    >\r\n                                        {I18n.t('sc_wizard')}\r\n                                    </label>\r\n                                </>\r\n                            )}\r\n\r\n                            {((!this.props.simple && !this.props.complex) || this.props.simple) && (\r\n                                <>\r\n                                    <Radio\r\n                                        key=\"simple\"\r\n                                        checked={this.state.mode === 'simple'}\r\n                                        onChange={() => this.setMode('simple')}\r\n                                    />\r\n                                    <label\r\n                                        onClick={() => this.setMode('simple')}\r\n                                        style={this.state.mode !== 'simple' ? { color: 'lightgrey' } : {}}\r\n                                    >\r\n                                        {I18n.t('sc_simple')}\r\n                                    </label>\r\n                                </>\r\n                            )}\r\n\r\n                            {((!this.props.simple && !this.props.complex) || this.props.complex) && (\r\n                                <>\r\n                                    <Radio\r\n                                        key=\"complex\"\r\n                                        checked={this.state.mode === 'complex'}\r\n                                        onChange={() => this.setMode('complex')}\r\n                                    />\r\n                                    <label\r\n                                        onClick={() => this.setMode('complex')}\r\n                                        style={this.state.mode !== 'complex' ? { color: 'lightgrey' } : {}}\r\n                                    >\r\n                                        {I18n.t('sc_cron')}\r\n                                    </label>\r\n                                </>\r\n                            )}\r\n                        </div>\r\n                    ) : null}\r\n\r\n                    {this.state.mode === 'simple' && (\r\n                        <SimpleCron\r\n                            cronExpression={this.state.cron}\r\n                            onChange={cron => this.setState({ cron })}\r\n                            language={I18n.getLanguage()}\r\n                        />\r\n                    )}\r\n                    {this.state.mode === 'wizard' && (\r\n                        <Schedule\r\n                            theme={this.props.theme}\r\n                            schedule={this.state.cron}\r\n                            onChange={(cron: string) => this.setState({ cron })}\r\n                        />\r\n                    )}\r\n                    {this.state.mode === 'complex' && (\r\n                        <ComplexCron\r\n                            cronExpression={this.state.cron}\r\n                            onChange={cron => this.setState({ cron })}\r\n                            language={I18n.getLanguage()}\r\n                        />\r\n                    )}\r\n                </DialogContent>\r\n                <DialogActions>\r\n                    <Button\r\n                        variant=\"contained\"\r\n                        onClick={() => this.handleOk()}\r\n                        color=\"primary\"\r\n                        startIcon={<IconOk />}\r\n                    >\r\n                        {this.props.ok || I18n.t('ra_Ok')}\r\n                    </Button>\r\n                    <Button\r\n                        variant=\"contained\"\r\n                        onClick={() => this.handleCancel()}\r\n                        color=\"grey\"\r\n                        startIcon={<IconCancel />}\r\n                    >\r\n                        {this.props.cancel || I18n.t('ra_Cancel')}\r\n                    </Button>\r\n                </DialogActions>\r\n            </Dialog>\r\n        );\r\n    }\r\n}\r\n"]}

package/build/Dialogs/Error.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ */
+import React, { Component, type JSX } from 'react';
+interface DialogErrorProps {
+    title?: string;
+    text: string | React.JSX.Element | React.JSX.Element[];
+    onClose?: () => void;
+    fullWidth?: boolean;
+}
+export declare class DialogError extends Component<DialogErrorProps> {
+    handleOk(): void;
+    render(): JSX.Element;
+}
+export {};

package/build/Dialogs/Error.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ */
+// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
+import React, { Component } from 'react';
+import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';
+import { Check as IconCheck } from '@mui/icons-material';
+import { I18n } from '../i18n';
+export class DialogError extends Component {
+    handleOk() {
+        if (this.props.onClose) {
+            this.props.onClose();
+        }
+    }
+    render() {
+        return (React.createElement(Dialog, { open: !0, maxWidth: "sm", fullWidth: this.props.fullWidth !== undefined ? this.props.fullWidth : true, onClose: () => this.handleOk(), "aria-labelledby": "alert-dialog-title", "aria-describedby": "alert-dialog-description" },
+            React.createElement(DialogTitle, { id: "ar_alert_dialog_title" }, this.props.title || I18n.t('ra_Error')),
+            React.createElement(DialogContent, null,
+                React.createElement(DialogContentText, { id: "ar_alert_dialog_description" }, this.props.text || I18n.t('ra_Unknown error!'))),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { id: "ar_dialog_error_ok", variant: "contained", onClick: () => this.handleOk(), color: "primary", autoFocus: true, startIcon: React.createElement(IconCheck, null) }, I18n.t('ra_Ok')))));
+    }
+}
+//# sourceMappingURL=Error.js.map

package/build/Dialogs/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","sourceRoot":"./src/","sources":["Dialogs/Error.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,uHAAuH;AACvH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE7G,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAa/B,MAAM,OAAO,WAAY,SAAQ,SAA2B;IACxD,QAAQ;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACrB,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACzB,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,oBAAC,MAAM,IACH,IAAI,EAAE,CAAC,CAAC,EACR,QAAQ,EAAC,IAAI,EACb,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAC3E,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,qBACd,oBAAoB,sBACnB,0BAA0B;YAE3C,oBAAC,WAAW,IAAC,EAAE,EAAC,uBAAuB,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAe;YAC9F,oBAAC,aAAa;gBACV,oBAAC,iBAAiB,IAAC,EAAE,EAAC,6BAA6B,IAC9C,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAC/B,CACR;YAChB,oBAAC,aAAa;gBACV,oBAAC,MAAM,IACH,EAAE,EAAC,oBAAoB,EACvB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAC9B,KAAK,EAAC,SAAS,EACf,SAAS,QACT,SAAS,EAAE,oBAAC,SAAS,OAAG,IAEvB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CACX,CACG,CACX,CACZ,CAAC;IACN,CAAC;CACJ","sourcesContent":["/**\r\n * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>\r\n *\r\n * MIT License\r\n *\r\n */\r\n// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\r\nimport React, { Component, type JSX } from 'react';\r\n\r\nimport { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';\r\n\r\nimport { Check as IconCheck } from '@mui/icons-material';\r\n\r\nimport { I18n } from '../i18n';\r\n\r\ninterface DialogErrorProps {\r\n    /* The dialog title; default: Error (translated) */\r\n    title?: string;\r\n    /* The dialog text */\r\n    text: string | React.JSX.Element | React.JSX.Element[];\r\n    /* Close handler. */\r\n    onClose?: () => void;\r\n    /* if the dialog must be fill sized */\r\n    fullWidth?: boolean;\r\n}\r\n\r\nexport class DialogError extends Component<DialogErrorProps> {\r\n    handleOk(): void {\r\n        if (this.props.onClose) {\r\n            this.props.onClose();\r\n        }\r\n    }\r\n\r\n    render(): JSX.Element {\r\n        return (\r\n            <Dialog\r\n                open={!0}\r\n                maxWidth=\"sm\"\r\n                fullWidth={this.props.fullWidth !== undefined ? this.props.fullWidth : true}\r\n                onClose={() => this.handleOk()}\r\n                aria-labelledby=\"alert-dialog-title\"\r\n                aria-describedby=\"alert-dialog-description\"\r\n            >\r\n                <DialogTitle id=\"ar_alert_dialog_title\">{this.props.title || I18n.t('ra_Error')}</DialogTitle>\r\n                <DialogContent>\r\n                    <DialogContentText id=\"ar_alert_dialog_description\">\r\n                        {this.props.text || I18n.t('ra_Unknown error!')}\r\n                    </DialogContentText>\r\n                </DialogContent>\r\n                <DialogActions>\r\n                    <Button\r\n                        id=\"ar_dialog_error_ok\"\r\n                        variant=\"contained\"\r\n                        onClick={() => this.handleOk()}\r\n                        color=\"primary\"\r\n                        autoFocus\r\n                        startIcon={<IconCheck />}\r\n                    >\r\n                        {I18n.t('ra_Ok')}\r\n                    </Button>\r\n                </DialogActions>\r\n            </Dialog>\r\n        );\r\n    }\r\n}\r\n"]}

package/build/Dialogs/Message.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ */
+import React, { Component, type JSX } from 'react';
+interface DialogMessageProps {
+    title?: string;
+    text: string | React.JSX.Element | React.JSX.Element[];
+    onClose?: () => void;
+    fullWidth?: boolean;
+    icon?: React.JSX.Element;
+    ok?: string;
+}
+export declare class DialogMessage extends Component<DialogMessageProps> {
+    handleOk(): void;
+    render(): JSX.Element;
+}
+export {};

package/build/Dialogs/Message.js

@@ -0,0 +1,29 @@
+/**
+ * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ */
+// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
+import React, { Component } from 'react';
+import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';
+import { Close as IconClose } from '@mui/icons-material';
+import { I18n } from '../i18n';
+export class DialogMessage extends Component {
+    handleOk() {
+        if (this.props.onClose) {
+            this.props.onClose();
+        }
+    }
+    render() {
+        return (React.createElement(Dialog, { open: !0, maxWidth: "sm", fullWidth: this.props.fullWidth !== undefined ? this.props.fullWidth : true, onClose: () => this.handleOk(), "aria-labelledby": "ar_dialog_message_title", "aria-describedby": "ar_dialog_message_description" },
+            React.createElement(DialogTitle, { id: "ar_dialog_message_title" }, this.props.title || I18n.t('ra_Message')),
+            React.createElement(DialogContent, null,
+                React.createElement(DialogContentText, { id: "ar_dialog_message_description" },
+                    React.createElement("span", { style: { marginRight: this.props.icon ? 8 : 0 } }, this.props.icon || null),
+                    this.props.text)),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { id: "ar_dialog_message_ok", variant: "contained", onClick: () => this.handleOk(), color: "primary", autoFocus: true, startIcon: React.createElement(IconClose, null) }, this.props.ok || I18n.t('ra_Close')))));
+    }
+}
+//# sourceMappingURL=Message.js.map

package/build/Dialogs/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sourceRoot":"./src/","sources":["Dialogs/Message.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,uHAAuH;AACvH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE7G,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAiB/B,MAAM,OAAO,aAAc,SAAQ,SAA6B;IAC5D,QAAQ;QACJ,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACrB,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;QACzB,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,oBAAC,MAAM,IACH,IAAI,EAAE,CAAC,CAAC,EACR,QAAQ,EAAC,IAAI,EACb,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAC3E,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,qBACd,yBAAyB,sBACxB,+BAA+B;YAEhD,oBAAC,WAAW,IAAC,EAAE,EAAC,yBAAyB,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAe;YAClG,oBAAC,aAAa;gBACV,oBAAC,iBAAiB,IAAC,EAAE,EAAC,+BAA+B;oBACjD,8BAAM,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAG,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAQ;oBACtF,IAAI,CAAC,KAAK,CAAC,IAAI,CACA,CACR;YAChB,oBAAC,aAAa;gBACV,oBAAC,MAAM,IACH,EAAE,EAAC,sBAAsB,EACzB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAC9B,KAAK,EAAC,SAAS,EACf,SAAS,QACT,SAAS,EAAE,oBAAC,SAAS,OAAG,IAEvB,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAC/B,CACG,CACX,CACZ,CAAC;IACN,CAAC;CACJ","sourcesContent":["/**\r\n * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>\r\n *\r\n * MIT License\r\n *\r\n */\r\n\r\n// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\r\nimport React, { Component, type JSX } from 'react';\r\n\r\nimport { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';\r\n\r\nimport { Close as IconClose } from '@mui/icons-material';\r\n\r\nimport { I18n } from '../i18n';\r\n\r\ninterface DialogMessageProps {\r\n    /* The dialog title; default: Message (translated) */\r\n    title?: string;\r\n    /* The dialog text */\r\n    text: string | React.JSX.Element | React.JSX.Element[];\r\n    /* Close handler. */\r\n    onClose?: () => void;\r\n    /* if the dialog must be fill sized */\r\n    fullWidth?: boolean;\r\n    /* optional icon */\r\n    icon?: React.JSX.Element;\r\n    /* optional ok button text */\r\n    ok?: string;\r\n}\r\n\r\nexport class DialogMessage extends Component<DialogMessageProps> {\r\n    handleOk(): void {\r\n        if (this.props.onClose) {\r\n            this.props.onClose();\r\n        }\r\n    }\r\n\r\n    render(): JSX.Element {\r\n        return (\r\n            <Dialog\r\n                open={!0}\r\n                maxWidth=\"sm\"\r\n                fullWidth={this.props.fullWidth !== undefined ? this.props.fullWidth : true}\r\n                onClose={() => this.handleOk()}\r\n                aria-labelledby=\"ar_dialog_message_title\"\r\n                aria-describedby=\"ar_dialog_message_description\"\r\n            >\r\n                <DialogTitle id=\"ar_dialog_message_title\">{this.props.title || I18n.t('ra_Message')}</DialogTitle>\r\n                <DialogContent>\r\n                    <DialogContentText id=\"ar_dialog_message_description\">\r\n                        <span style={{ marginRight: this.props.icon ? 8 : 0 }}>{this.props.icon || null}</span>\r\n                        {this.props.text}\r\n                    </DialogContentText>\r\n                </DialogContent>\r\n                <DialogActions>\r\n                    <Button\r\n                        id=\"ar_dialog_message_ok\"\r\n                        variant=\"contained\"\r\n                        onClick={() => this.handleOk()}\r\n                        color=\"primary\"\r\n                        autoFocus\r\n                        startIcon={<IconClose />}\r\n                    >\r\n                        {this.props.ok || I18n.t('ra_Close')}\r\n                    </Button>\r\n                </DialogActions>\r\n            </Dialog>\r\n        );\r\n    }\r\n}\r\n"]}

package/build/Dialogs/SelectFile.d.ts

@@ -0,0 +1,85 @@
+import React, { type JSX } from 'react';
+import type { Connection } from '@iobroker/socket-client';
+import type { IobTheme } from '../types';
+interface DialogSelectFileProps {
+    /** where to store settings in localStorage * @property {string} [title] The dialog title; default: Please select object ID... (translated) */
+    dialogName?: string;
+    /** The dialog title; default: Please select object ID... (translated) */
+    title?: string;
+    /** Set to true to allow the selection of multiple IDs. */
+    multiSelect?: boolean;
+    /** Image prefix. Normally, admin has '../..' and the web has '../' */
+    imagePrefix?: string;
+    /** @deprecated Image prefix */
+    prefix?: string;
+    /** Show the expert button? */
+    showExpertButton?: boolean;
+    /** Language */
+    lang?: ioBroker.Languages;
+    /** Socket class */
+    socket: Connection;
+    /** Theme name. */
+    themeName?: string;
+    /** Theme type. */
+    themeType?: 'dark' | 'light';
+    /** Theme object. */
+    theme: IobTheme;
+    /** The selected IDs. */
+    selected?: string | string[];
+    /** The ok button text; default: OK (translated) */
+    ok?: string;
+    /** The cancel button text; default: Cancel (translated) */
+    cancel?: string;
+    /** If download of files enabled */
+    allowUpload?: boolean;
+    /** If download of files enabled */
+    allowDownload?: boolean;
+    /** If creation of folders enabled */
+    allowCreateFolder?: boolean;
+    /** If creation of folders enabled */
+    allowDelete?: boolean;
+    /** if tile view enabled (default true) */
+    allowView?: boolean;
+    /** Show toolbar (default true) */
+    showToolbar?: boolean;
+    /** Limit file browser to one specific objectID of type meta and the following path (like vis.0/main) */
+    limitPath?: string;
+    /** like `['png', 'svg', 'bmp', 'jpg', 'jpeg', 'gif']` */
+    filterFiles?: string[];
+    /** images, code, txt, audio, video */
+    filterByType?: 'images' | 'code' | 'txt';
+    /** allow only folder's selection */
+    selectOnlyFolders?: boolean;
+    /** Close handler that is always called when the dialog is closed. */
+    onClose: () => void;
+    /** Handler that is called when the user presses OK or by double click. */
+    onOk: (selected: string | string[] | undefined) => void;
+    /** The styling class names. */
+    filters?: Record<string, string>;
+    /** Allow switch views Table<=>Rows */
+    showViewTypeButton?: boolean;
+    /** If type selector should be shown */
+    showTypeSelector?: boolean;
+    /** If defined, allow selecting only files from this folder */
+    restrictToFolder?: string;
+    /** If restrictToFolder defined, allow selecting files outside of this folder */
+    allowNonRestricted?: boolean;
+    /** force expert mode */
+    expertMode?: boolean;
+    /** Translate function - optional */
+    t?: (text: string, ...args: any[]) => string;
+    /** The z-index of the dialog; default: 1300 */
+    zIndex?: number;
+}
+interface DialogSelectFileState {
+    selected: string[];
+}
+export declare class DialogSelectFile extends React.Component<DialogSelectFileProps, DialogSelectFileState> {
+    private readonly dialogName;
+    private readonly filters;
+    constructor(props: DialogSelectFileProps);
+    handleCancel(): void;
+    handleOk(): void;
+    render(): JSX.Element;
+}
+export {};

package/build/Dialogs/SelectFile.js

@@ -0,0 +1,115 @@
+/*
+ * Copyright 2022-2025 Denis Haev (bluefox) <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ */
+import React from 'react';
+import { Button, DialogTitle, DialogContent, DialogActions, Dialog } from '@mui/material';
+import { Cancel as IconCancel, Check as IconOk } from '@mui/icons-material';
+import { I18n } from '../i18n';
+import { FileBrowser } from '../Components/FileBrowser';
+const styles = {
+    headerID: {
+        fontWeight: 'bold',
+        fontStyle: 'italic',
+    },
+    dialog: {
+        height: '95%',
+    },
+    dialogMobile: {
+        // it is sx
+        padding: '4px',
+        width: '100%',
+        maxWidth: '100%',
+        maxHeight: 'calc(100% - 16px)',
+        height: '100%',
+    },
+    content: {
+        height: '100%',
+        overflow: 'hidden',
+    },
+    contentMobile: {
+        padding: '8px 4px',
+    },
+    titleRoot: {
+        whiteSpace: 'nowrap',
+        width: 'calc(100% - 72px)',
+        overflow: 'hidden',
+        display: 'inline-block',
+        textOverflow: 'ellipsis',
+    },
+};
+export class DialogSelectFile extends React.Component {
+    dialogName;
+    filters;
+    constructor(props) {
+        super(props);
+        this.dialogName = this.props.dialogName || 'default';
+        this.dialogName = `SelectFile.${this.dialogName}`;
+        const filters = (window._localStorage || window.localStorage).getItem(this.dialogName) || '{}';
+        try {
+            this.filters = JSON.parse(filters);
+        }
+        catch {
+            this.filters = {};
+        }
+        if (props.filters) {
+            this.filters = { ...this.filters, ...props.filters };
+        }
+        let selected = this.props.selected || [];
+        if (typeof selected !== 'object') {
+            selected = [selected];
+        }
+        else {
+            selected = [...selected];
+        }
+        selected = selected.filter(id => id);
+        this.state = {
+            selected,
+        };
+    }
+    handleCancel() {
+        this.props.onClose();
+    }
+    handleOk() {
+        this.props.onOk(this.props.multiSelect || !Array.isArray(this.state.selected)
+            ? this.state.selected
+            : this.state.selected[0] || '');
+        this.props.onClose();
+    }
+    render() {
+        let title;
+        if (this.state.selected.length) {
+            if (!Array.isArray(this.state.selected) || this.state.selected.length === 1) {
+                title = [
+                    React.createElement("span", { key: "selected" },
+                        I18n.t('ra_Selected'),
+                        "\u00A0"),
+                    React.createElement("span", { key: "id", style: styles.headerID }, this.state.selected),
+                ];
+            }
+            else {
+                title = [
+                    React.createElement("span", { key: "selected" },
+                        I18n.t('ra_Selected'),
+                        "\u00A0"),
+                    React.createElement("span", { key: "id", style: styles.headerID }, I18n.t('%s items', this.state.selected.length)),
+                ];
+            }
+        }
+        else {
+            title = this.props.title || I18n.t('ra_Please select file...');
+        }
+        return (React.createElement(Dialog, { onClose: () => { }, maxWidth: false, style: { zIndex: this.props.zIndex || undefined }, sx: { '& .MuiDialog-paper': { ...styles.dialog, ...styles.dialogMobile } }, fullWidth: true, open: !0, "aria-labelledby": "ar_dialog_selectfile_title" },
+            React.createElement(DialogTitle, { id: "ar_dialog_selectfile_title", sx: { '&.MuiDialogTitle-root': styles.titleRoot } }, title),
+            React.createElement(DialogContent, { style: { ...styles.content, ...styles.contentMobile } },
+                React.createElement(FileBrowser, { ready: true, imagePrefix: this.props.imagePrefix || this.props.prefix || '../', allowUpload: !!this.props.allowUpload, allowDownload: this.props.allowDownload !== false, allowCreateFolder: !!this.props.allowCreateFolder, allowDelete: !!this.props.allowDelete, allowView: this.props.allowView !== false, showViewTypeButton: this.props.showViewTypeButton !== false, showToolbar: this.props.showToolbar !== false, limitPath: this.props.limitPath, filterFiles: this.props.filterFiles, filterByType: this.props.filterByType, selected: this.props.selected, restrictToFolder: this.props.restrictToFolder, allowNonRestricted: this.props.allowNonRestricted, onSelect: (selected, isDoubleClick, isFolder) => {
+                        this.setState({ selected: Array.isArray(selected) ? selected : [selected] }, () => isDoubleClick && (!this.props.selectOnlyFolders || isFolder) && this.handleOk());
+                    }, t: this.props.t || I18n.t, lang: this.props.lang || I18n.getLanguage(), socket: this.props.socket, themeType: this.props.themeType, themeName: this.props.themeName, theme: this.props.theme, showExpertButton: this.props.showExpertButton, expertMode: this.props.expertMode, showTypeSelector: this.props.showTypeSelector })),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { variant: "contained", onClick: () => this.handleOk(), startIcon: React.createElement(IconOk, null), disabled: !this.state.selected.length, color: "primary" }, this.props.ok || I18n.t('ra_Ok')),
+                React.createElement(Button, { color: "grey", variant: "contained", onClick: () => this.handleCancel(), startIcon: React.createElement(IconCancel, null) }, this.props.cancel || I18n.t('ra_Cancel')))));
+    }
+}
+//# sourceMappingURL=SelectFile.js.map

package/build/Dialogs/SelectFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFile.js","sourceRoot":"./src/","sources":["Dialogs/SelectFile.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright 2022-2025 Denis Haev (bluefox) <dogafox@gmail.com>\n *\n * MIT License\n *\n */\nimport React, { type JSX } from 'react';\n\nimport { Button, DialogTitle, DialogContent, DialogActions, Dialog } from '@mui/material';\n\nimport { Cancel as IconCancel, Check as IconOk } from '@mui/icons-material';\n\nimport type { Connection } from '@iobroker/socket-client';\n\nimport { I18n } from '../i18n';\nimport { FileBrowser } from '../Components/FileBrowser';\nimport type { IobTheme } from '../types';\n\nconst styles: Record<string, React.CSSProperties> = {\n    headerID: {\n        fontWeight: 'bold',\n        fontStyle: 'italic',\n    },\n    dialog: {\n        height: '95%',\n    },\n    dialogMobile: {\n        // it is sx\n        padding: '4px',\n        width: '100%',\n        maxWidth: '100%',\n        maxHeight: 'calc(100% - 16px)',\n        height: '100%',\n    },\n    content: {\n        height: '100%',\n        overflow: 'hidden',\n    },\n    contentMobile: {\n        padding: '8px 4px',\n    },\n    titleRoot: {\n        whiteSpace: 'nowrap',\n        width: 'calc(100% - 72px)',\n        overflow: 'hidden',\n        display: 'inline-block',\n        textOverflow: 'ellipsis',\n    },\n};\n\ninterface DialogSelectFileProps {\n    /** where to store settings in localStorage * @property {string} [title] The dialog title; default: Please select object ID... (translated) */\n    dialogName?: string;\n    /** The dialog title; default: Please select object ID... (translated) */\n    title?: string;\n    /** Set to true to allow the selection of multiple IDs. */\n    multiSelect?: boolean;\n    /** Image prefix. Normally, admin has '../..' and the web has '../' */\n    imagePrefix?: string; // Prefix (default: '.')\n    /** @deprecated Image prefix */\n    prefix?: string;\n    /** Show the expert button? */\n    showExpertButton?: boolean;\n    /** Language */\n    lang?: ioBroker.Languages;\n    /** Socket class */\n    socket: Connection;\n    /** Theme name. */\n    themeName?: string;\n    /** Theme type. */\n    themeType?: 'dark' | 'light';\n    /** Theme object. */\n    theme: IobTheme;\n    /** The selected IDs. */\n    selected?: string | string[];\n    /** The ok button text; default: OK (translated) */\n    ok?: string;\n    /** The cancel button text; default: Cancel (translated) */\n    cancel?: string;\n    /** If download of files enabled */\n    allowUpload?: boolean;\n    /** If download of files enabled */\n    allowDownload?: boolean;\n    /** If creation of folders enabled */\n    allowCreateFolder?: boolean;\n    /** If creation of folders enabled */\n    allowDelete?: boolean;\n    /** if tile view enabled (default true) */\n    allowView?: boolean;\n    /** Show toolbar (default true) */\n    showToolbar?: boolean;\n    /** Limit file browser to one specific objectID of type meta and the following path (like vis.0/main) */\n    limitPath?: string;\n    /** like `['png', 'svg', 'bmp', 'jpg', 'jpeg', 'gif']` */\n    filterFiles?: string[];\n    /** images, code, txt, audio, video */\n    filterByType?: 'images' | 'code' | 'txt';\n    /** allow only folder's selection */\n    selectOnlyFolders?: boolean;\n    /** Close handler that is always called when the dialog is closed. */\n    onClose: () => void;\n    /** Handler that is called when the user presses OK or by double click. */\n    onOk: (selected: string | string[] | undefined) => void;\n    /** The styling class names. */\n    filters?: Record<string, string>;\n    /** Allow switch views Table<=>Rows */\n    showViewTypeButton?: boolean;\n    /** If type selector should be shown */\n    showTypeSelector?: boolean;\n    /** If defined, allow selecting only files from this folder */\n    restrictToFolder?: string;\n    /** If restrictToFolder defined, allow selecting files outside of this folder */\n    allowNonRestricted?: boolean;\n    /** force expert mode */\n    expertMode?: boolean;\n    /** Translate function - optional */\n    t?: (text: string, ...args: any[]) => string;\n    /** The z-index of the dialog; default: 1300 */\n    zIndex?: number;\n}\n\ninterface DialogSelectFileState {\n    selected: string[];\n}\n\nexport class DialogSelectFile extends React.Component<DialogSelectFileProps, DialogSelectFileState> {\n    private readonly dialogName: string;\n\n    private readonly filters: Record<string, string>;\n\n    constructor(props: DialogSelectFileProps) {\n        super(props);\n        this.dialogName = this.props.dialogName || 'default';\n        this.dialogName = `SelectFile.${this.dialogName}`;\n\n        const filters: string = ((window as any)._localStorage || window.localStorage).getItem(this.dialogName) || '{}';\n\n        try {\n            this.filters = JSON.parse(filters);\n        } catch {\n            this.filters = {};\n        }\n\n        if (props.filters) {\n            this.filters = { ...this.filters, ...props.filters };\n        }\n\n        let selected = this.props.selected || [];\n        if (typeof selected !== 'object') {\n            selected = [selected];\n        } else {\n            selected = [...selected];\n        }\n        selected = selected.filter(id => id);\n\n        this.state = {\n            selected,\n        };\n    }\n\n    handleCancel(): void {\n        this.props.onClose();\n    }\n\n    handleOk(): void {\n        this.props.onOk(\n            this.props.multiSelect || !Array.isArray(this.state.selected)\n                ? this.state.selected\n                : this.state.selected[0] || '',\n        );\n        this.props.onClose();\n    }\n\n    render(): JSX.Element {\n        let title;\n        if (this.state.selected.length) {\n            if (!Array.isArray(this.state.selected) || this.state.selected.length === 1) {\n                title = [\n                    <span key=\"selected\">\n                        {I18n.t('ra_Selected')}\n                        &nbsp;\n                    </span>,\n                    <span\n                        key=\"id\"\n                        style={styles.headerID}\n                    >\n                        {this.state.selected}\n                    </span>,\n                ];\n            } else {\n                title = [\n                    <span key=\"selected\">\n                        {I18n.t('ra_Selected')}\n                        &nbsp;\n                    </span>,\n                    <span\n                        key=\"id\"\n                        style={styles.headerID}\n                    >\n                        {I18n.t('%s items', this.state.selected.length)}\n                    </span>,\n                ];\n            }\n        } else {\n            title = this.props.title || I18n.t('ra_Please select file...');\n        }\n\n        return (\n            <Dialog\n                onClose={() => {}}\n                maxWidth={false}\n                style={{ zIndex: this.props.zIndex || undefined }}\n                sx={{ '& .MuiDialog-paper': { ...styles.dialog, ...styles.dialogMobile } }}\n                fullWidth\n                open={!0}\n                aria-labelledby=\"ar_dialog_selectfile_title\"\n            >\n                <DialogTitle\n                    id=\"ar_dialog_selectfile_title\"\n                    sx={{ '&.MuiDialogTitle-root': styles.titleRoot }}\n                >\n                    {title}\n                </DialogTitle>\n                <DialogContent style={{ ...styles.content, ...styles.contentMobile }}>\n                    <FileBrowser\n                        ready\n                        imagePrefix={this.props.imagePrefix || this.props.prefix || '../'} // prefix is for back compatibility\n                        allowUpload={!!this.props.allowUpload}\n                        allowDownload={this.props.allowDownload !== false}\n                        allowCreateFolder={!!this.props.allowCreateFolder}\n                        allowDelete={!!this.props.allowDelete}\n                        allowView={this.props.allowView !== false}\n                        showViewTypeButton={this.props.showViewTypeButton !== false}\n                        showToolbar={this.props.showToolbar !== false}\n                        limitPath={this.props.limitPath}\n                        filterFiles={this.props.filterFiles}\n                        filterByType={this.props.filterByType}\n                        selected={this.props.selected}\n                        restrictToFolder={this.props.restrictToFolder}\n                        allowNonRestricted={this.props.allowNonRestricted}\n                        onSelect={(selected: string | string[], isDoubleClick?: boolean, isFolder?: boolean) => {\n                            this.setState(\n                                { selected: Array.isArray(selected) ? selected : [selected] },\n                                () => isDoubleClick && (!this.props.selectOnlyFolders || isFolder) && this.handleOk(),\n                            );\n                        }}\n                        t={this.props.t || I18n.t}\n                        lang={this.props.lang || I18n.getLanguage()}\n                        socket={this.props.socket}\n                        themeType={this.props.themeType}\n                        themeName={this.props.themeName}\n                        theme={this.props.theme}\n                        showExpertButton={this.props.showExpertButton}\n                        expertMode={this.props.expertMode}\n                        showTypeSelector={this.props.showTypeSelector}\n                    />\n                </DialogContent>\n                <DialogActions>\n                    <Button\n                        variant=\"contained\"\n                        onClick={() => this.handleOk()}\n                        startIcon={<IconOk />}\n                        disabled={!this.state.selected.length}\n                        color=\"primary\"\n                    >\n                        {this.props.ok || I18n.t('ra_Ok')}\n                    </Button>\n                    <Button\n                        color=\"grey\"\n                        variant=\"contained\"\n                        onClick={() => this.handleCancel()}\n                        startIcon={<IconCancel />}\n                    >\n                        {this.props.cancel || I18n.t('ra_Cancel')}\n                    </Button>\n                </DialogActions>\n            </Dialog>\n        );\n    }\n}\n"]}

package/build/Dialogs/SelectID.d.ts

@@ -0,0 +1,102 @@
+/**
+ * Copyright 2018-2025 Denis Haev (bluefox) <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ */
+import { Component, type JSX } from 'react';
+import type { Connection } from '../Connection';
+import { type ObjectBrowserColumn, type ObjectBrowserCustomFilter } from '../Components/ObjectBrowser';
+import type { IobTheme } from '../types';
+export interface SelectIDFilters {
+    id?: string;
+    name?: string;
+    room?: string[];
+    func?: string[];
+    role?: string[];
+    type?: string[];
+    custom?: string[];
+}
+interface DialogSelectIDProps {
+    /** The internal name of the dialog; default: "default". Used to store settings in local storage */
+    dialogName?: string;
+    /** The dialog title; default: Please select object ID... (translated) */
+    title?: string;
+    /** Set to true to allow the selection of multiple IDs. */
+    multiSelect?: boolean;
+    /** Show folders before any leaves. */
+    foldersFirst?: boolean;
+    /** Path prefix for images (default: '.') */
+    imagePrefix?: string;
+    /** @deprecated same as imagePrefix */
+    prefix?: string;
+    /** Show the expert button */
+    showExpertButton?: boolean;
+    /** Force expert mode */
+    expertMode?: boolean;
+    /** optional ['name', 'type', 'role', 'room', 'func', 'val', 'buttons'] */
+    columns?: ObjectBrowserColumn[];
+    /**  Object types to show; default: 'state' only */
+    types?: ioBroker.ObjectType | ioBroker.ObjectType[];
+    /** The language. */
+    lang?: ioBroker.Languages;
+    /** The socket connection. */
+    socket: Connection;
+    /** Can't objects be edited? (default: true) */
+    notEditable?: boolean;
+    /** Theme name. */
+    themeName?: string;
+    /** Theme type: dark or light */
+    themeType?: string;
+    /** The theme object */
+    theme: IobTheme;
+    /** The date format for the date columns */
+    dateFormat?: string;
+    /** Is use comma or point for displaying of float numbers */
+    isFloatComma?: boolean;
+    /** Custom filter. */
+    customFilter?: ObjectBrowserCustomFilter;
+    /** The selected IDs. */
+    selected?: string | string[];
+    /** The ok button text; default: OK (translated) */
+    ok?: string;
+    /** The cancel button text; default: Cancel (translated) */
+    cancel?: string;
+    /** Close handler that is always called when the dialog is closed. */
+    onClose: () => void;
+    /** Handler that is called when the user presses OK. */
+    onOk: (selected: string | string[] | undefined, name: string | null) => void;
+    /**
+     * Function to filter out all unnecessary objects. Can be string or function.
+     * It cannot be used together with "types".
+     * Example for function: `obj => obj.common?.type === 'boolean'` to show only boolean states
+     * In case of string, it must look like `obj.common && obj.common.type === 'boolean'`
+     */
+    filterFunc?: string | ((obj: ioBroker.Object) => boolean);
+    /** predefined filter fields, like {"id":"","name":"","room":"","func":"","role":"level","type":"","custom":""} */
+    filters?: SelectIDFilters;
+    /** Show elements only of this root ID */
+    root?: string;
+    /** Allow selection of non-objects (virtual branches) */
+    allowNonObjects?: boolean;
+    /** Will be called by selection, so the decision could be done if the OK button is available or not */
+    onSelectConfirm?: (selected: string | string[], objects: Record<string, ioBroker.Object | null | undefined>) => Promise<boolean>;
+    /** The z-index of the dialog; default: 1300 */
+    zIndex?: number;
+}
+interface DialogSelectIDState {
+    selected: string[];
+    name: string | null;
+    selectionBlocked: boolean;
+    allLoaded?: boolean;
+}
+export declare class DialogSelectID extends Component<DialogSelectIDProps, DialogSelectIDState> {
+    private readonly dialogName;
+    private filters;
+    private readonly filterFunc?;
+    constructor(props: DialogSelectIDProps);
+    handleCancel(): void;
+    handleOk(): void;
+    render(): JSX.Element;
+}
+export {};