@iobroker/gui-components 8.0.1

package/build/Components/Router.d.ts

@@ -0,0 +1,21 @@
+import { Component } from 'react';
+export declare class Router<P = {}, S = {}> extends Component<P, S> {
+    protected onHashChangedBound: () => void;
+    constructor(props: P);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onHashChanged(): void;
+    /**
+     * Gets the location object.
+     */
+    static getLocation(): {
+        tab: string;
+        dialog: string;
+        id: string;
+        arg: string;
+    };
+    /**
+     * Navigate to a new location. Any parameters that are not set will be taken from the current location.
+     */
+    static doNavigate(tab: string | undefined | null, dialog?: string | null, id?: string | null, arg?: string | null): void;
+}

package/build/Components/Router.js

@@ -0,0 +1,77 @@
+import { Component } from 'react';
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+export class Router extends Component {
+    onHashChangedBound;
+    constructor(props) {
+        super(props);
+        this.onHashChangedBound = this.onHashChanged.bind(this);
+    }
+    componentDidMount() {
+        window.addEventListener('hashchange', this.onHashChangedBound);
+    }
+    componentWillUnmount() {
+        window.removeEventListener('hashchange', this.onHashChangedBound);
+    }
+    // eslint-disable-next-line class-methods-use-this
+    onHashChanged() {
+        // override this function
+    }
+    /**
+     * Gets the location object.
+     */
+    static getLocation() {
+        let hash = window.location.hash;
+        hash = hash.replace(/^#/, '');
+        const parts = hash.split('/').map(item => {
+            try {
+                return item ? decodeURIComponent(item) : '';
+            }
+            catch {
+                console.error(`Router: Cannot decode ${item}`);
+                return item;
+            }
+        });
+        // #tabName/dialogName/deviceId
+        return {
+            tab: parts[0] || '',
+            dialog: parts[1] || '',
+            id: parts[2] || '',
+            arg: parts[3] || '',
+        };
+    }
+    /**
+     * Navigate to a new location. Any parameters that are not set will be taken from the current location.
+     */
+    static doNavigate(tab, dialog, id, arg) {
+        let hash = '';
+        const location = Router.getLocation();
+        if (arg !== undefined && !id) {
+            id = location.id;
+        }
+        if (id && !dialog) {
+            dialog = location.dialog;
+        }
+        if (dialog && !tab) {
+            tab = location.tab;
+        }
+        else if (tab === null) {
+            tab = location.tab;
+        }
+        if (tab) {
+            hash = `#${tab}`;
+            if (dialog) {
+                hash += `/${dialog}`;
+                if (id) {
+                    hash += `/${id}`;
+                    if (arg !== undefined) {
+                        hash += `/${arg}`;
+                    }
+                }
+            }
+        }
+        if (window.location.hash !== hash) {
+            window.location.hash = hash;
+        }
+    }
+}
+//# sourceMappingURL=Router.js.map

package/build/Components/Router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.js","sourceRoot":"./src/","sources":["Components/Router.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component } from 'react';\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport class Router<P = {}, S = {}> extends Component<P, S> {\r\n    protected onHashChangedBound: () => void;\r\n\r\n    constructor(props: P) {\r\n        super(props);\r\n        this.onHashChangedBound = this.onHashChanged.bind(this);\r\n    }\r\n\r\n    componentDidMount(): void {\r\n        window.addEventListener('hashchange', this.onHashChangedBound);\r\n    }\r\n\r\n    componentWillUnmount(): void {\r\n        window.removeEventListener('hashchange', this.onHashChangedBound);\r\n    }\r\n\r\n    // eslint-disable-next-line class-methods-use-this\r\n    onHashChanged(): void {\r\n        // override this function\r\n    }\r\n\r\n    /**\r\n     * Gets the location object.\r\n     */\r\n    static getLocation(): { tab: string; dialog: string; id: string; arg: string } {\r\n        let hash = window.location.hash;\r\n        hash = hash.replace(/^#/, '');\r\n        const parts = hash.split('/').map(item => {\r\n            try {\r\n                return item ? decodeURIComponent(item) : '';\r\n            } catch {\r\n                console.error(`Router: Cannot decode ${item}`);\r\n                return item;\r\n            }\r\n        });\r\n        // #tabName/dialogName/deviceId\r\n        return {\r\n            tab: parts[0] || '',\r\n            dialog: parts[1] || '',\r\n            id: parts[2] || '',\r\n            arg: parts[3] || '',\r\n        };\r\n    }\r\n\r\n    /**\r\n     * Navigate to a new location. Any parameters that are not set will be taken from the current location.\r\n     */\r\n    static doNavigate(\r\n        tab: string | undefined | null,\r\n        dialog?: string | null,\r\n        id?: string | null,\r\n        arg?: string | null,\r\n    ): void {\r\n        let hash = '';\r\n        const location = Router.getLocation();\r\n        if (arg !== undefined && !id) {\r\n            id = location.id;\r\n        }\r\n        if (id && !dialog) {\r\n            dialog = location.dialog;\r\n        }\r\n        if (dialog && !tab) {\r\n            tab = location.tab;\r\n        } else if (tab === null) {\r\n            tab = location.tab;\r\n        }\r\n\r\n        if (tab) {\r\n            hash = `#${tab}`;\r\n            if (dialog) {\r\n                hash += `/${dialog}`;\r\n\r\n                if (id) {\r\n                    hash += `/${id}`;\r\n                    if (arg !== undefined) {\r\n                        hash += `/${arg}`;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        if (window.location.hash !== hash) {\r\n            window.location.hash = hash;\r\n        }\r\n    }\r\n}\r\n"]}

package/build/Components/SaveCloseButtons.d.ts

@@ -0,0 +1,20 @@
+import React, { type JSX } from 'react';
+import type { IobTheme } from '../types';
+interface SaveCloseButtonsProps {
+    noTextOnButtons?: boolean;
+    theme: IobTheme;
+    isIFrame?: boolean;
+    newReact?: boolean;
+    onSave: (close: boolean) => void;
+    onClose: () => void;
+    dense?: boolean;
+    paddingLeft?: number;
+    changed: boolean;
+    error?: boolean;
+}
+export declare class SaveCloseButtons extends React.Component<SaveCloseButtonsProps> {
+    private readonly isIFrame;
+    constructor(props: SaveCloseButtonsProps);
+    render(): JSX.Element;
+}
+export {};

package/build/Components/SaveCloseButtons.js

@@ -0,0 +1,65 @@
+// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined
+import React from 'react';
+import { Fab, Toolbar } from '@mui/material';
+import { Save as IconSave, Close as IconClose } from '@mui/icons-material';
+import { I18n } from '../i18n';
+const styles = {
+    buttonIcon: {
+        marginRight: 8,
+    },
+};
+export class SaveCloseButtons extends React.Component {
+    isIFrame;
+    constructor(props) {
+        super(props);
+        const newReact = props.newReact === undefined ? true : props.newReact;
+        if (props.isIFrame !== undefined) {
+            this.isIFrame = props.isIFrame;
+        }
+        else {
+            try {
+                this.isIFrame = !newReact && window.self !== window.top;
+            }
+            catch {
+                this.isIFrame = !newReact;
+            }
+        }
+    }
+    render() {
+        const noTextOnButtons = this.props.noTextOnButtons;
+        const buttonStyle = {
+            borderRadius: this.props.theme.saveToolbar.button.borderRadius || 3,
+            height: this.props.theme.saveToolbar.button.height || 32,
+        };
+        const style = {
+            bottom: this.isIFrame ? 38 : 0,
+            left: this.props.paddingLeft || 0,
+            right: 0,
+            position: 'absolute',
+            background: this.props.theme.saveToolbar.background,
+        };
+        if (this.props.dense) {
+            style.minHeight = 48;
+        }
+        if (this.props.error) {
+            buttonStyle.border = '1px solid red';
+        }
+        return (React.createElement(Toolbar
+        // position="absolute"
+        , { 
+            // position="absolute"
+            style: style },
+            React.createElement(Fab, { variant: "extended", "aria-label": "Save", disabled: !this.props.changed || this.props.error, onClick: () => this.props.onSave(false), style: buttonStyle },
+                React.createElement(IconSave, { style: !noTextOnButtons ? styles.buttonIcon : undefined }),
+                !noTextOnButtons && I18n.t('ra_Save')),
+            React.createElement(Fab, { variant: "extended", "aria-label": "Save and close", disabled: !this.props.changed || this.props.error, onClick: () => this.props.onSave(true), style: { ...buttonStyle, ...{ marginLeft: 10 } } },
+                React.createElement(IconSave, { style: !noTextOnButtons ? styles.buttonIcon : undefined }),
+                !noTextOnButtons ? I18n.t('ra_Save and close') : '+',
+                noTextOnButtons && React.createElement(IconClose, null)),
+            React.createElement("div", { style: { flexGrow: 1 } }),
+            React.createElement(Fab, { variant: "extended", "aria-label": "Close", onClick: () => this.props.onClose(), style: buttonStyle },
+                React.createElement(IconClose, { style: !noTextOnButtons ? styles.buttonIcon : undefined }),
+                !noTextOnButtons && I18n.t('ra_Close'))));
+    }
+}
+//# sourceMappingURL=SaveCloseButtons.js.map

package/build/Components/SaveCloseButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveCloseButtons.js","sourceRoot":"./src/","sources":["Components/SaveCloseButtons.tsx"],"names":[],"mappings":"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","sourcesContent":["// please do not delete React, as without it other projects could not be compiled: ReferenceError: React is not defined\r\nimport React, { type JSX } from 'react';\r\n\r\nimport { Fab, Toolbar } from '@mui/material';\r\n\r\nimport { Save as IconSave, Close as IconClose } from '@mui/icons-material';\r\n\r\nimport { I18n } from '../i18n';\r\nimport type { IobTheme } from '../types';\r\n\r\nconst styles: Record<string, React.CSSProperties> = {\r\n    buttonIcon: {\r\n        marginRight: 8,\r\n    },\r\n};\r\n\r\ninterface SaveCloseButtonsProps {\r\n    /* Are the buttons without text */\r\n    noTextOnButtons?: boolean;\r\n    /* Theme object (from this.state.theme) */\r\n    theme: IobTheme;\r\n    /* bottom position 0 or 38 for iFrame */\r\n    isIFrame?: boolean;\r\n    /* is used in new React */\r\n    newReact?: boolean;\r\n    /* on Save handler */\r\n    onSave: (close: boolean) => void;\r\n    /* on Close handler */\r\n    onClose: () => void;\r\n    dense?: boolean;\r\n    paddingLeft?: number;\r\n    changed: boolean;\r\n    error?: boolean;\r\n}\r\n\r\nexport class SaveCloseButtons extends React.Component<SaveCloseButtonsProps> {\r\n    private readonly isIFrame: boolean;\r\n\r\n    constructor(props: SaveCloseButtonsProps) {\r\n        super(props);\r\n        const newReact = props.newReact === undefined ? true : props.newReact;\r\n\r\n        if (props.isIFrame !== undefined) {\r\n            this.isIFrame = props.isIFrame;\r\n        } else {\r\n            try {\r\n                this.isIFrame = !newReact && window.self !== window.top;\r\n            } catch {\r\n                this.isIFrame = !newReact;\r\n            }\r\n        }\r\n    }\r\n\r\n    render(): JSX.Element {\r\n        const noTextOnButtons = this.props.noTextOnButtons;\r\n        const buttonStyle: React.CSSProperties = {\r\n            borderRadius: this.props.theme.saveToolbar.button.borderRadius || 3,\r\n            height: this.props.theme.saveToolbar.button.height || 32,\r\n        };\r\n\r\n        const style: React.CSSProperties = {\r\n            bottom: this.isIFrame ? 38 : 0,\r\n            left: this.props.paddingLeft || 0,\r\n            right: 0,\r\n            position: 'absolute',\r\n            background: this.props.theme.saveToolbar.background,\r\n        };\r\n        if (this.props.dense) {\r\n            style.minHeight = 48;\r\n        }\r\n\r\n        if (this.props.error) {\r\n            buttonStyle.border = '1px solid red';\r\n        }\r\n\r\n        return (\r\n            <Toolbar\r\n                // position=\"absolute\"\r\n                style={style}\r\n            >\r\n                <Fab\r\n                    variant=\"extended\"\r\n                    aria-label=\"Save\"\r\n                    disabled={!this.props.changed || this.props.error}\r\n                    onClick={() => this.props.onSave(false)}\r\n                    style={buttonStyle}\r\n                >\r\n                    <IconSave style={!noTextOnButtons ? styles.buttonIcon : undefined} />\r\n                    {!noTextOnButtons && I18n.t('ra_Save')}\r\n                </Fab>\r\n                <Fab\r\n                    variant=\"extended\"\r\n                    aria-label=\"Save and close\"\r\n                    disabled={!this.props.changed || this.props.error}\r\n                    onClick={() => this.props.onSave(true)}\r\n                    style={{ ...buttonStyle, ...{ marginLeft: 10 } }}\r\n                >\r\n                    <IconSave style={!noTextOnButtons ? styles.buttonIcon : undefined} />\r\n                    {!noTextOnButtons ? I18n.t('ra_Save and close') : '+'}\r\n                    {noTextOnButtons && <IconClose />}\r\n                </Fab>\r\n                <div style={{ flexGrow: 1 }} />\r\n                <Fab\r\n                    variant=\"extended\"\r\n                    aria-label=\"Close\"\r\n                    onClick={() => this.props.onClose()}\r\n                    style={buttonStyle}\r\n                >\r\n                    <IconClose style={!noTextOnButtons ? styles.buttonIcon : undefined} />\r\n                    {!noTextOnButtons && I18n.t('ra_Close')}\r\n                </Fab>\r\n            </Toolbar>\r\n        );\r\n    }\r\n}\r\n"]}

package/build/Components/Schedule.d.ts

@@ -0,0 +1,62 @@
+import { Component, type JSX } from 'react';
+import type { IobTheme } from '../types';
+export interface ScheduleConfig {
+    time: {
+        exactTime: boolean;
+        start: string;
+        end: string;
+        mode: string;
+        interval: number;
+    };
+    period: {
+        once: string;
+        days: number;
+        dows: string;
+        dates: string;
+        weeks: number;
+        months: string | number;
+        years: number;
+        yearMonth: number;
+        yearDate: number;
+    };
+    valid: {
+        from: string;
+        to?: string;
+    };
+}
+interface ScheduleProps {
+    schedule: string | ScheduleConfig;
+    onChange: (schedule: string, desc?: string) => void;
+    theme: IobTheme;
+}
+interface ScheduleState {
+    schedule: ScheduleConfig;
+    desc: string;
+}
+export declare class Schedule extends Component<ScheduleProps, ScheduleState> {
+    private readonly refFrom;
+    private readonly refTo;
+    private readonly refOnce;
+    private timerOnce;
+    private timerFrom;
+    private timerTo;
+    constructor(props: ScheduleProps);
+    onChange(schedule: ScheduleConfig, force?: boolean): void;
+    static state2text(schedule: string | ScheduleConfig): string;
+    getTimePeriodElements(): JSX.Element;
+    getTimeExactElements(): JSX.Element;
+    static getDivider(): JSX.Element;
+    getPeriodModes(): JSX.Element[];
+    getPeriodSettingsMinutes(fromTo: boolean): JSX.Element;
+    getPeriodSettingsWeekdays(): JSX.Element[];
+    getPeriodSettingsDaily(): JSX.Element[] | null;
+    getPeriodSettingsWeekly(): JSX.Element[] | null;
+    getPeriodSettingsDates(): JSX.Element | null;
+    getPeriodSettingsMonthly(): JSX.Element[] | null;
+    getPeriodSettingsYearly(): JSX.Element[] | null;
+    static now2string(isEnd?: boolean): string;
+    static string2date(str: string): Date;
+    getValidSettings(): JSX.Element;
+    render(): JSX.Element;
+}
+export {};