@iobroker/adapter-react-v5 4.10.2 → 4.11.0

package/Components/ComplexCron.d.ts

@@ -2,7 +2,7 @@ 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").StyledComponentProps<"slider" | "appBar" | "mainDiv" | "periodSelect" | "tabContent" | "numberButton" | "numberButtonBreak"> & object>;
+}>, "classes"> & import("@mui/styles").StyledComponentProps<"mainDiv" | "periodSelect" | "slider" | "tabContent" | "numberButton" | "numberButtonBreak" | "appBar"> & object>;
 export default _default;
 import PropTypes from 'prop-types';
 import React from 'react';

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

@@ -6,7 +6,7 @@
  * */
 import React from 'react';
 import type { Connection } from '@iobroker/socket-client';
-import { Translator } from '../types';
+import { ThemeName, ThemeType, Translator } from '../types';
 export interface FileBrowserProps {
     /** The key to identify this component. */
     key?: string;
@@ -55,9 +55,9 @@ export interface FileBrowserProps {
     /** Callback for file selection. */
     onSelect?: (id: string | string[], isDoubleClick?: boolean, isFolder?: boolean) => void;
     /** Theme name */
-    themeName?: string;
+    themeName?: ThemeName;
     /** Theme type. */
-    themeType?: 'dark' | 'light';
+    themeType?: ThemeType;
     /** Padding in pixels for folder levels */
     levelPadding?: number;
     restrictToFolder?: string;

package/Components/IconSelector.d.ts

@@ -1,25 +1,31 @@
-export default IconSelector;
-declare class IconSelector extends React.Component<any, any, any> {
-    constructor(props: any);
-    state: {
-        opened: boolean;
-        names: any[];
-        filter: string;
-        icons: any;
-    };
+import React, { Component } from 'react';
+import { Translator } from '../types';
+interface IconSelectorProps {
+    icons: {
+        icon?: string;
+        src?: string;
+        href?: string;
+        name?: ioBroker.StringOrTranslated;
+        _id?: string;
+    }[];
+    onlyRooms?: boolean;
+    onlyDevices?: boolean;
+    onSelect?: (icon: string) => void;
+    onChange?: (icon: string) => void;
+    t: Translator;
+    lang: ioBroker.Languages;
+}
+interface IconSelectorState {
+    opened: boolean;
+    names: string[];
+    filter: string;
+    icons: string[] | null;
+    loading: boolean;
+    isAnyName: boolean;
+}
+declare class IconSelector extends Component<IconSelectorProps, IconSelectorState> {
+    constructor(props: IconSelectorProps);
     loadAllIcons(): void;
     render(): React.JSX.Element;
 }
-declare namespace IconSelector {
-    namespace propTypes {
-        let icons: PropTypes.Requireable<any[]>;
-        let onlyRooms: PropTypes.Requireable<boolean>;
-        let onlyDevices: PropTypes.Requireable<boolean>;
-        let onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        let onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        let t: PropTypes.Validator<(...args: any[]) => any>;
-        let lang: PropTypes.Validator<string>;
-    }
-}
-import React from 'react';
-import PropTypes from 'prop-types';
+export default IconSelector;