@iobroker/adapter-react-v5 3.1.23 → 3.1.26

package/Components/404.d.ts

@@ -0,0 +1,3 @@
+declare const _default: React.JSXElementConstructor<any>;
+export default _default;
+import React from "react";

package/Components/ColorPicker.d.ts

@@ -0,0 +1,138 @@
+export default _export;
+export type Rgb = {
+    /**
+     * The red component of the color (0-255).
+     */
+    r: number;
+    /**
+     * The green component of the color (0-255).
+     */
+    g: number;
+    /**
+     * The blue component of the color (0-255).
+     */
+    b: number;
+    /**
+     * The alpha component of the color (0-255).
+     */
+    a: number;
+};
+/**
+ * Definition of a color.
+ */
+export type Color = string | Rgb | {
+    rgb: Rgb;
+};
+export type ColorPickerProps = {
+    /**
+     * Set to true to disable the color picker.
+     */
+    disabled?: boolean;
+    /**
+     * The currently selected color.
+     */
+    value?: Color;
+    /**
+     * The color change callback.
+     */
+    onChange?: (rgba: string) => void;
+    /**
+     * The name.
+     */
+    name?: string;
+    /**
+     * Additional styling for this component.
+     */
+    style?: React.CSSProperties;
+    /**
+     * The CSS class name.
+     */
+    className?: string;
+    /**
+     * Open the color picker above the field?
+     */
+    openAbove?: boolean;
+};
+/** @type {typeof ColorPicker} */
+declare const _export: typeof ColorPicker;
+/**
+ * @typedef {object} Rgb
+ * @property {number} r The red component of the color (0-255).
+ * @property {number} g The green component of the color (0-255).
+ * @property {number} b The blue component of the color (0-255).
+ * @property {number} a The alpha component of the color (0-255).
+ *
+ * @typedef {string | Rgb | { rgb: Rgb }} Color Definition of a color.
+ *
+ * @typedef {object} ColorPickerProps
+ * @property {boolean} [disabled] Set to true to disable the color picker.
+ * @property {Color} [value] The currently selected color.
+ * @property {(rgba: string) => void} [onChange] The color change callback.
+ * @property {string} [name] The name.
+ * @property {React.CSSProperties} [style] Additional styling for this component.
+ * @property {string} [className] The CSS class name.
+ * @property {boolean} [openAbove] Open the color picker above the field?
+ *
+ * @extends {React.Component<ColorPickerProps>}
+ */
+declare class ColorPicker extends React.Component<ColorPickerProps, any, any> {
+    /**
+     * Get the state derived from the given properties and state.
+     * @param {{ color: Color; }} props
+     * @param {{ color: Color; }} state
+     */
+    static getDerivedStateFromProps(props: {
+        color: Color;
+    }, state: {
+        color: Color;
+    }): {
+        color: any;
+    };
+    /**
+     * Convert the given color to hex ('#rrggbb') or rgba ('rgba(r,g,b,a)') format.
+     * @param {Color} [color]
+     * @param {boolean} [isHex] The returning string should be in hex format
+     * @returns {string} the hex or rgba representation of the given color.
+     */
+    static getColor(color?: Color, isHex?: boolean): string;
+    /**
+     * Convert rgb() or rgba() format to hex format #rrggbb.
+     * @param {string} rgb
+     * @returns {string}
+     */
+    static rgb2hex(rgb: string): string;
+    /**
+     * @param {Readonly<ColorPickerProps>} props
+     */
+    constructor(props: Readonly<ColorPickerProps>);
+    state: {
+        displayColorPicker: boolean;
+        color: any;
+    };
+    /**
+     * @private
+     */
+    private handleClick;
+    /**
+     * @private
+     */
+    private handleClose;
+    /**
+     * @private
+     */
+    private handleChange;
+    render(): JSX.Element;
+}
+declare namespace ColorPicker {
+    namespace propTypes {
+        const disabled: PropTypes.Requireable<boolean>;
+        const value: PropTypes.Requireable<string>;
+        const onChange: PropTypes.Validator<(...args: any[]) => any>;
+        const name: PropTypes.Requireable<string>;
+        const style: PropTypes.Requireable<object>;
+        const className: PropTypes.Requireable<string>;
+        const openAbove: PropTypes.Requireable<boolean>;
+    }
+}
+import React from "react";
+import PropTypes from "prop-types";

package/Components/ComplexCron.d.ts

@@ -0,0 +1,8 @@
+declare const _default: React.JSXElementConstructor<Omit<PropTypes.InferProps<{
+    cronExpression: PropTypes.Requireable<string>;
+    onChange: PropTypes.Validator<(...args: any[]) => any>;
+    language: PropTypes.Requireable<string>;
+}>, "classes"> & import("@mui/styles/withStyles").StyledComponentProps<"slider" | "appBar" | "mainDiv" | "periodSelect" | "tabContent" | "numberButton" | "numberButtonBreak"> & object>;
+export default _default;
+import PropTypes from "prop-types";
+import React from "react";

