@iobroker/adapter-react-v5 4.10.1 → 4.10.4

package/Components/CustomModal.d.ts

@@ -1,3 +1,25 @@
-declare const _default: React.JSXElementConstructor<any>;
-export default _default;
 import React from 'react';
+interface CustomModalProps {
+    icon?: any;
+    open: boolean;
+    onClose: () => void;
+    children: React.JSX.Element | null;
+    titleButtonClose?: string;
+    titleButtonApply?: string;
+    onApply: (result: string) => void;
+    fullWidth?: boolean;
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    applyButton?: boolean;
+    applyDisabled?: boolean;
+    overflowHidden?: boolean;
+    help?: string;
+    noTranslation?: boolean;
+    toggleTranslation?: () => void;
+    title?: string;
+    progress?: boolean;
+    classes: Record<string, string>;
+    textInput?: boolean;
+    defaultValue?: string;
+}
+declare const _default: React.JSXElementConstructor<Omit<CustomModalProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
+export default _default;

package/Components/CustomModal.js

@@ -1,161 +1,93 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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;
 });
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/styles");
-var _material = require("@mui/material");
-var _iconsMaterial = require("@mui/icons-material");
-var _Utils = _interopRequireDefault(require("./Utils"));
-var _i18n = _interopRequireDefault(require("../i18n"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var styles = function styles(theme) {
-  return {
+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 });
+const react_1 = __importStar(require("react"));
+const styles_1 = require("@mui/styles");
+const material_1 = require("@mui/material");
+const icons_material_1 = require("@mui/icons-material");
+const Utils_1 = __importDefault(require("./Utils"));
+const i18n_1 = __importDefault(require("../i18n"));
+const styles = (theme) => ({
     modalDialog: {
-      minWidth: 400,
-      maxWidth: 800
+        minWidth: 400,
+        maxWidth: 800,
     },
     overflowHidden: {
-      display: 'flex',
-      overflow: 'hidden'
+        display: 'flex',
+        overflow: 'hidden',
     },
     titleIcon: {
-      marginRight: 5
+        marginRight: 5,
     },
     content: {
-      fontSize: 16
+        fontSize: 16,
     },
     languageButton: {
-      position: 'absolute',
-      right: theme.spacing(1),
-      top: theme.spacing(1)
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(1),
     },
     languageButtonActive: {
-      color: theme.palette.primary.main
-    }
-  };
-};
-var CustomModal = function CustomModal(_ref) {
-  var open = _ref.open,
-    toggleTranslation = _ref.toggleTranslation,
-    noTranslation = _ref.noTranslation,
-    title = _ref.title,
-    fullWidth = _ref.fullWidth,
-    help = _ref.help,
-    maxWidth = _ref.maxWidth,
-    progress = _ref.progress,
-    icon = _ref.icon,
-    applyDisabled = _ref.applyDisabled,
-    applyButton = _ref.applyButton,
-    classes = _ref.classes,
-    onClose = _ref.onClose,
-    children = _ref.children,
-    titleButtonApply = _ref.titleButtonApply,
-    titleButtonClose = _ref.titleButtonClose,
-    onApply = _ref.onApply,
-    textInput = _ref.textInput,
-    defaultValue = _ref.defaultValue,
-    overflowHidden = _ref.overflowHidden;
-  var _useState = (0, _react.useState)(defaultValue),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  (0, _react.useEffect)(function () {
-    setValue(defaultValue);
-  }, [defaultValue]);
-  var Icon = null;
-  if (icon) {
-    Icon = icon;
-  }
-  return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
-    open: open,
-    maxWidth: maxWidth || 'md',
-    fullWidth: !!fullWidth,
-    disableEscapeKeyDown: false,
-    onClose: onClose,
-    classes: {
-      paper: classes.modalDialog /* paper: classes.background */
-    }
-  }, title && /*#__PURE__*/_react["default"].createElement(_material.DialogTitle, null, icon ? /*#__PURE__*/_react["default"].createElement(Icon, {
-    className: classes.titleIcon
-  }) : null, title, _i18n["default"].getLanguage() !== 'en' && toggleTranslation ? /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
-    size: "large",
-    className: _Utils["default"].clsx(classes.languageButton, noTranslation && classes.languageButtonActive),
-    onClick: function onClick() {
-      return toggleTranslation();
+        color: theme.palette.primary.main,
     },
-    title: _i18n["default"].t('Disable/Enable translation')
-  }, /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Language, null)) : null), /*#__PURE__*/_react["default"].createElement(_material.DialogContent, {
-    className: _Utils["default"].clsx(overflowHidden ? classes.overflowHidden : null, classes.content),
-    style: {
-      paddingTop: 8
-    }
-  }, textInput && /*#__PURE__*/_react["default"].createElement(_material.TextField
-  // className={className}
-  , {
-    autoComplete: "off",
-    fullWidth: true,
-    autoFocus: true,
-    variant: "outlined",
-    size: "medium"
-    // rows={10}
-    ,
-    multiline: true,
-    value: value,
-    onChange: function onChange(e) {
-      return setValue(e.target.value);
+});
+const CustomModal = (props) => {
+    const { open, toggleTranslation, noTranslation, title, fullWidth, help, maxWidth, progress, icon, applyDisabled, applyButton, classes, onClose, children, titleButtonApply, titleButtonClose, onApply, textInput, defaultValue, overflowHidden, } = props;
+    const [value, setValue] = (0, react_1.useState)(defaultValue || '');
+    (0, react_1.useEffect)(() => {
+        setValue(defaultValue || '');
+    }, [defaultValue]);
+    let Icon = null;
+    if (icon) {
+        Icon = icon;
     }
-    // customValue
-  }), children, help ? /*#__PURE__*/_react["default"].createElement("div", null, help) : null), /*#__PURE__*/_react["default"].createElement(_material.DialogActions, null, applyButton && /*#__PURE__*/_react["default"].createElement(_material.Button, {
-    startIcon: /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Check, null),
-    disabled: progress || applyDisabled && defaultValue === value,
-    onClick: function onClick() {
-      return onApply(textInput ? value : '');
-    },
-    variant: "contained",
-    color: "primary"
-  }, _i18n["default"].t(titleButtonApply)), /*#__PURE__*/_react["default"].createElement(_material.Button, {
-    color: "grey",
-    onClick: onClose,
-    disabled: progress,
-    variant: "contained",
-    startIcon: /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Close, null)
-  }, _i18n["default"].t(titleButtonClose))));
-};
-CustomModal.defaultProps = {
-  open: false,
-  onApply: function onApply() {},
-  onClose: function onClose() {},
-  applyButton: true,
-  applyDisabled: false,
-  titleButtonClose: 'Cancel',
-  titleButtonApply: 'Ok',
-  overflowHidden: false,
-  help: ''
-};
-CustomModal.propTypes = {
-  icon: _propTypes["default"].object,
-  open: _propTypes["default"].bool,
-  onClose: _propTypes["default"].func,
-  children: _propTypes["default"].any,
-  titleButtonClose: _propTypes["default"].string,
-  titleButtonApply: _propTypes["default"].string,
-  onApply: _propTypes["default"].func,
-  fullWidth: _propTypes["default"].bool,
-  maxWidth: _propTypes["default"].string,
-  applyButton: _propTypes["default"].bool,
-  applyDisabled: _propTypes["default"].bool,
-  overflowHidden: _propTypes["default"].bool,
-  help: _propTypes["default"].string,
-  noTranslation: _propTypes["default"].bool,
-  toggleTranslation: _propTypes["default"].func
+    return react_1.default.createElement(material_1.Dialog, { open: open, maxWidth: maxWidth || 'md', fullWidth: !!fullWidth, disableEscapeKeyDown: false, onClose: onClose, classes: { paper: classes.modalDialog /* paper: classes.background */ } },
+        title && react_1.default.createElement(material_1.DialogTitle, null,
+            icon ? react_1.default.createElement(Icon, { className: classes.titleIcon }) : null,
+            title,
+            i18n_1.default.getLanguage() !== 'en' && toggleTranslation ? react_1.default.createElement(material_1.IconButton, { size: "large", className: Utils_1.default.clsx(classes.languageButton, noTranslation && classes.languageButtonActive), onClick: () => toggleTranslation(), title: i18n_1.default.t('Disable/Enable translation') },
+                react_1.default.createElement(icons_material_1.Language, null)) : null),
+        react_1.default.createElement(material_1.DialogContent, { className: Utils_1.default.clsx(overflowHidden ? classes.overflowHidden : null, classes.content), style: { paddingTop: 8 } },
+            textInput && react_1.default.createElement(material_1.TextField
+            // className={className}
+            , { 
+                // className={className}
+                autoComplete: "off", fullWidth: true, autoFocus: true, variant: "outlined", size: "medium", 
+                // rows={10}
+                multiline: true, value: value, onChange: e => setValue(e.target.value) }),
+            children,
+            help ? react_1.default.createElement("div", null, help) : null),
+        react_1.default.createElement(material_1.DialogActions, null,
+            applyButton !== false && react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.Check, null), disabled: progress || (applyDisabled && defaultValue === value), onClick: () => onApply(textInput ? value : ''), variant: "contained", color: "primary" }, i18n_1.default.t(titleButtonApply || 'ra_Ok')),
+            react_1.default.createElement(material_1.Button
+            // @ts-expect-error grey is valid color
+            , { 
+                // @ts-expect-error grey is valid color
+                color: "grey", onClick: onClose, disabled: progress, variant: "contained", startIcon: react_1.default.createElement(icons_material_1.Close, null) }, i18n_1.default.t(titleButtonClose || 'ra_Cancel'))));
 };
