@iobroker/adapter-react-v5 0.0.2

package/icons/IconOpen.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["IconOpen.js"],"names":["IconOpen","props","e","onClick","width","height","className","propTypes","PropTypes","func","oneOfType","number","string"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAAAC,KAAK,EAAI;AACtB,sBAAO;AAAK,IAAA,OAAO,EAAE,iBAAAC,CAAC;AAAA,aAAID,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACE,OAAN,CAAcD,CAAd,CAArB;AAAA,KAAf;AAAsD,IAAA,OAAO,EAAC,aAA9D;AAA4E,IAAA,KAAK,EAAC,4BAAlF;AAA+G,IAAA,KAAK,EAAED,KAAK,CAACG,KAAN,IAAe,EAArI;AAAyI,IAAA,MAAM,EAAEH,KAAK,CAACI,MAAN,IAAgBJ,KAAK,CAACG,KAAtB,IAA+B,EAAhL;AAAoL,IAAA,SAAS,EAAGH,KAAK,CAACK;AAAtM,kBACH;AAAM,IAAA,IAAI,EAAC,cAAX;AAA0B,IAAA,CAAC,EAAC;AAA5B,IADG,CAAP;AAGH,CAJD;;AAMAN,QAAQ,CAACO,SAAT,GAAqB;AACjBJ,EAAAA,OAAO,EAAEK,sBAAUC,IADF;AAEjBL,EAAAA,KAAK,EAAEI,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,MAAX,EAAmBH,sBAAUI,MAA7B,CAApB,CAFU;AAGjBP,EAAAA,MAAM,EAAEG,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,MAAX,EAAmBH,sBAAUI,MAA7B,CAApB,CAHS;AAIjBN,EAAAA,SAAS,EAAEE,sBAAUI;AAJJ,CAArB;eAOeZ,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\n// Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/\nconst IconOpen = props => {\n    return <svg onClick={e => props.onClick && props.onClick(e)} viewBox=\"0 0 650 512\" xmlns=\"http://www.w3.org/2000/svg\" width={props.width || 20} height={props.height || props.width || 20} className={ props.className }>\n        <path fill=\"currentColor\" d=\"M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z\"/>\n    </svg>;\n}\n\nIconOpen.propTypes = {\n    onClick: PropTypes.func,\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    className: PropTypes.string\n};\n\nexport default IconOpen;"],"file":"IconOpen.js"}

package/icons/IconState.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var IconState = function IconState(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    onClick: function onClick(e) {
+      return props.onClick && props.onClick(e);
+    },
+    viewBox: "0 0 320 320",
+    width: props.width || 20,
+    height: props.height || props.width || 20,
+    xmlns: "http://www.w3.org/2000/svg",
+    className: props.className
+  }, /*#__PURE__*/_react["default"].createElement("rect", _defineProperty({
+    fill: "currentColor",
+    rx: "32",
+    id: "svg_1",
+    height: "272",
+    width: "267",
+    y: "25",
+    x: "25",
+    strokeWidth: "15",
+    stroke: "currentColor"
+  }, "fill", "none")), /*#__PURE__*/_react["default"].createElement("ellipse", _defineProperty({
+    fill: "currentColor",
+    ry: "54",
+    rx: "54",
+    id: "svg_2",
+    cy: "160",
+    cx: "160",
+    fillOpacity: "null",
+    strokeOpacity: "null",
+    strokeWidth: "15",
+    stroke: "currentColor"
+  }, "fill", "#fff")));
+};
+
+IconState.propTypes = {
+  onClick: _propTypes["default"].func,
+  width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
+  height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
+  className: _propTypes["default"].string
+};
+var _default = IconState;
+exports["default"] = _default;
+//# sourceMappingURL=IconState.js.map

