@iobroker/adapter-react-v5 7.2.4 → 7.3.0

package/{Dialogs → build/Dialogs}/Cron.d.ts

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

package/{Dialogs → build/Dialogs}/Error.d.ts

@@ -11,8 +11,8 @@ interface DialogErrorProps {
     onClose?: () => void;
     fullWidth?: boolean;
 }
-declare class DialogError extends Component<DialogErrorProps> {
+export declare class DialogError extends Component<DialogErrorProps> {
     handleOk(): void;
     render(): JSX.Element;
 }
-export default DialogError;
+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":["/**\n * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>\n *\n * MIT License\n *\n */\n// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React, { Component, type JSX } from 'react';\n\nimport { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';\n\nimport { Check as IconCheck } from '@mui/icons-material';\n\nimport { I18n } from '../i18n';\n\ninterface DialogErrorProps {\n    /* The dialog title; default: Error (translated) */\n    title?: string;\n    /* The dialog text */\n    text: string | React.JSX.Element | React.JSX.Element[];\n    /* Close handler. */\n    onClose?: () => void;\n    /* if the dialog must be fill sized */\n    fullWidth?: boolean;\n}\n\nexport class DialogError extends Component<DialogErrorProps> {\n    handleOk(): void {\n        if (this.props.onClose) {\n            this.props.onClose();\n        }\n    }\n\n    render(): JSX.Element {\n        return (\n            <Dialog\n                open={!0}\n                maxWidth=\"sm\"\n                fullWidth={this.props.fullWidth !== undefined ? this.props.fullWidth : true}\n                onClose={() => this.handleOk()}\n                aria-labelledby=\"alert-dialog-title\"\n                aria-describedby=\"alert-dialog-description\"\n            >\n                <DialogTitle id=\"ar_alert_dialog_title\">{this.props.title || I18n.t('ra_Error')}</DialogTitle>\n                <DialogContent>\n                    <DialogContentText id=\"ar_alert_dialog_description\">\n                        {this.props.text || I18n.t('ra_Unknown error!')}\n                    </DialogContentText>\n                </DialogContent>\n                <DialogActions>\n                    <Button\n                        id=\"ar_dialog_error_ok\"\n                        variant=\"contained\"\n                        onClick={() => this.handleOk()}\n                        color=\"primary\"\n                        autoFocus\n                        startIcon={<IconCheck />}\n                    >\n                        {I18n.t('ra_Ok')}\n                    </Button>\n                </DialogActions>\n            </Dialog>\n        );\n    }\n}\n"]}

package/{Dialogs → build/Dialogs}/Message.d.ts

@@ -13,8 +13,8 @@ interface DialogMessageProps {
     icon?: React.JSX.Element;
     ok?: string;
 }
-declare class DialogMessage extends Component<DialogMessageProps> {
+export declare class DialogMessage extends Component<DialogMessageProps> {
     handleOk(): void;
     render(): JSX.Element;
 }
-export default DialogMessage;
+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":["/**\n * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>\n *\n * MIT License\n *\n */\n\n// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\nimport React, { Component, type JSX } from 'react';\n\nimport { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@mui/material';\n\nimport { Close as IconClose } from '@mui/icons-material';\n\nimport { I18n } from '../i18n';\n\ninterface DialogMessageProps {\n    /* The dialog title; default: Message (translated) */\n    title?: string;\n    /* The dialog text */\n    text: string | React.JSX.Element | React.JSX.Element[];\n    /* Close handler. */\n    onClose?: () => void;\n    /* if the dialog must be fill sized */\n    fullWidth?: boolean;\n    /* optional icon */\n    icon?: React.JSX.Element;\n    /* optional ok button text */\n    ok?: string;\n}\n\nexport class DialogMessage extends Component<DialogMessageProps> {\n    handleOk(): void {\n        if (this.props.onClose) {\n            this.props.onClose();\n        }\n    }\n\n    render(): JSX.Element {\n        return (\n            <Dialog\n                open={!0}\n                maxWidth=\"sm\"\n                fullWidth={this.props.fullWidth !== undefined ? this.props.fullWidth : true}\n                onClose={() => this.handleOk()}\n                aria-labelledby=\"ar_dialog_message_title\"\n                aria-describedby=\"ar_dialog_message_description\"\n            >\n                <DialogTitle id=\"ar_dialog_message_title\">{this.props.title || I18n.t('ra_Message')}</DialogTitle>\n                <DialogContent>\n                    <DialogContentText id=\"ar_dialog_message_description\">\n                        <span style={{ marginRight: this.props.icon ? 8 : 0 }}>{this.props.icon || null}</span>\n                        {this.props.text}\n                    </DialogContentText>\n                </DialogContent>\n                <DialogActions>\n                    <Button\n                        id=\"ar_dialog_message_ok\"\n                        variant=\"contained\"\n                        onClick={() => this.handleOk()}\n                        color=\"primary\"\n                        autoFocus\n                        startIcon={<IconClose />}\n                    >\n                        {this.props.ok || I18n.t('ra_Close')}\n                    </Button>\n                </DialogActions>\n            </Dialog>\n        );\n    }\n}\n"]}

package/{Dialogs → build/Dialogs}/SelectFile.d.ts

@@ -72,7 +72,7 @@ interface DialogSelectFileProps {
 interface DialogSelectFileState {
     selected: string[];
 }
-declare class DialogSelectFile extends React.Component<DialogSelectFileProps, DialogSelectFileState> {
+export declare class DialogSelectFile extends React.Component<DialogSelectFileProps, DialogSelectFileState> {
     private readonly dialogName;
     private readonly filters;
     constructor(props: DialogSelectFileProps);
@@ -80,4 +80,4 @@ declare class DialogSelectFile extends React.Component<DialogSelectFileProps, Di
     handleOk(): void;
     render(): JSX.Element;
 }
-export default DialogSelectFile;
+export {};

package/build/Dialogs/SelectFile.js

@@ -0,0 +1,116 @@
+/*
+ * Copyright 2022-2024 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 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, 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-2024 Denis Haev (bluefox) <dogafox@gmail.com>\n *\n * MIT License\n *\n */\n// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\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}\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                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/{Dialogs → build/Dialogs}/SelectID.d.ts

@@ -5,7 +5,7 @@
  *
  */
 import { Component, type JSX } from 'react';
-import type Connection from '../Connection';
+import type { Connection } from '../Connection';
 import type { ObjectBrowserColumn, ObjectBrowserCustomFilter, ObjectBrowserType } from '../Components/types';
 import type { IobTheme } from '../types';
 export interface SelectIDFilters {
@@ -82,7 +82,7 @@ interface DialogSelectIDState {
     selected: string[];
     name: string;
 }
-declare class DialogSelectID extends Component<DialogSelectIDProps, DialogSelectIDState> {
+export declare class DialogSelectID extends Component<DialogSelectIDProps, DialogSelectIDState> {
     private readonly dialogName;
     private filters;
     private readonly filterFunc?;
@@ -91,4 +91,4 @@ declare class DialogSelectID extends Component<DialogSelectIDProps, DialogSelect
     handleOk(): void;
     render(): JSX.Element;
 }
-export default DialogSelectID;
+export {};

package/{Dialogs → build/Dialogs}/SelectID.js

@@ -1,31 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * Copyright 2018-2023 Denis Haev (bluefox) <dogafox@gmail.com>
  *
@@ -33,12 +5,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
  *
  */
 // please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const icons_material_1 = require("@mui/icons-material");
-const i18n_1 = __importDefault(require("../i18n"));
-const ObjectBrowser_1 = __importDefault(require("../Components/ObjectBrowser"));
-class DialogSelectID extends react_1.Component {
+import React, { Component } 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 { ObjectBrowser } from '../Components/ObjectBrowser';
+export class DialogSelectID extends Component {
+    dialogName;
+    filters;
+    filterFunc;
     constructor(props) {
         super(props);
         this.dialogName = this.props.dialogName || 'default';
@@ -47,11 +22,11 @@ class DialogSelectID extends react_1.Component {
         try {
             this.filters = JSON.parse(filters);
         }
-        catch (_a) {
+        catch {
             this.filters = {};
         }
         if (props.filters) {
-            this.filters = Object.assign(Object.assign({}, this.filters), (props.filters || {}));
+            this.filters = { ...this.filters, ...(props.filters || {}) };
         }
         let selected = this.props.selected || [];
         if (!Array.isArray(selected)) {
@@ -63,7 +38,7 @@ class DialogSelectID extends react_1.Component {
                 try {
                     this.filterFunc = new Function('obj', props.filterFunc);
                 }
-                catch (_b) {
+                catch {
                     console.error(`Cannot parse filter function: "obj => ${props.filterFunc}"`);
                     this.filterFunc = undefined;
                 }
@@ -89,26 +64,26 @@ class DialogSelectID extends react_1.Component {
         if (this.state.name || this.state.selected.length) {
             if (this.state.selected.length === 1) {
                 title = [
-                    react_1.default.createElement("span", { key: "selected" },
-                        i18n_1.default.t('ra_Selected'),
+                    React.createElement("span", { key: "selected" },
+                        I18n.t('ra_Selected'),
                         "\u00A0"),
-                    react_1.default.createElement("span", { key: "id", style: { fontWeight: 'bold', fontStyle: 'italic' } }, (this.state.name || this.state.selected[0]) +
+                    React.createElement("span", { key: "id", style: { fontWeight: 'bold', fontStyle: 'italic' } }, (this.state.name || this.state.selected[0]) +
                         (this.state.name ? ` [${this.state.selected[0]}]` : '')),
                 ];
             }
             else {
                 title = [
-                    react_1.default.createElement("span", { key: "selected" },
-                        i18n_1.default.t('ra_Selected'),
+                    React.createElement("span", { key: "selected" },
+                        I18n.t('ra_Selected'),
                         "\u00A0"),
-                    react_1.default.createElement("span", { key: "id", style: { fontWeight: 'bold', fontStyle: 'italic' } }, i18n_1.default.t('%s items', this.state.selected.length.toString())),
+                    React.createElement("span", { key: "id", style: { fontWeight: 'bold', fontStyle: 'italic' } }, I18n.t('%s items', this.state.selected.length.toString())),
                 ];
             }
         }
         else {
-            title = this.props.title || i18n_1.default.t('ra_Please select object ID...');
+            title = this.props.title || I18n.t('ra_Please select object ID...');
         }
-        return (react_1.default.createElement(material_1.Dialog, { onClose: () => { }, maxWidth: false, sx: {
+        return (React.createElement(Dialog, { onClose: () => { }, maxWidth: false, sx: {
                 '& .MuiDialog-paper': {
                     height: '95%',
                     p: '4px',
@@ -117,25 +92,25 @@ class DialogSelectID extends react_1.Component {
                     maxHeight: 'calc(100% - 16px)',
                 },
             }, fullWidth: true, open: !0, "aria-labelledby": "ar_dialog_selectid_title" },
-            react_1.default.createElement(material_1.DialogTitle, { id: "ar_dialog_selectid_title", style: {
+            React.createElement(DialogTitle, { id: "ar_dialog_selectid_title", style: {
                     whiteSpace: 'nowrap',
                     width: 'calc(100% - 72px)',
                     overflow: 'hidden',
                     display: 'inline-block',
                     textOverflow: 'ellipsis',
                 } }, title),
-            react_1.default.createElement(material_1.DialogContent, { style: {
+            React.createElement(DialogContent, { style: {
                     height: '100%',
                     overflow: 'hidden',
                     padding: '8px 4px',
                 } },
-                react_1.default.createElement(ObjectBrowser_1.default, { foldersFirst: this.props.foldersFirst, imagePrefix: this.props.imagePrefix || this.props.prefix, dateFormat: this.props.dateFormat, defaultFilters: this.filters, dialogName: this.dialogName, isFloatComma: this.props.isFloatComma, showExpertButton: this.props.showExpertButton !== undefined ? this.props.showExpertButton : true, expertMode: this.props.expertMode, 
+                React.createElement(ObjectBrowser, { foldersFirst: this.props.foldersFirst, imagePrefix: this.props.imagePrefix || this.props.prefix, dateFormat: this.props.dateFormat, defaultFilters: this.filters, dialogName: this.dialogName, isFloatComma: this.props.isFloatComma, showExpertButton: this.props.showExpertButton !== undefined ? this.props.showExpertButton : true, expertMode: this.props.expertMode, 
                     // style={{ width: '100%', height: '100%' }}
                     columns: this.props.columns || ['name', 'type', 'role', 'room', 'func', 'val'], types: this.props.types
                         ? Array.isArray(this.props.types)
                             ? this.props.types
                             : [this.props.types]
-                        : ['state'], root: this.props.root, t: i18n_1.default.t, lang: this.props.lang || i18n_1.default.getLanguage(), socket: this.props.socket, selected: this.state.selected, multiSelect: this.props.multiSelect, notEditable: this.props.notEditable === undefined ? true : this.props.notEditable, 
+                        : ['state'], root: this.props.root, t: I18n.t, lang: this.props.lang || I18n.getLanguage(), socket: this.props.socket, selected: this.state.selected, multiSelect: this.props.multiSelect, notEditable: this.props.notEditable === undefined ? true : this.props.notEditable, 
                     // name={this.state.name}
                     themeName: this.props.themeName, themeType: this.props.themeType, theme: this.props.theme, customFilter: this.props.customFilter, onFilterChanged: (filterConfig) => {
                         this.filters = filterConfig;
@@ -155,9 +130,9 @@ class DialogSelectID extends react_1.Component {
                             this.handleOk();
                         }
                     }, filterFunc: this.filterFunc, title: "", classes: {} })),
-            react_1.default.createElement(material_1.DialogActions, null,
-                react_1.default.createElement(material_1.Button, { id: `ar_dialog_selectid_ok_${this.props.dialogName || ''}`, variant: "contained", onClick: () => this.handleOk(), startIcon: react_1.default.createElement(icons_material_1.Check, null), disabled: !this.state.selected.length, color: "primary" }, this.props.ok || i18n_1.default.t('ra_Ok')),
-                react_1.default.createElement(material_1.Button, { id: `ar_dialog_selectid_cancel_${this.props.dialogName || ''}`, color: "grey", variant: "contained", onClick: () => this.handleCancel(), startIcon: react_1.default.createElement(icons_material_1.Cancel, null) }, this.props.cancel || i18n_1.default.t('ra_Cancel')))));
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { id: `ar_dialog_selectid_ok_${this.props.dialogName || ''}`, 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, { id: `ar_dialog_selectid_cancel_${this.props.dialogName || ''}`, color: "grey", variant: "contained", onClick: () => this.handleCancel(), startIcon: React.createElement(IconCancel, null) }, this.props.cancel || I18n.t('ra_Cancel')))));
     }
 }
-exports.default = DialogSelectID;
+//# sourceMappingURL=SelectID.js.map