-var _default = exports["default"] = (0, _styles.withStyles)(styles)(CustomModal);
-//# sourceMappingURL=CustomModal.js.map
+exports.default = (0, styles_1.withStyles)(styles)(CustomModal);

package/Components/FileBrowser.d.ts

@@ -1,132 +1,70 @@
-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;
-        viewer: string;
-        formatEditFile: string;
-        path: any;
-        selected: any;
-        errorText: string;
-        modalEditOfAccess: boolean;
-        backgroundImage: any;
-        queueLength: number;
-        loadAllFolders: boolean;
-        fileErrors: any[];
-        filterByType: string;
-        showTypesMenu: any;
-        restrictToFolder: any;
-    };
-    imagePrefix: string;
-    levelPadding: any;
-    mounted: boolean;
-    suppressDeleteConfirm: number;
-    browseList: any[];
-    browseListRunning: boolean;
-    initialReadFinished: boolean;
-    supportSubscribes: any;
-    _tempTimeout: {};
-    loadFolders(): Promise<void>;
-    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): void;
-    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): React.JSX.Element;
-    renderBackFolder(): React.JSX.Element;
-    formatSize(size: any): React.JSX.Element;
-    formatAcl(acl: any): React.JSX.Element;
-    getFileIcon(ext: any): React.JSX.Element;
-    setStateBackgroundImage: () => void;
-    getClassBackgroundImage: () => any;
-    renderFile(item: any): React.JSX.Element;
-    renderItems(folderId: any): any;
-    renderToolbar(): React.JSX.Element;
-    findItem(id: any, folders: any): any;
-    renderInputDialog(): void | React.JSX.Element;
-    componentDidUpdate(): void;
-    setOpacityTimer: any;
-    uploadFile(fileName: any, data: any): Promise<void>;
-    findFirstFolder(id: any): any;
-    renderUpload(): React.JSX.Element[];
-    deleteRecursive(id: any): Promise<void>;
-    deleteItem(deleteItem: any): void;
-    renderDeleteDialog(): false | React.JSX.Element;
-    renderViewDialog(): React.JSX.Element;
-    renderError(): React.JSX.Element;
-    updateItemsAcl(info: any): void;
-    cacheFolders: any;
-    cacheFoldersTimeout: any;
-    changeToPath(): void;
-    renderBreadcrumb(): React.JSX.Element;
-    renderPath(): React.JSX.Element;
-    render(): React.JSX.Element;
-    foldersLoading: boolean;
-}
-declare namespace FileBrowser {
-    namespace defaultProps {
-        function modalEditOfAccessControl(): void;
-    }
-    namespace propTypes {
-        export let style: PropTypes.Requireable<object>;
-        export let className: PropTypes.Requireable<string>;
-        export let t: PropTypes.Validator<(...args: any[]) => any>;
-        export let lang: PropTypes.Validator<string>;
-        export let socket: PropTypes.Validator<object>;
-        export let ready: PropTypes.Requireable<boolean>;
-        export let expertMode: PropTypes.Requireable<boolean>;
-        export let showTypeSelector: PropTypes.Requireable<boolean>;
-        export let showToolbar: PropTypes.Requireable<boolean>;
-        export let allowUpload: PropTypes.Requireable<boolean>;
-        export let allowDownload: PropTypes.Requireable<boolean>;
-        export let allowCreateFolder: PropTypes.Requireable<boolean>;
-        export let allowDelete: PropTypes.Requireable<boolean>;
-        export let allowView: PropTypes.Requireable<boolean>;
-        export let imagePrefix: PropTypes.Requireable<string>;
-        export let showExpertButton: PropTypes.Requireable<boolean>;
-        export let viewType: PropTypes.Requireable<string>;
-        export let showViewTypeButton: PropTypes.Requireable<boolean>;
-        export let themeType: PropTypes.Requireable<string>;
-        export let restrictToFolder: PropTypes.Requireable<string>;
-        export let allowNonRestricted: PropTypes.Requireable<boolean>;
-        export let selected: PropTypes.Requireable<string>;
-        export let tileView: PropTypes.Requireable<boolean>;
-        export let filterFiles: PropTypes.Requireable<any[]>;
-        export let filterByType: PropTypes.Requireable<string>;
-        export let onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        let modalEditOfAccessControl_1: PropTypes.Requireable<(...args: any[]) => any>;
-        export { modalEditOfAccessControl_1 as modalEditOfAccessControl };
-    }
-}
+ * Copyright 2020-2024, Denis Haev <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ * */
 import React from 'react';