package/icons/IconState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["IconState.js"],"names":["IconState","props","e","onClick","width","height","className","propTypes","PropTypes","func","oneOfType","number","string"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAAAC,KAAK,EAAI;AACvB,sBAAO;AAAK,IAAA,OAAO,EAAE,iBAAAC,CAAC;AAAA,aAAID,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACE,OAAN,CAAcD,CAAd,CAArB;AAAA,KAAf;AAAsD,IAAA,OAAO,EAAC,aAA9D;AAA4E,IAAA,KAAK,EAAED,KAAK,CAACG,KAAN,IAAe,EAAlG;AAAsG,IAAA,MAAM,EAAEH,KAAK,CAACI,MAAN,IAAgBJ,KAAK,CAACG,KAAtB,IAA+B,EAA7I;AAAiJ,IAAA,KAAK,EAAC,4BAAvJ;AAAoL,IAAA,SAAS,EAAGH,KAAK,CAACK;AAAtM,kBACH;AAAM,IAAA,IAAI,EAAC,cAAX;AAA0B,IAAA,EAAE,EAAC,IAA7B;AAAkC,IAAA,EAAE,EAAC,OAArC;AAA6C,IAAA,MAAM,EAAC,KAApD;AAA0D,IAAA,KAAK,EAAC,KAAhE;AAAsE,IAAA,CAAC,EAAC,IAAxE;AAA6E,IAAA,CAAC,EAAC,IAA/E;AAAoF,IAAA,WAAW,EAAC,IAAhG;AAAqG,IAAA,MAAM,EAAC;AAA5G,aAAgI,MAAhI,EADG,eAEH;AAAS,IAAA,IAAI,EAAC,cAAd;AAA6B,IAAA,EAAE,EAAC,IAAhC;AAAqC,IAAA,EAAE,EAAC,IAAxC;AAA6C,IAAA,EAAE,EAAC,OAAhD;AAAwD,IAAA,EAAE,EAAC,KAA3D;AAAiE,IAAA,EAAE,EAAC,KAApE;AAA0E,IAAA,WAAW,EAAC,MAAtF;AAA6F,IAAA,aAAa,EAAC,MAA3G;AAAkH,IAAA,WAAW,EAAC,IAA9H;AAAmI,IAAA,MAAM,EAAC;AAA1I,aAA8J,MAA9J,EAFG,CAAP;AAIH,CALD;;AAOAN,SAAS,CAACO,SAAV,GAAsB;AAClBJ,EAAAA,OAAO,EAAEK,sBAAUC,IADD;AAElBL,EAAAA,KAAK,EAAEI,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,MAAX,EAAmBH,sBAAUI,MAA7B,CAApB,CAFW;AAGlBP,EAAAA,MAAM,EAAEG,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,MAAX,EAAmBH,sBAAUI,MAA7B,CAApB,CAHU;AAIlBN,EAAAA,SAAS,EAAEE,sBAAUI;AAJH,CAAtB;eAOeZ,S","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst IconState = props => {\n    return <svg onClick={e => props.onClick && props.onClick(e)} viewBox=\"0 0 320 320\" width={props.width || 20} height={props.height || props.width || 20} xmlns=\"http://www.w3.org/2000/svg\" className={ props.className }>\n        <rect fill=\"currentColor\" rx=\"32\" id=\"svg_1\" height=\"272\" width=\"267\" y=\"25\" x=\"25\" strokeWidth=\"15\" stroke=\"currentColor\" fill=\"none\"/>\n        <ellipse fill=\"currentColor\" ry=\"54\" rx=\"54\" id=\"svg_2\" cy=\"160\" cx=\"160\" fillOpacity=\"null\" strokeOpacity=\"null\" strokeWidth=\"15\" stroke=\"currentColor\" fill=\"#fff\"/>\n    </svg>;\n}\n\nIconState.propTypes = {\n    onClick: PropTypes.func,\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    className: PropTypes.string\n};\n\nexport default IconState;"],"file":"IconState.js"}

package/index.css

