@iobroker/adapter-react-v5 4.9.0 → 4.9.2

package/Components/CopyToClipboard.d.ts

@@ -0,0 +1,6 @@
+declare function copy(text: string, options?: {
+    debug?: boolean;
+    format?: string;
+    message?: string;
+}): boolean;
+export default copy;

package/Components/CopyToClipboard.js

@@ -0,0 +1,158 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/*
+MIT License
+
+Copyright (c) 2017 sudodoki <smd.deluzion@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+ */
+// https://github.com/sudodoki/toggle-selection/blob/gh-pages/index.js
+function deselectCurrent() {
+    const selection = document.getSelection();
+    if (!(selection === null || selection === void 0 ? void 0 : selection.rangeCount)) {
+        return () => { };
+    }
+    let active = document.activeElement;
+    const ranges = [];
+    for (let i = 0; i < selection.rangeCount; i++) {
+        ranges.push(selection.getRangeAt(i));
+    }
+    switch (active === null || active === void 0 ? void 0 : active.tagName.toUpperCase()) { // .toUpperCase handles XHTML
+        case 'INPUT':
+        case 'TEXTAREA':
+            active.blur();
+            break;
+        default:
+            active = null;
+            break;
+    }
+    selection.removeAllRanges();
+    return () => {
+        selection.type === 'Caret' &&
+            selection.removeAllRanges();
+        if (!selection.rangeCount) {
+            ranges.forEach(range => selection.addRange(range));
+        }
+        active && active.focus();
+    };
+}
+// https://github.com/sudodoki/copy-to-clipboard/blob/master/index.js
+const clipboardToIE11Formatting = {
+    'text/plain': 'Text',
+    'text/html': 'Url',
+    default: 'Text',
+};
+const defaultMessage = 'Copy to clipboard: #{key}, Enter';
+function format(message) {
+    const copyKey = `${/mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl'}+C`;
+    return message.replace(/#{\s*key\s*}/g, copyKey);
+}
+function copy(text, options) {
+    let reselectPrevious;
+    let range;
+    let selection;
+    let mark;
+    let success = false;
+    options = options || {};
+    const debug = options.debug || false;
+    try {
+        reselectPrevious = deselectCurrent();
+        range = document.createRange();
+        selection = document.getSelection();
+        mark = document.createElement('span');
+        mark.textContent = text;
+        // avoid screen readers from reading out loud the text
+        mark.ariaHidden = 'true';
+        // reset user styles for span element
+        mark.style.all = 'unset';
+        // prevents scrolling to the end of the page
+        mark.style.position = 'fixed';
+        mark.style.top = '0px';
+        mark.style.clip = 'rect(0, 0, 0, 0)';
+        // used to preserve spaces and line breaks
+        mark.style.whiteSpace = 'pre';
+        // do not inherit user-select (it may be `none`)
+        // @ts-ignore
+        mark.style.webkitUserSelect = 'text';
+        // @ts-ignore
+        mark.style.MozUserSelect = 'text';
+        // @ts-ignore
+        mark.style.msUserSelect = 'text';
+        mark.style.userSelect = 'text';
+        mark.addEventListener('copy', e => {
+            var _a, _b, _c, _d;
+            e.stopPropagation();
+            if (options === null || options === void 0 ? void 0 : options.format) {
+                e.preventDefault();
+                if (typeof e.clipboardData === 'undefined') { // IE 11
+                    debug && console.warn('unable to use e.clipboardData');
+                    debug && console.warn('trying IE specific stuff');
+                    (_a = window.clipboardData) === null || _a === void 0 ? void 0 : _a.clearData();
+                    // @ts-ignore
+                    const _format = clipboardToIE11Formatting[options.format] || clipboardToIE11Formatting.default;
+                    (_b = window.clipboardData) === null || _b === void 0 ? void 0 : _b.setData(_format, text);
+                }
+                else { // all other browsers
+                    (_c = e.clipboardData) === null || _c === void 0 ? void 0 : _c.clearData();
+                    (_d = e.clipboardData) === null || _d === void 0 ? void 0 : _d.setData(options.format, text);
+                }
+            }
+        });
+        document.body.appendChild(mark);
+        range.selectNodeContents(mark);
+        selection === null || selection === void 0 ? void 0 : selection.addRange(range);
+        const successful = document.execCommand('copy');
+        if (!successful) {
+            throw new Error('copy command was unsuccessful');
+        }
+        success = true;
+    }
+    catch (err) {
+        debug && console.error('unable to copy using execCommand: ', err);
+        debug && console.warn('trying IE specific stuff');
+        try {
+            window.clipboardData.setData(options.format || 'text', text);
+            // options.onCopy && options.onCopy((window as any).clipboardData);
+            success = true;
+        }
+        catch (error) {
+            debug && console.error('unable to copy using clipboardData: ', error);
+            debug && console.error('falling back to prompt');
+            const message = format('message' in options ? options.message || '' : defaultMessage);
+            window.prompt(message, text);
+        }
+    }
+    finally {
+        if (selection) {
+            if (range && typeof selection.removeRange === 'function') {
+                selection.removeRange(range);
+            }
+            else {
+                selection.removeAllRanges();
+            }
+        }
+        if (mark) {
+            document.body.removeChild(mark);
+        }
+        reselectPrevious && reselectPrevious();
+    }
+    return success;
+}
+exports.default = copy;

package/Components/Image.d.ts

@@ -1,64 +1,24 @@
-export default Image;
-export type ImageProps = {
-    /**
-     * The color.
-     */
+import React, { Component } from 'react';
+interface ImageProps {
     color?: string;
-    /**
-     * The source of the image.
-     */
     src?: string;
-    /**
-     * The image prefix (default: './files/')
-     */
     imagePrefix?: string;
-    /**
-     * The CSS class name.
-     */
     className?: string;
-    /**
-     * Show image errors (or just show no image)?
-     */
     showError?: boolean;
-};
-/**
- * @typedef {object} ImageProps
- * @property {string} [color] The color.
- * @property {string} [src] The source of the image.
- * @property {string} [imagePrefix] The image prefix (default: './files/')
- * @property {string} [className] The CSS class name.
- * @property {boolean} [showError] Show image errors (or just show no image)?
- *
- * @extends {React.Component<ImageProps>}
- */
-declare class Image extends React.Component<ImageProps, any, any> {
-    static getDerivedStateFromProps(props: any, state: any): {
-        src: any;
-        svg: any;
-        created: boolean;
-        color: any;
-        showError: any;
-    };
-    constructor(props: any);
-    state: {
-        svg: boolean;
-        created: boolean;
-        color: string;
-        src: string;
-        imgError: boolean;
-        showError: boolean;
-    };
-    svg: React.JSX.Element;
-    getSvgFromData(src: any): React.JSX.Element;
-    render(): React.JSX.Element;
 }
-declare namespace Image {
-    namespace propTypes {
-        let color: PropTypes.Requireable<string>;
-        let src: PropTypes.Validator<string>;
-        let className: PropTypes.Requireable<string>;
-        let imagePrefix: PropTypes.Requireable<string>;
-    }
+interface ImageState {
+    svg?: boolean;
+    created?: boolean;
+    color?: string;
+    src?: string;
+    imgError?: boolean;
+    showError?: boolean;
+}
+declare class Image extends Component<ImageProps, ImageState> {
+    private svg;
+    constructor(props: ImageProps);
+    static getDerivedStateFromProps(props: ImageProps, state: ImageState): ImageState;
+    getSvgFromData(src: string): React.JSX.Element | null;
+    render(): React.JSX.Element;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+export default Image;

package/Components/Image.js

@@ -1,174 +1,137 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _IconNoIcon = _interopRequireDefault(require("../icons/IconNoIcon"));
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+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 IconNoIcon_1 = __importDefault(require("../icons/IconNoIcon"));
 function getElementFromSource(src) {
-  var svgContainer = document.createElement('div');
-  svgContainer.innerHTML = src;
-  var svg = svgContainer.firstElementChild;
-  if (svg.remove) {
-    svg.remove();
-  } else {
-    svgContainer.removeChild(svg);
-  }
-  svgContainer.remove();
-  return svg;
+    const svgContainer = document.createElement('div');
+    svgContainer.innerHTML = src;
+    const svg = svgContainer.firstElementChild;
+    if (svg === null || svg === void 0 ? void 0 : svg.remove) {
+        svg.remove();
+    }
+    else if (svg) {
+        svgContainer.removeChild(svg);
+    }
+    svgContainer.remove();
+    return svg;
 }
 function serializeAttrs(map) {
-  var ret = {};
-  for (var prop, i = 0; i < map.length; i++) {
-    var key = map[i].name;
-    if (key === 'class') {
-      prop = 'className';
-    } else if (!key.startsWith('data-')) {
-      prop = key.replace(/[-|:]([a-z])/g, function (g) {
-        return g[1].toUpperCase();
-      });
-    } else {
-      prop = key;
+    const ret = {};
+    if (!map) {
+        return ret;
     }
-    ret[prop] = map[i].value;
-  }
-  return ret;
+    for (let prop, i = 0; i < map.length; i++) {
+        const key = map[i].name;
+        if (key === 'class') {
+            prop = 'className';
+        }
+        else if (!key.startsWith('data-')) {
+            prop = key.replace(/[-|:]([a-z])/g, g => g[1].toUpperCase());
+        }
+        else {
+            prop = key;
+        }
+        ret[prop] = map[i].value;
+    }
+    return ret;
 }
-
-/**
- * @typedef {object} ImageProps
- * @property {string} [color] The color.
- * @property {string} [src] The source of the image.
- * @property {string} [imagePrefix] The image prefix (default: './files/')
- * @property {string} [className] The CSS class name.
- * @property {boolean} [showError] Show image errors (or just show no image)?
- *
- * @extends {React.Component<ImageProps>}
- */
-var Image = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Image, _React$Component);
-  var _super = _createSuper(Image);
-  function Image(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, Image);
-    _this = _super.call(this, props);
-    _this.state = {
-      svg: !!(_this.props.src && _this.props.src.startsWith('data:')),
-      created: true,
-      color: _this.props.color || '',
-      src: _this.props.src || '',
-      imgError: false,
-      showError: _this.props.showError
-    };
-    _this.svg = _this.state.svg ? _this.getSvgFromData(_this.state.src) : null;
-    return _this;
-  }
-  (0, _createClass2["default"])(Image, [{
-    key: "getSvgFromData",
-    value: function getSvgFromData(src) {
-      var len = 'data:image/svg+xml;base64,';
-      if (!src.startsWith(len)) {
-        return null;
-      }
-      src = src.substring(len.length);
-      try {
-        src = atob(src);
-        var svg = getElementFromSource(src);
-        var inner = svg.innerHTML;
-        var svgProps = serializeAttrs(svg.attributes || []);
-        svg.remove();
-        return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
-          className: this.props.className,
-          style: this.state.color ? {
-            color: this.state.color
-          } : {}
-        }, svgProps, {
-          dangerouslySetInnerHTML: {
-            __html: inner
-          }
-        }));
-      } catch (e) {
-        // ignore
-      }
-      return null;
+class Image extends react_1.Component {
+    constructor(props) {
+        var _a;
+        super(props);
+        this.state = {
+            svg: !!((_a = this.props.src) === null || _a === void 0 ? void 0 : _a.startsWith('data:')),
+            created: true,
+            color: this.props.color || '',
+            src: this.props.src || '',
+            imgError: false,
+            showError: !!this.props.showError,
+        };
+        this.svg = this.state.svg && this.state.src ? this.getSvgFromData(this.state.src) : null;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      if (this.state.svg) {
-        if (!this.state.created) {
-          setTimeout(function () {
-            _this2.svg = _this2.getSvgFromData(_this2.state.src);
-            _this2.setState({
-              created: true
-            });
-          }, 50);
+    static getDerivedStateFromProps(props, state) {
+        var _a;
+        const newState = {};
+        let changed = false;
+        if (props && state && props.src !== state.src) {
+            newState.src = props.src;
+            newState.svg = (_a = props.src) === null || _a === void 0 ? void 0 : _a.startsWith('data:');
+            newState.created = false;
+            changed = true;
         }
-        return this.svg;
-      }
-      if (this.state.src) {
-        if (this.state.imgError || !this.state.src) {
-          return /*#__PURE__*/_react["default"].createElement(_IconNoIcon["default"], {
-            className: this.props.className
-          });
+        if (props && state && props.color !== state.color) {
+            newState.color = props.color;
+            newState.created = false;
+            changed = true;
         }
-        return /*#__PURE__*/_react["default"].createElement("img", {
-          className: this.props.className,
-          src: (this.props.imagePrefix || '') + this.state.src,
-          alt: "",
-          onError: function onError() {
-            return _this2.props.showError ? _this2.setState({
-              imgError: true
-            }) : _this2.setState({
-              src: ''
-            });
-          }
-        });
-      }
-      return null;
+        if (props && state && props.showError !== state.showError) {
+            newState.showError = props.showError;
+            changed = true;
+        }
+        return changed ? newState : null;
     }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      var newState = {};
-      var changed = false;
-      if (props && state && props.src !== state.src) {
-        newState.src = props.src;
-        newState.svg = props.src && props.src.startsWith('data:');
-        newState.created = false;
-        changed = true;
-      }
-      if (props && state && props.color !== state.color) {
-        newState.color = props.color;
-        newState.created = false;
-        changed = true;
-      }
-      if (props && state && props.showError !== state.showError) {
-        newState.showError = props.showError;
-        changed = true;
-      }
-      return changed ? newState : null;
+    getSvgFromData(src) {
+        const len = 'data:image/svg+xml;base64,';
+        if (!src.startsWith(len)) {
+            return null;
+        }
+        src = src.substring(len.length);
+        try {
+            src = atob(src);
+            const svg = getElementFromSource(src);
+            const inner = svg.innerHTML;
+            const svgProps = serializeAttrs(svg.attributes);
+            svg.remove();
+            return react_1.default.createElement("svg", Object.assign({ className: this.props.className, style: this.state.color ? { color: this.state.color } : {} }, svgProps, { dangerouslySetInnerHTML: { __html: inner } }));
+        }
+        catch (e) {
+            // ignore
+        }
+        return null;
     }
-  }]);
-  return Image;
-}(_react["default"].Component);
-Image.propTypes = {
-  color: _propTypes["default"].string,
-  src: _propTypes["default"].string.isRequired,
-  className: _propTypes["default"].string,
-  imagePrefix: _propTypes["default"].string
-};
-var _default = exports["default"] = Image;
-//# sourceMappingURL=Image.js.map
+    render() {
+        if (this.state.svg) {
+            if (!this.state.created) {
+                setTimeout(() => {
+                    this.svg = this.state.src ? this.getSvgFromData(this.state.src) : null;
+                    this.setState({ created: true });
+                }, 50);
+            }
+            return this.svg;
+        }
+        if (this.state.src) {
+            if (this.state.imgError || !this.state.src) {
+                return react_1.default.createElement(IconNoIcon_1.default, { className: this.props.className });
+            }
+            return react_1.default.createElement("img", { className: this.props.className, src: (this.props.imagePrefix || '') + this.state.src, alt: "", onError: () => (this.props.showError ? this.setState({ imgError: true }) : this.setState({ src: '' })) });
+        }
+        return null;
+    }
+}
+exports.default = Image;

package/Components/MDUtils.d.ts

@@ -1,12 +1,12 @@
-export default MDUtils;
 declare class MDUtils {
-    static text2link(text: any): any;
-    static openLink(url: any, target: any): void;
-    static getTitle(text: any): any;
-    static extractHeader(text: any): {
-        header: {};
-        body: any;
+    static text2link(text: string): string;
+    static openLink(url: string, target?: string): void;
+    static getTitle(text: string): string | number | true;
+    static extractHeader(text: string): {
+        header: Record<string, string | boolean | number>;
+        body: string;
     };
-    static removeDocsify(text: any): any;
-    static onCopy(e: any, text: any): void;
+    static removeDocsify(text: string): string;
+    static onCopy(e: Event | null, text: string): void;
 }
+export default MDUtils;