@iobroker/adapter-react-v5 4.9.11 → 4.10.0

package/Dialogs/TextInput.d.ts

@@ -1,87 +1,3 @@
-export default _export;
-export type TextInputProps = {
-    /**
-     * The dialog close callback.
-     */
-    onClose: (text: string | null) => void;
-    /**
-     * The title text.
-     */
-    titleText: string;
-    /**
-     * Prompt text (default: empty).
-     */
-    promptText?: string;
-    /**
-     * Label text (default: empty).
-     */
-    labelText?: string;
-    /**
-     * The text of the cancel button.
-     */
-    cancelText: string;
-    /**
-     * The text of the apply button.
-     */
-    applyText: string;
-    /**
-     * The verification callback. Return a non-empty string if there was an error.
-     */
-    verify?: (text: string) => string;
-    /**
-     * The text replacement callback.
-     */
-    rule?: (text: string) => string;
-    /**
-     * The type of the textbox (default: text).
-     */
-    type?: 'text' | 'number' | 'password' | 'email';
-    /**
-     * The input when opening the dialog.
-     */
-    input?: string;
-};
-/** @type {typeof TextInput} */
-declare const _export: typeof TextInput;
-/**
- * @typedef {object} TextInputProps
- * @property {(text: string | null) => void} onClose The dialog close callback.
- * @property {string} titleText The title text.
- * @property {string} [promptText] Prompt text (default: empty).
- * @property {string} [labelText] Label text (default: empty).
- * @property {string} cancelText The text of the cancel button.
- * @property {string} applyText The text of the apply button.
- * @property {(text: string) => string} [verify] The verification callback. Return a non-empty string if there was an error.
- * @property {(text: string) => string} [rule] The text replacement callback.
- * @property {'text' | 'number' | 'password' | 'email'} [type] The type of the textbox (default: text).
- * @property {string} [input] The input when opening the dialog.
- *
- * @extends {React.Component<TextInputProps>}
- */
-declare class TextInput extends React.Component<TextInputProps, any, any> {
-    /**
-     * @param {Readonly<TextInputProps>} props
-     */
-    constructor(props: Readonly<TextInputProps>);
-    state: {
-        text: any;
-        error: string;
-    };
-    render(): React.JSX.Element;
-}
-declare namespace TextInput {
-    namespace propTypes {
-        let fullWidth: PropTypes.Requireable<boolean>;
-        let onClose: PropTypes.Validator<(...args: any[]) => any>;
-        let titleText: PropTypes.Validator<string>;
-        let promptText: PropTypes.Requireable<string>;
-        let labelText: PropTypes.Requireable<string>;
-        let cancelText: PropTypes.Requireable<string>;
-        let applyText: PropTypes.Requireable<string>;
-        let verify: PropTypes.Requireable<(...args: any[]) => any>;
-        let type: PropTypes.Requireable<string>;
-        let value: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/Dialogs/TextInput.js

@@ -1,132 +1,39 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _material = require("@mui/material");
-var _iconsMaterial = require("@mui/icons-material");
-var _i18n = _interopRequireDefault(require("../i18n"));
-var _withWidth = _interopRequireDefault(require("../Components/withWidth"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/**
- * @typedef {object} TextInputProps
- * @property {(text: string | null) => void} onClose The dialog close callback.
- * @property {string} titleText The title text.
- * @property {string} [promptText] Prompt text (default: empty).
- * @property {string} [labelText] Label text (default: empty).
- * @property {string} cancelText The text of the cancel button.
- * @property {string} applyText The text of the apply button.
- * @property {(text: string) => string} [verify] The verification callback. Return a non-empty string if there was an error.
- * @property {(text: string) => string} [rule] The text replacement callback.
- * @property {'text' | 'number' | 'password' | 'email'} [type] The type of the textbox (default: text).
- * @property {string} [input] The input when opening the dialog.
- *
- * @extends {React.Component<TextInputProps>}
- */
-var TextInput = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(TextInput, _React$Component);
-  /**
-   * @param {Readonly<TextInputProps>} props
-   */
-  function TextInput(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, TextInput);
-    _this = _callSuper(this, TextInput, [props]);
-    _this.state = {
-      text: _this.props.input || _this.props.value || '',
-      // input is deprecated
-      error: ''
-    };
-    return _this;
-  }
-  (0, _createClass2["default"])(TextInput, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/_react["default"].createElement(_material.Dialog, {
-        open: !0,
-        onClose: function onClose() {
-          return _this2.props.onClose(null);
-        },
-        "aria-labelledby": "form-dialog-title",
-        fullWidth: this.props.fullWidth !== undefined ? this.props.fullWidth : false
-      }, /*#__PURE__*/_react["default"].createElement(_material.DialogTitle, {
-        id: "form-dialog-title"
-      }, this.props.titleText), /*#__PURE__*/_react["default"].createElement(_material.DialogContent, null, /*#__PURE__*/_react["default"].createElement(_material.DialogContentText, null, this.props.promptText), /*#__PURE__*/_react["default"].createElement(_material.TextField, {
-        variant: "standard",
-        autoFocus: true,
-        margin: "dense",
-        error: !!this.state.error,
-        title: this.state.error,
-        value: this.state.text,
-        label: this.props.labelText || '',
-        type: this.props.type || 'text',
-        onKeyPress: function onKeyPress(e) {
-          return e.charCode === 13 && _this2.state.text && _this2.props.onClose(_this2.state.text);
-        },
-        onChange: function onChange(e) {
-          var error = '';
-          if (_this2.props.verify) {
-            error = !_this2.props.verify(e.target.value);
-          }
-          if (_this2.props.rule) {
-            _this2.setState({
-              text: _this2.props.rule(e.target.value),
-              error: error
-            });
-          } else {
-            _this2.setState({
-              text: e.target.value,
-              error: error
-            });
-          }
-        },
-        fullWidth: true
-      })), /*#__PURE__*/_react["default"].createElement(_material.DialogActions, null, /*#__PURE__*/_react["default"].createElement(_material.Button, {
-        variant: "contained",
-        disabled: !this.state.text || this.state.error,
-        onClick: function onClick() {
-          return _this2.props.onClose(_this2.state.text);
-        },
-        color: "primary",
-        startIcon: /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Check, null)
-      }, this.props.applyText || _i18n["default"].t('ra_Ok')), /*#__PURE__*/_react["default"].createElement(_material.Button, {
-        color: "grey",
-        variant: "contained",
-        onClick: function onClick() {
-          return _this2.props.onClose(null);
-        },
-        startIcon: /*#__PURE__*/_react["default"].createElement(_iconsMaterial.Close, null)
-      }, this.props.cancelText || _i18n["default"].t('ra_Cancel'))));
-    }
-  }]);
-  return TextInput;
-}(_react["default"].Component);
-TextInput.propTypes = {
-  fullWidth: _propTypes["default"].bool,
-  onClose: _propTypes["default"].func.isRequired,
-  titleText: _propTypes["default"].string.isRequired,
-  promptText: _propTypes["default"].string,
-  labelText: _propTypes["default"].string,
-  cancelText: _propTypes["default"].string,
-  applyText: _propTypes["default"].string,
-  verify: _propTypes["default"].func,
-  type: _propTypes["default"].string,
-  // text, number, password, email
-  value: _propTypes["default"].string
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-
-/** @type {typeof TextInput} */
-var _export = (0, _withWidth["default"])()(TextInput);
-var _default = exports["default"] = _export;
-//# sourceMappingURL=TextInput.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const icons_material_1 = require("@mui/icons-material");
+const i18n_1 = __importDefault(require("../i18n"));
+const withWidth_1 = __importDefault(require("../Components/withWidth"));
+function TextInput(props) {
+    const [text, setText] = react_1.default.useState(props.input || props.value || '');
+    const [error, setError] = react_1.default.useState('');
+    return react_1.default.createElement(material_1.Dialog, { open: !0, onClose: () => props.onClose(null), "aria-labelledby": "form-dialog-title", fullWidth: props.fullWidth !== undefined ? props.fullWidth : false },
+        react_1.default.createElement(material_1.DialogTitle, { id: "form-dialog-title" }, props.titleText),
+        react_1.default.createElement(material_1.DialogContent, null,
+            react_1.default.createElement(material_1.DialogContentText, null, props.promptText),
+            react_1.default.createElement(material_1.TextField, { variant: "standard", autoFocus: true, margin: "dense", error: !!error, helperText: error === true || !error ? '' : error, value: text, label: props.labelText || '', type: props.type || 'text', onKeyUp: e => e.charCode === 13 && text && props.onClose(text), onChange: e => {
+                    let _error = '';
+                    if (props.verify) {
+                        _error = !props.verify(e.target.value);
+                    }
+                    if (props.rule) {
+                        setText(props.rule(e.target.value));
+                    }
+                    else {
+                        setText(e.target.value);
+                    }
+                    setError(_error);
+                }, fullWidth: true })),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { variant: "contained", disabled: !text || !!error, onClick: () => props.onClose(text), color: "primary", startIcon: react_1.default.createElement(icons_material_1.Check, null) }, props.applyText || i18n_1.default.t('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", variant: "contained", onClick: () => props.onClose(null), startIcon: react_1.default.createElement(icons_material_1.Close, null) }, props.cancelText || i18n_1.default.t('ra_Cancel'))));
+}
+exports.default = (0, withWidth_1.default)()(TextInput);

package/LegacyConnection.d.ts

@@ -331,15 +331,15 @@ declare class Connection {
      * @param {string | { [lang in ioBroker.Languages]?: string; }} newName The new name.
      */
     renameGroup(id: string, newId: string, newName: string | {
+        pt?: string;
+        pl?: string;
+        fr?: string;
         en?: string;
         de?: string;
         ru?: string;
-        pt?: string;
         nl?: string;
-        fr?: string;
         it?: string;
         es?: string;
-        pl?: string;
         uk?: string;
         "zh-cn"?: string;
     }): Promise<void>;

package/README.md

@@ -185,9 +185,9 @@ This is a non-react class to provide the communication for socket connection wit
 
 ### GenericApp.js
 
-### i18n.js
+### i18n.ts
 
-### Theme.js
+### Theme.tsx
 
 ### Dialogs
 Some dialogs are predefined and could be used out of the box.
@@ -342,7 +342,7 @@ return (<img src={icon}/>);
 
 Usage: `
 
-#### Loader.js
+#### Loader.tsx
 ![Logo](img/loader.png)
 
 ```
@@ -670,6 +670,9 @@ socket.getObjectViewCustom('custom', 'state', 'startKey', 'endKey')
 -->
 
 ## Changelog
+### 4.10.0 (2024-03-11)
+* (bluefox) Migrated some components to typescript
+
 ### 4.9.11 (2024-03-08)
 * (foxriver76) type GenericApp socket correctly
 

package/Theme.d.ts

@@ -1,7 +1,6 @@
-export default Theme;
+import { type Theme, type ThemeName } from './types';
 /**
  * The theme creation factory function.
- * @param {string} type
- * @returns {import('./types').Theme}
  */
-declare function Theme(type: string): import('./types').Theme;
+declare const CustomTheme: (type: ThemeName) => Theme;
+export default CustomTheme;