package/Components/CustomModal.d.ts

@@ -0,0 +1,3 @@
+declare const _default: React.JSXElementConstructor<any>;
+export default _default;
+import React from "react";

package/Components/FileBrowser.d.ts

@@ -0,0 +1,125 @@
+export default _export;
+/** @type {typeof FileBrowser} */
+declare const _export: typeof FileBrowser;
+/**
+ * @extends {React.Component<import('./types').FileBrowserProps>}
+ */
+declare class FileBrowser extends React.Component<import("./types").FileBrowserProps, any, any> {
+    static getDerivedStateFromProps(props: any, state: any): {
+        expertMode: any;
+        loadAllFolders: boolean;
+    };
+    static getEditFile(ext: any): boolean;
+    /**
+     * @param {Readonly<import("./types").FileBrowserProps>} props
+     */
+    constructor(props: Readonly<import("./types").FileBrowserProps>);
+    limitToObjectID: any;
+    limitToPath: any;
+    state: {
+        viewType: any;
+        folders: {};
+        filterEmpty: boolean;
+        expanded: any;
+        currentDir: string;
+        expertMode: boolean;
+        addFolder: boolean;
+        uploadFile: boolean;
+        deleteItem: string;
+        marked: any[];
+        viewer: string;
+        formatEditFile: string;
+        path: any;
+        selected: any;
+        errorText: string;
+        modalEditOfAccess: boolean;
+        backgroundImage: any;
+        queueLength: number;
+        loadAllFolders: boolean;
+        allFoldersLoaded: boolean;
+        fileErrors: any[];
+    };
+    imagePrefix: string;
+    levelPadding: any;
+    mounted: boolean;
+    suppressDeleteConfirm: number;
+    browseList: any[];
+    browseListRunning: boolean;
+    initialReadFinished: boolean;
+    supportSubscribes: any;
+    _tempTimeout: {};
+    loadFolders(): any;
+    scrollToSelected(): void;
+    componentDidMount(): Promise<void>;
+    componentWillUnmount(): void;
+    browseFolders(foldersList: any, _newFolders: any, _resolve: any): any;
+    readDirSerial(adapter: any, relPath: any): Promise<any>;
+    processBrowseList(level: any): void;
+    browseFolder(folderId: any, _newFolders: any, _checkEmpty: any, force: any): any;
+    toggleFolder(item: any, e: any): any;
+    onFileChange: (id: any, fileName: any, size: any) => void;
+    changeFolder(e: any, folder: any): any;
+    lastSelect: number;
+    select(id: any, e: any, cb: any): void;
+    renderFolder(item: any, expanded: any): JSX.Element;
+    renderBackFolder(): JSX.Element;
+    formatSize(size: any): JSX.Element;
+    formatAcl(acl: any): JSX.Element;
+    getFileIcon(ext: any): JSX.Element;
+    setStateBackgroundImage: () => void;
+    getClassBackgroundImage: () => any;
+    renderFile(item: any): JSX.Element;
+    renderItems(folderId: any): any;
+    renderToolbar(): JSX.Element;
+    findItem(id: any, folders: any): any;
+    renderInputDialog(): void | JSX.Element;
+    componentDidUpdate(): void;
+    setOpacityTimer: any;
+    uploadFile(fileName: any, data: any): Promise<void>;
+    findFirstFolder(id: any): any;
+    renderUpload(): JSX.Element[];
+    deleteRecursive(id: any): Promise<void>;
+    deleteItem(deleteItem: any): void;
+    renderDeleteDialog(): false | JSX.Element;
+    renderViewDialog(): JSX.Element;
+    renderError(): JSX.Element;
+    updateItemsAcl(info: any): void;
+    changeToPath(): void;
+    renderBreadcrumb(): any;
+    renderPath(): JSX.Element;
+    render(): JSX.Element;
+    foldersLoading: boolean;
+}
+declare namespace FileBrowser {
+    namespace defaultProps {
+        function modalEditOfAccessControl(): void;
+    }
+    namespace propTypes {
+        export const style: PropTypes.Requireable<object>;
+        export const className: PropTypes.Requireable<string>;
+        export const t: PropTypes.Validator<(...args: any[]) => any>;
+        export const lang: PropTypes.Validator<string>;
+        export const socket: PropTypes.Validator<object>;
+        export const ready: PropTypes.Requireable<boolean>;
+        export const expertMode: PropTypes.Requireable<boolean>;
+        export const showToolbar: PropTypes.Requireable<boolean>;
+        export const allowUpload: PropTypes.Requireable<boolean>;
+        export const allowDownload: PropTypes.Requireable<boolean>;
+        export const allowCreateFolder: PropTypes.Requireable<boolean>;
+        export const allowDelete: PropTypes.Requireable<boolean>;
+        export const allowView: PropTypes.Requireable<boolean>;
+        export const imagePrefix: PropTypes.Requireable<string>;
+        export const showExpertButton: PropTypes.Requireable<boolean>;
+        export const viewType: PropTypes.Requireable<string>;
+        export const showViewTypeButton: PropTypes.Requireable<boolean>;
+        export const selected: PropTypes.Requireable<string>;
+        export const tileView: PropTypes.Requireable<boolean>;
+        export const filterFiles: PropTypes.Requireable<any[]>;
+        export const filterByType: PropTypes.Requireable<string>;
+        export const onSelect: PropTypes.Requireable<(...args: any[]) => any>;
+        const modalEditOfAccessControl_1: PropTypes.Requireable<(...args: any[]) => any>;
+        export { modalEditOfAccessControl_1 as modalEditOfAccessControl };
+    }
+}
+import React from "react";
+import PropTypes from "prop-types";