-import PropTypes from 'prop-types';
+import type { Connection } from '@iobroker/socket-client';
+import { ThemeName, ThemeType, Translator } from '../types';
+export interface FileBrowserProps {
+    /** The key to identify this component. */
+    key?: string;
+    /** Additional styling for this component. */
+    style?: React.CSSProperties;
+    /** The CSS class name. */
+    className?: string;
+    /** Translation function. */
+    t: Translator;
+    /** The selected language. */
+    lang: ioBroker.Languages;
+    /** The socket connection. */
+    socket: Connection;
+    /** Is the component data ready. */
+    ready?: boolean;
+    /** Is expert mode enabled? (default: false) */
+    expertMode?: boolean;
+    /** Show the toolbar? (default: false) */
+    showToolbar?: boolean;
+    /** If defined, allow selecting only files from this folder and subfolders */
+    limitPath?: string;
+    /** Allow upload of new files? (default: false) */
+    allowUpload?: boolean;
+    /** Allow download of files? (default: false) */
+    allowDownload?: boolean;
+    /** Allow creation of new folders? (default: false) */
+    allowCreateFolder?: boolean;
+    /** Allow deleting files? (default: false) */
+    allowDelete?: boolean;
+    /** Allow viewing files? (default: false) */
+    allowView?: boolean;
+    /** Prefix (default: '.') */
+    imagePrefix?: string;
+    /** Show the expert button? */
+    showExpertButton?: boolean;
+    /** Type of view */
+    viewType?: 'Table' | 'Tile';
+    /** Show the buttons to switch the view from table to tile? (default: false) */
+    showViewTypeButton?: boolean;
+    /** The ID of the selected file. */
+    selected?: string | string[];
+    /** The file extensions to show, like ['png', 'svg', 'bmp', 'jpg', 'jpeg', 'gif']. */
+    filterFiles?: string[];
+    /** The file extension categories to show. */
+    filterByType?: 'images' | 'code' | 'txt';
+    /** Callback for file selection. */
+    onSelect?: (id: string | string[], isDoubleClick?: boolean, isFolder?: boolean) => void;
+    /** Theme name */
+    themeName?: ThemeName;
+    /** Theme type. */
+    themeType?: ThemeType;
+    /** Padding in pixels for folder levels */
+    levelPadding?: number;
+    restrictToFolder?: string;
+    classes: Record<string, string>;
+    modalEditOfAccessControl?: (obj: any) => React.JSX.Element | null;
+    allowNonRestricted?: boolean;
+    showTypeSelector?: boolean;
+}
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;