@@ -0,0 +1,55 @@
+/**
+ * Copyright 2018-2020 bluefox <dogafox@gmail.com>
+ *
+ * MIT License
+ *
+ **/
+
+html {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+}
+
+/* scrollbar */
+::-webkit-scrollbar-track {
+    background-color: #ccc;
+    border-radius: 5px;
+}
+
+::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+    background-color: #ccc;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: #575757;
+    border-radius: 5px;
+}
+
+#root {
+    height: 100%;
+}
+
+.App {
+    height: 100%;
+}
+
+@keyframes glow {
+    from {
+        background-color: initial;
+    }
+    to {
+        background-color: #58c458;
+    }
+}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@iobroker/adapter-react-v5",
+  "version": "0.0.2",
+  "description": "React classes to develop admin interfaces for ioBroker with react.",
+  "author": {
+    "name": "bluefox",
+    "email": "dogafox@gmail.com"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {},
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ioBroker/adapter-react-v5.git"
+  },
+  "keywords": [
+    "iobroker",
+    "adapter",
+    "iot"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ioBroker/adapter-react-v5/issues"
+  },
+  "homepage": "https://github.com/ioBroker/adapter-react-v5#readme",
+  "devDependencies": {},
+  "dependencies": {
+    "@sentry/browser": "^6.17.2",
+    "@sentry/integrations": "^6.17.2",
+    "@emotion/react": "^11.8.1",
+    "@emotion/styled": "^11.8.1",
+    "@mui/icons-material": "^5.4.2",
+    "@mui/material": "^5.4.3",
+    "@mui/styles": "^5.4.2",
+    "react-color": "^2.19.3",
+    "react-colorful": "^5.5.1",
+    "react-dropzone": "^11.5.1",
+    "react-inlinesvg": "^2.3.0",
+    "@types/iobroker": "^3.3.4"
+  }
+}

package/types.d.ts

@@ -0,0 +1,84 @@
+import {Theme as MuiTheme} from "@mui/material/styles";
+
+export type Translator = (key: string, arg1?: any, arg2?: any, arg3?: any) => string;
+
+export interface ConnectionProps {
+    /** The socket name. */
+    name?: string;
+    /** State IDs to always automatically subscribe to. */
+    autoSubscribes?: string[];
+    /** Automatically subscribe to logging. */
+    autoSubscribeLog?: boolean;
+    /** The protocol to use for the socket.io connection. */
+    protocol?: string;
+    /** The host name to use for the socket.io connection. */
+    host?: string;
+    /** The port to use for the socket.io connection. */
+    port?: string | number;
+    /** The socket.io connection timeout. */
+    ioTimeout?: number;
+    /** Flag to indicate if all objects should be loaded or not. Default true (not loaded) */
+    doNotLoadAllObjects?: boolean;
+    /** Flag to indicate if AccessControlList for current user will be loaded or not. Default true (not loaded) */
+    doNotLoadACL?: boolean;
+    /** Progress callback. */
+    onProgress?: (progress: number) => void;
+    /** Ready callback. */
+    onReady?: (objects: Record<string, ioBroker.Object>) => void;
+    /** Log callback. */
+    onLog?: (text: string) => void;
+    /** Error callback. */
+    onError?: (error: any) => void;
+    /** Object change callback. */
+    onObjectChange?: ioBroker.ObjectChangeHandler;
+    /** Language callback */
+    onLanguage?: (lang: ioBroker.Languages) => void;
+}
+
+export interface OldObject {
+    _id: string;
+    type: string;
+}
+
+export type ObjectChangeHandler = (id: string, obj: ioBroker.Object | null | undefined, oldObj: OldObject) => void | Promise<void>;
+
+export interface GenericAppProps {
+    /** The name of the adapter. */
+    adapterName?: string;
+    /** Should the bottom buttons be shown (default: true). */
+    bottomButtons?: boolean;
+    /** Additional translations. */
+    translations?: { [lang in ioBroker.Languages]?: Record<string, string>; };
+    /** Fields that should be encrypted/decrypted. */
+    encryptedFields?: string[];
+    /** Socket.io configuration. */
+    socket?: ConnectionProps;
+}
+
+export interface GenericAppSettings extends GenericAppProps {
+    /** Don't load all objects on start-up. */
+    doNotLoadAllObjects?: boolean;
+}
+
+export interface GenericAppState {
+    selectedTab: string;
+    selectedTabNum: number;
+    native: ioBroker.AdapterConfig;
+    errorText: string | JSX.Element;
+    changed: boolean;
+    connected: boolean;
+    loaded: boolean;
+    isConfigurationError: string;
+    toast: string;
+    theme: Theme;
+    themeName: string;
+    themeType: string;
+    bottomButtons: boolean;
+    width: Width;
+}
+
+export type Width = ('xs' | 'sm' | 'md' | 'lg' | 'xl');
+
+export interface Theme extends MuiTheme {
+    name: string;
+}