package/Components/FileBrowser.js

@@ -294,17 +294,32 @@ var styles = function styles(theme) {
       width: BUTTON_WIDTH,
       height: ROW_HEIGHT,
       minWidth: BUTTON_WIDTH,
-      verticalAlign: 'top',
+      verticalAlign: 'middle',
+      textAlign: 'center',
       padding: 0,
+      borderRadius: BUTTON_WIDTH / 2,
+      '&:hover': {
+        backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255, 255, 255, 0.08)' : 'rgba(0, 0, 0, 0.08)'
+      },
       '& span': {
         paddingTop: 9
       },
       '& svg': {
         width: 14,
         height: 14,
-        fontSize: '1rem'
+        fontSize: '1rem',
+        marginTop: -3,
+        verticalAlign: 'middle',
+        color: theme.palette.mode === 'dark' ? '#EEE' : '#111'
       }
     },
+    itemDownloadEmptyTable: {
+      display: 'inline-block',
+      width: BUTTON_WIDTH,
+      height: ROW_HEIGHT,
+      minWidth: BUTTON_WIDTH,
+      padding: 0
+    },
     itemAclButtonTable: {
       width: BUTTON_WIDTH,
       height: ROW_HEIGHT,
@@ -1160,7 +1175,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
       }, this.state.viewType === TABLE && this.props.expertMode ? /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes["itemDeleteButton".concat(this.state.viewType)]
       }) : null), this.state.viewType === TABLE && this.props.allowDownload ? /*#__PURE__*/_react["default"].createElement("div", {
-        className: this.props.classes["itemDownloadButton".concat(this.state.viewType)]
+        className: this.props.classes["itemDownloadEmpty".concat(this.state.viewType)]
       }) : null, this.state.viewType === TABLE && this.props.allowDelete && this.state.folders[item.id] && this.state.folders[item.id].length ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         "aria-label": "delete",
         onClick: function onClick(e) {
@@ -1238,6 +1253,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     value: function getFileIcon(ext) {
       switch (ext) {
         case 'json':
+        case 'json5':
           return /*#__PURE__*/_react["default"].createElement(_Bookmark["default"], {
             className: this.props.classes["itemIcon".concat(this.state.viewType)]
           });
@@ -1350,14 +1366,14 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
         fontSize: "small"
       })) : /*#__PURE__*/_react["default"].createElement("div", {
         className: this.props.classes["itemDeleteButton".concat(this.state.viewType)]
-      })), this.state.viewType === TABLE && this.props.allowDownload ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-        download: true,
+      })), this.state.viewType === TABLE && this.props.allowDownload ? /*#__PURE__*/_react["default"].createElement("a", {
+        className: _Utils["default"].clsx('MuiButtonBase-root', 'MuiIconButton-root', 'MuiIconButton-sizeLarge', this.props.classes.itemDownloadButtonTable),
+        tabIndex: "0",
+        download: item.id,
         href: this.imagePrefix + item.id,
-        className: this.props.classes["itemDownloadButton".concat(this.state.viewType)],
         onClick: function onClick(e) {
-          return e.stopPropagation();
-        },
-        size: "large"
+          e.stopPropagation();
+        }
       }, /*#__PURE__*/_react["default"].createElement(_SaveAlt["default"], null)) : null, this.state.viewType === TABLE && this.props.allowDelete && item.id !== 'vis.0/' && item.id !== USER_DATA ? /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         "aria-label": "delete",
         onClick: function onClick(e) {
@@ -2170,6 +2186,7 @@ var FileBrowser = /*#__PURE__*/function (_Component) {
     value: function getEditFile(ext) {
       switch (ext) {
         case 'json':
+        case 'json5':
         case 'js':
         case 'html':
         case 'txt':