@iobroker/json-config 7.0.1 → 7.0.2

package/build/JsonConfigComponent/ConfigStaticHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigStaticHeader.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigStaticHeader.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;IACrB,MAAM,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACtC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;QACzC,OAAO,EAAE,gBAAgB;QACzB,YAAY,EAAE,CAAC;QACf,cAAc,EAAE,CAAC;QACjB,gBAAgB,EAAE,CAAC;KACtB;CACJ,CAAC,CAAC;AAEH,MAAM,kBAAmB,SAAQ,aAAa;IAC1C,UAAU;QACN,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC/C,KAAK,GAAG;gBACJ,OAAO,4BAAI,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,IAC1C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CACrE,CAAC;YAEV,KAAK,GAAG;gBACJ,OAAO,4BAAI,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,IAC1C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CACrE,CAAC;YAEV,KAAK,GAAG;gBACJ,OAAO,4BAAI,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,IAC1C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CACrE,CAAC;YAEV,KAAK,GAAG;gBACJ,OAAO,4BAAI,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,IAC1C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CACrE,CAAC;YAEV,KAAK,GAAG,CAAC;YACT;gBACI,OAAO,4BAAI,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,IAC1C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CACrE,CAAC;QACd,CAAC;IACL,CAAC;CACJ;AAED,kBAAkB,CAAC,SAAS,GAAG;IAC3B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACnC,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACjC,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;CAC3B,CAAC;AAEF,eAAe,UAAU,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"ConfigStaticHeader.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigStaticHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAKpC,OAAO,aAAa,EAAE,EAAoD,MAAM,iBAAiB,CAAC;AAElG,MAAM,MAAM,GAAwB;IAChC,MAAM,EAAE,CAAC,KAAe,EAAE,EAAE,CAAC,CAAC;QAC1B,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QACtC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;QACzC,OAAO,EAAE,gBAAgB;QACzB,YAAY,EAAE,KAAK;QACnB,cAAc,EAAE,CAAC;QACjB,gBAAgB,EAAE,CAAC;KACtB,CAAC;CACL,CAAC;AAMF,MAAM,kBAAmB,SAAQ,aAA4D;IACzF,UAAU,EAAC,oDAAoD;QAC3D,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC;YAC/C,KAAK,GAAG;gBACJ,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAC,IAAI,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM,IACvC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CACpE,CAAC;YAEX,KAAK,GAAG;gBACJ,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAC,IAAI,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM,IACvC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CACpE,CAAC;YAEX,KAAK,GAAG;gBACJ,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAC,IAAI,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM,IACvC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CACpE,CAAC;YAEX,KAAK,GAAG;gBACJ,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAC,IAAI,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM,IACvC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CACpE,CAAC;YAEX,KAAK,GAAG,CAAC;YACT;gBACI,OAAO,oBAAC,GAAG,IAAC,SAAS,EAAC,IAAI,EAAC,EAAE,EAAE,MAAM,CAAC,MAAM,IACvC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CACpE,CAAC;QACf,CAAC;IACL,CAAC;CACJ;AAED,eAAe,kBAAkB,CAAC"}

package/build/JsonConfigComponent/ConfigStaticImage.d.ts

@@ -1,14 +1,10 @@
-declare const _default: React.JSXElementConstructor<Omit<Pick<import("./ConfigGeneric").ConfigGenericProps, keyof import("./ConfigGeneric").ConfigGenericProps> & Pick<PropTypes.InferProps<{
-    socket: PropTypes.Validator<object>;
-    themeType: PropTypes.Requireable<string>;
-    themeName: PropTypes.Requireable<string>;
-    style: PropTypes.Requireable<object>;
-    className: PropTypes.Requireable<string>;
-    data: PropTypes.Validator<object>;
-    schema: PropTypes.Requireable<object>;
-    onError: PropTypes.Requireable<(...args: any[]) => any>;
-    onChange: PropTypes.Requireable<(...args: any[]) => any>;
-}>, "style"> & Pick<import("./ConfigGeneric").ConfigGenericProps, "DeviceManager" | "adapterName" | "alive" | "arrayIndex" | "attr" | "changeLanguage" | "changed" | "classes" | "commandRunning" | "common" | "custom" | "customObj" | "customs" | "dateFormat" | "disabled" | "forceUpdate" | "globalData" | "imagePrefix" | "index" | "instance" | "instanceObj" | "isFloatComma" | "isParentTab" | "multiEdit" | "onCommandRunning" | "originalData" | "registerOnForceUpdate" | "systemConfig" | "table">, "classes"> & import("@mui/styles").StyledComponentProps<"fullWidth"> & object>;
-export default _default;
-import PropTypes from 'prop-types';
 import React from 'react';
+import type { ConfigItemStaticImage } from '#JC/types';
+import ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';
+interface ConfigInstanceSelectProps extends ConfigGenericProps {
+    schema: ConfigItemStaticImage;
+}
+declare class ConfigStaticImage extends ConfigGeneric<ConfigInstanceSelectProps, ConfigGenericState> {
+    renderItem(): React.JSX.Element;
+}
+export default ConfigStaticImage;

package/build/JsonConfigComponent/ConfigStaticImage.js

@@ -1,15 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@mui/styles';
-import ConfigGeneric from './ConfigGeneric';
-const styles = () => ({
-    fullWidth: {
-        height: '100%',
-        width: '100%',
-    },
-});
+import ConfigGeneric, {} from './ConfigGeneric';
 class ConfigStaticImage extends ConfigGeneric {
-    renderItem() {
+    renderItem( /* error: string, disabled: boolean, defaultValue */) {
         let src = this.props.schema.src;
         if (src && !src.startsWith('.') &&
             !src.startsWith('http') &&
@@ -18,19 +10,8 @@ class ConfigStaticImage extends ConfigGeneric {
             src = `adapter/${this.props.adapterName}/${src}`;
         }
         // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-        return React.createElement("img", { className: this.props.classes.fullWidth, src: src, style: this.props.schema.href ? { cursor: 'pointer' } : {}, onClick: this.props.schema.href ? () => this.props.schema.href && window.open(this.props.schema.href, '_blank') : null, alt: "" });
+        return React.createElement("img", { src: src, style: { cursor: this.props.schema.href ? 'pointer' : undefined, width: '100%', height: '100%' }, onClick: this.props.schema.href ? () => this.props.schema.href && window.open(this.props.schema.href, '_blank') : null, alt: "" });
     }
 }
-ConfigStaticImage.propTypes = {
-    socket: PropTypes.object.isRequired,
-    themeType: PropTypes.string,
-    themeName: PropTypes.string,
-    style: PropTypes.object,
-    className: PropTypes.string,
-    data: PropTypes.object.isRequired,
-    schema: PropTypes.object,
-    onError: PropTypes.func,
-    onChange: PropTypes.func,
-};
-export default withStyles(styles)(ConfigStaticImage);
+export default ConfigStaticImage;
 //# sourceMappingURL=ConfigStaticImage.js.map

package/build/JsonConfigComponent/ConfigStaticImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigStaticImage.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigStaticImage.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,CAAC;IAClB,SAAS,EAAE;QACP,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KAChB;CACJ,CAAC,CAAC;AAEH,MAAM,iBAAkB,SAAQ,aAAa;IACzC,UAAU;QACN,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAChC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC;YAC3B,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;YACvB,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC;YACrD,CAAC,GAAG,CAAC,UAAU,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,EACzD,CAAC;YACC,GAAG,GAAG,WAAW,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,GAAG,EAAE,CAAC;QACrD,CAAC;QAED,2EAA2E;QAC3E,OAAO,6BACH,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EACvC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAC1D,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EACtH,GAAG,EAAC,EAAE,GACR,CAAC;IACP,CAAC;CACJ;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC1B,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACnC,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;IACjC,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;CAC3B,CAAC;AAEF,eAAe,UAAU,CAAC,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"ConfigStaticImage.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigStaticImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,aAAa,EAAE,EAAoD,MAAM,iBAAiB,CAAC;AAMlG,MAAM,iBAAkB,SAAQ,aAA4D;IACxF,UAAU,EAAC,oDAAoD;QAC3D,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAChC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC;YAC3B,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC;YACvB,CAAC,GAAG,CAAC,UAAU,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC;YACrD,CAAC,GAAG,CAAC,UAAU,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,EACzD,CAAC;YACC,GAAG,GAAG,WAAW,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,GAAG,EAAE,CAAC;QACrD,CAAC;QAED,2EAA2E;QAC3E,OAAO,6BACH,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAChG,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,EACtH,GAAG,EAAC,EAAE,GACR,CAAC;IACP,CAAC;CACJ;AAED,eAAe,iBAAiB,CAAC"}

package/build/JsonConfigComponent/ConfigStaticText.d.ts

@@ -1,14 +1,10 @@
-declare const _default: React.JSXElementConstructor<Omit<Pick<import("./ConfigGeneric").ConfigGenericProps, keyof import("./ConfigGeneric").ConfigGenericProps> & Pick<PropTypes.InferProps<{
-    socket: PropTypes.Validator<object>;
-    themeType: PropTypes.Requireable<string>;
-    themeName: PropTypes.Requireable<string>;
-    style: PropTypes.Requireable<object>;
-    className: PropTypes.Requireable<string>;
-    data: PropTypes.Validator<object>;
-    schema: PropTypes.Requireable<object>;
-    onError: PropTypes.Requireable<(...args: any[]) => any>;
-    onChange: PropTypes.Requireable<(...args: any[]) => any>;
-}>, "style"> & Pick<import("./ConfigGeneric").ConfigGenericProps, "DeviceManager" | "adapterName" | "alive" | "arrayIndex" | "attr" | "changeLanguage" | "changed" | "classes" | "commandRunning" | "common" | "custom" | "customObj" | "customs" | "dateFormat" | "disabled" | "forceUpdate" | "globalData" | "imagePrefix" | "index" | "instance" | "instanceObj" | "isFloatComma" | "isParentTab" | "multiEdit" | "onCommandRunning" | "originalData" | "registerOnForceUpdate" | "systemConfig" | "table">, "classes"> & import("@mui/styles").StyledComponentProps<"fullWidth" | "link"> & object>;
-export default _default;
-import PropTypes from 'prop-types';
 import React from 'react';
+import type { ConfigItemStaticText } from '#JC/types';
+import ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';
+interface ConfigInstanceSelectProps extends ConfigGenericProps {
+    schema: ConfigItemStaticText;
+}
+declare class ConfigStaticText extends ConfigGeneric<ConfigInstanceSelectProps, ConfigGenericState> {
+    renderItem(error: string, disabled: boolean): React.JSX.Element;
+}
+export default ConfigStaticText;

package/build/JsonConfigComponent/ConfigStaticText.js

@@ -1,25 +1,23 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@mui/styles';
-import { Button } from '@mui/material';
+import { Box, Button } from '@mui/material';
 import { Utils } from '@iobroker/adapter-react-v5';
-import ConfigGeneric from './ConfigGeneric';
-const styles = theme => ({
+import ConfigGeneric, {} from './ConfigGeneric';
+const styles = {
     fullWidth: {
         height: '100%',
         width: '100%',
     },
-    link: {
+    link: (theme) => ({
         textDecoration: 'underline',
         color: theme.palette.mode === 'dark' ? '#4dabf5' : '#254e72',
         cursor: 'pointer',
-    },
-});
+    }),
+};
 class ConfigStaticText extends ConfigGeneric {
-    renderItem(error, disabled) {
+    renderItem(error, disabled /* , defaultValue */) {
         if (this.props.schema.button) {
             const icon = this.getIcon();
-            return React.createElement(Button, { variant: this.props.schema.variant || undefined, color: this.props.schema.color || 'grey', className: this.props.classes.fullWidth, disabled: disabled, startIcon: icon, onClick: this.props.schema.href ? () => {
+            return React.createElement(Button, { variant: this.props.schema.variant || undefined, color: this.props.schema.color || 'grey', style: styles.fullWidth, disabled: disabled, startIcon: icon, onClick: this.props.schema.href ? () => {
                     // calculate one more time just before call
                     const href = this.props.schema.href ? this.getText(this.props.schema.href, true) : null;
                     href && window.open(href, '_blank');
@@ -29,23 +27,12 @@ class ConfigStaticText extends ConfigGeneric {
         if (text && (text.includes('<a ') || text.includes('<br') || text.includes('<b>') || text.includes('<i>'))) {
             text = Utils.renderTextWithA(text);
         }
-        return React.createElement("span", { className: this.props.schema.href ? this.props.classes.link : '', onClick: this.props.schema.href ? () => {
+        return React.createElement(Box, { component: "span", sx: this.props.schema.href ? styles.link : undefined, onClick: this.props.schema.href ? () => {
                 // calculate one more time just before call
                 const href = this.props.schema.href ? this.getText(this.props.schema.href, true) : null;
                 href && window.open(href, '_blank');
             } : null }, text);
     }
 }
-ConfigStaticText.propTypes = {
-    socket: PropTypes.object.isRequired,
-    themeType: PropTypes.string,
-    themeName: PropTypes.string,
-    style: PropTypes.object,
-    className: PropTypes.string,
-    data: PropTypes.object.isRequired,
-    schema: PropTypes.object,
-    onError: PropTypes.func,
-    onChange: PropTypes.func,
-};
-export default withStyles(styles)(ConfigStaticText);
+export default ConfigStaticText;
 //# sourceMappingURL=ConfigStaticText.js.map

package/build/JsonConfigComponent/ConfigStaticText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigStaticText.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigStaticText.jsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConfigStaticText.js","sourceRoot":"./src/","sources":["JsonConfigComponent/ConfigStaticText.tsx"],"names":[],"mappings":"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"}

package/build/JsonConfigComponent/ConfigTable.d.ts

@@ -1,8 +1,59 @@
 import React from 'react';
 import type { ConfigItemTable } from '#JC/types';
-import { type ConfigGenericProps } from './ConfigGeneric';
+import ConfigGeneric, { type ConfigGenericProps, type ConfigGenericState } from './ConfigGeneric';
 interface ConfigTableProps extends ConfigGenericProps {
     schema: ConfigItemTable;
 }
-declare const _default: React.JSXElementConstructor<Omit<ConfigTableProps, "classes"> & import("@mui/styles").StyledComponentProps<string> & object>;
-export default _default;
+interface ConfigTableState extends ConfigGenericState {
+    value: Record<string, any>[];
+    visibleValue: number[] | null;
+    orderBy: string;
+    order: 'asc' | 'desc';
+    iteration: number;
+    filterOn: string[];
+    errorMessage: string;
+    showImportDialog: boolean;
+    showTypeOfImportDialog: Record<string, any>[] | false;
+    instanceObj: ioBroker.InstanceObject;
+    customObj: Record<string, any>;
+    uploadFile: boolean | 'dragging';
+    icon: boolean;
+}
+declare class ConfigTable extends ConfigGeneric<ConfigTableProps, ConfigTableState> {
+    private readonly filterRefs;
+    private typingTimer;
+    private secret;
+    constructor(props: ConfigTableProps);
+    /**
+     * React lifecycle hook, called once as component is mounted
+     */
+    componentDidMount(): Promise<void>;
+    componentWillUnmount(): void;
+    itemTable(attrItem: string, data: Record<string, any>, idx: number): React.JSX.Element;
+    /**
+     * Validate that columns configured in `uniqueColumns` have unique values
+     */
+    validateUniqueProps(): void;
+    static descendingComparator(a: Record<string, any>, b: Record<string, any>, orderBy: string): number;
+    static getComparator(order: 'desc' | 'asc', orderBy: string): (a: Record<string, any>, b: Record<string, any>) => number;
+    static getFilterValue(el: React.RefObject<HTMLInputElement>): string;
+    static setFilterValue(el: React.RefObject<HTMLInputElement>, filterValue: string): string;
+    handleRequestSort: (property: string, orderCheck?: boolean) => void;
+    stableSort: (order: "desc" | "asc", orderBy: string) => Record<string, any>[];
+    enhancedTableHead(buttonsWidth: number, doAnyFilterSet: boolean): React.JSX.Element;
+    onDelete: (index: number) => () => void;
+    onExport(): void;
+    onImport(text: string): void;
+    onClone: (index: number) => () => void;
+    onChangeWrapper: (newValue: Record<string, any>[], updateVisible?: boolean) => void;
+    onAdd: () => void;
+    isAnyFilterSet(): boolean;
+    applyFilter: (clear?: boolean, value?: Record<string, any>[], cb?: () => void) => void;
+    onMoveUp(idx: number): void;
+    onMoveDown(idx: number): void;
+    onDrop(acceptedFiles: File[]): void;
+    showTypeOfImportDialog(): React.JSX.Element;
+    showImportDialog(): React.JSX.Element;
+    renderItem(): React.JSX.Element;
+}
+export default ConfigTable;

package/build/JsonConfigComponent/ConfigTable.js

@@ -1,14 +1,13 @@
 import React, { createRef } from 'react';
-import { /* lighten, */ withStyles } from '@mui/styles';
 import Dropzone from 'react-dropzone';
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle, IconButton, InputAdornment, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TextField, Toolbar, Tooltip, Typography, FormHelperText, } from '@mui/material';
 import { Add as AddIcon, Delete as DeleteIcon, Close as CloseIcon, ArrowUpward as UpIcon, ArrowDownward as DownIcon, FilterAlt as IconFilterOn, FilterAltOff as IconFilterOff, ContentCopy as CopyContentIcon, Download as ExportIcon, Warning as ErrorIcon, UploadFile as ImportIcon, Close as IconClose, } from '@mui/icons-material';
-import { Utils, I18n } from '@iobroker/adapter-react-v5';
+import { I18n } from '@iobroker/adapter-react-v5';
 import ConfigGeneric, {} from './ConfigGeneric';
 // eslint-disable-next-line import/no-cycle
 import ConfigPanel from './ConfigPanel';
 const MAX_SIZE = 1024 * 1024; // 1MB
-const styles = (theme) => ({
+const styles = {
     fullWidth: {
         width: '100%',
     },
@@ -17,7 +16,7 @@ const styles = (theme) => ({
     },
     paper: {
         width: '100%',
-        marginBottom: theme.spacing(2),
+        marginBottom: 16,
         backgroundColor: 'rgba(255, 255, 255, 0.1)',
     },
     headerText: {
@@ -41,21 +40,21 @@ const styles = (theme) => ({
         display: 'flex',
         justifyContent: 'space-between',
     },
-    highlight: theme.palette.mode === 'light'
-        ? {
-            color: theme.palette.secondary.main,
-            // backgroundColor: lighten(theme.palette.secondary.light, 0.85),
-        }
-        : {
-            color: theme.palette.text.primary,
-            backgroundColor: theme.palette.secondary.dark,
-        },
+    // highlight: (theme: IobTheme) => (theme.palette.mode === 'light'
+    //     ? {
+    //         color: theme.palette.secondary.main,
+    //         // backgroundColor: lighten(theme.palette.secondary.light, 0.85),
+    //     }
+    //     : {
+    //         color: theme.palette.text.primary,
+    //         backgroundColor: theme.palette.secondary.dark,
+    //     }),
     title: {
         flex: '1 1 100%',
     },
     rootTool: {
-        paddingLeft: theme.spacing(2),
-        paddingRight: theme.spacing(1),
+        paddingLeft: 16,
+        paddingRight: 8,
     },
     silver: {
         opacity: 0.2,
@@ -141,7 +140,10 @@ const styles = (theme) => ({
         border: '2px solid red',
         boxSizing: 'border-box',
     },
-});
+    tooltip: {
+        pointerEvents: 'none',
+    },
+};
 function objectToArray(object, nameOfFirstAttr, nameOfSecondAttr) {
     nameOfFirstAttr = nameOfFirstAttr || 'key';
     const array = [];
@@ -258,7 +260,7 @@ class ConfigTable extends ConfigGeneric {
                 [attrItem]: schemaForAttribute,
             },
         };
-        return React.createElement(ConfigPanel, { index: idx + this.state.iteration, arrayIndex: idx, changed: this.props.changed, globalData: this.props.data, socket: this.props.socket, adapterName: this.props.adapterName, instance: this.props.instance, common: this.props.common, alive: this.props.alive, themeType: this.props.themeType, themeName: this.props.themeName, data: data, table: true, custom: true, schema: schemaItem, systemConfig: this.props.systemConfig, dateFormat: this.props.dateFormat, isFloatComma: this.props.isFloatComma, imagePrefix: this.props.imagePrefix, onCommandRunning: this.props.onCommandRunning, forceUpdate: this.props.forceUpdate, originalData: this.props.originalData, customs: this.props.customs, onChange: (attr, valueChange) => {
+        return React.createElement(ConfigPanel, { index: idx + this.state.iteration, arrayIndex: idx, changed: this.props.changed, globalData: this.props.data, socket: this.props.socket, adapterName: this.props.adapterName, instance: this.props.instance, common: this.props.common, alive: this.props.alive, themeType: this.props.themeType, themeName: this.props.themeName, data: data, table: true, custom: true, schema: schemaItem, systemConfig: this.props.systemConfig, dateFormat: this.props.dateFormat, isFloatComma: this.props.isFloatComma, imagePrefix: this.props.imagePrefix, onCommandRunning: this.props.onCommandRunning, forceUpdate: this.props.forceUpdate, originalData: this.props.originalData, customs: this.props.customs, theme: this.props.theme, onChange: (attr, valueChange) => {
                 const newObj = JSON.parse(JSON.stringify(value));
                 newObj[idx][attr] = valueChange;
                 this.setState({ value: newObj }, () => {
@@ -336,17 +338,17 @@ class ConfigTable extends ConfigGeneric {
         return stabilizedThis.map(el => el.el);
     };
     enhancedTableHead(buttonsWidth, doAnyFilterSet) {
-        const { schema, classes } = this.props;
+        const { schema } = this.props;
         const { order, orderBy } = this.state;
         return React.createElement(TableHead, null,
             React.createElement(TableRow, null,
                 schema.items && schema.items.map((headCell, i) => React.createElement(TableCell, { style: { width: typeof headCell.width === 'string' && headCell.width.endsWith('%') ? headCell.width : headCell.width }, key: `${headCell.attr}_${i}`, align: "left", sortDirection: orderBy === headCell.attr ? order : false },
-                    React.createElement("div", { className: classes.flex, style: schema.showFirstAddOnTop ? { flexDirection: 'column' } : undefined },
-                        !i && !schema.noDelete ? React.createElement(Tooltip, { title: doAnyFilterSet ? I18n.t('ra_Cannot add items with set filter') : I18n.t('ra_Add row') },
+                    React.createElement("div", { style: { ...styles.flex, ...(schema.showFirstAddOnTop ? { flexDirection: 'column' } : undefined) } },
+                        !i && !schema.noDelete ? React.createElement(Tooltip, { title: doAnyFilterSet ? I18n.t('ra_Cannot add items with set filter') : I18n.t('ra_Add row'), componentsProps: { popper: { sx: styles.tooltip } } },
                             React.createElement("span", null,
                                 React.createElement(IconButton, { size: "small", color: "primary", disabled: !!doAnyFilterSet && !this.props.schema.allowAddByFilter, onClick: this.onAdd },
                                     React.createElement(AddIcon, null)))) : null,
-                        headCell.sort && React.createElement(TableSortLabel, { active: true, className: Utils.clsx(orderBy !== headCell.attr && classes.silver), direction: orderBy === headCell.attr ? order : 'asc', onClick: () => this.handleRequestSort(headCell.attr) }),
+                        headCell.sort && React.createElement(TableSortLabel, { active: true, style: orderBy !== headCell.attr ? styles.silver : undefined, direction: orderBy === headCell.attr ? order : 'asc', onClick: () => this.handleRequestSort(headCell.attr) }),
                         headCell.filter && this.state.filterOn.includes(headCell.attr) ?
                             React.createElement(TextField, { variant: "standard", ref: this.filterRefs[headCell.attr], onChange: () => this.applyFilter(), title: I18n.t('ra_You can filter entries by entering here some text'), InputProps: {
                                     endAdornment: ConfigTable.getFilterValue(this.filterRefs[headCell.attr]) && React.createElement(InputAdornment, { position: "end" },
@@ -356,7 +358,7 @@ class ConfigTable extends ConfigGeneric {
                                             } },
                                             React.createElement(CloseIcon, null))),
                                 }, fullWidth: true, placeholder: this.getText(headCell.title) })
-                            : React.createElement("span", { className: this.props.classes.headerText }, this.getText(headCell.title)),
+                            : React.createElement("span", { style: styles.headerText }, this.getText(headCell.title)),
                         headCell.filter ? React.createElement(IconButton, { title: I18n.t('ra_Show/hide filter input'), size: "small", onClick: () => {
                                 const filterOn = [...this.state.filterOn];
                                 const pos = this.state.filterOn.indexOf(headCell.attr);
@@ -652,59 +654,64 @@ class ConfigTable extends ConfigGeneric {
                         else {
                             this.onDrop(acceptedFiles);
                         }
-                    } }, ({ getRootProps, getInputProps }) => React.createElement("div", { className: Utils.clsx(this.props.classes.uploadDiv, this.state.uploadFile === 'dragging' && this.props.classes.uploadDivDragging, this.props.classes.dropZone, !this.state.icon && this.props.classes.dropZoneEmpty), ...getRootProps() },
+                    } }, ({ getRootProps, getInputProps }) => React.createElement("div", { style: {
+                        ...styles.uploadDiv,
+                        ...(this.state.uploadFile === 'dragging' ? styles.uploadDivDragging : undefined),
+                        ...styles.dropZone,
+                        ...(!this.state.icon ? styles.dropZoneEmpty : undefined),
+                    }, ...getRootProps() },
                     React.createElement("input", { ...getInputProps() }),
-                    React.createElement("div", { className: Utils.clsx(this.props.classes.uploadCenterDiv) },
-                        React.createElement("div", { className: this.props.classes.uploadCenterTextAndIcon },
-                            React.createElement(ImportIcon, { className: this.props.classes.uploadCenterIcon }),
-                            React.createElement("div", { className: this.props.classes.uploadCenterText }, this.state.uploadFile === 'dragging' ? I18n.t('ra_Drop file here') :
+                    React.createElement("div", { style: styles.uploadCenterDiv },
+                        React.createElement("div", { style: styles.uploadCenterTextAndIcon },
+                            React.createElement(ImportIcon, { style: styles.uploadCenterIcon }),
+                            React.createElement("div", { style: styles.uploadCenterText }, this.state.uploadFile === 'dragging' ? I18n.t('ra_Drop file here') :
                                 I18n.t('ra_Place your files here or click here to open the browse dialog'))))))),
             React.createElement(DialogActions, null,
                 React.createElement(Button, { variant: "contained", onClick: () => this.setState({ showImportDialog: false }), color: "primary", startIcon: React.createElement(IconClose, null) }, I18n.t('Cancel'))));
     }
     renderItem( /* error, disabled, defaultValue */) {
-        const { classes, schema } = this.props;
+        const { schema } = this.props;
         let { visibleValue } = this.state;
         if (!this.state.value) {
             return null;
         }
         visibleValue = visibleValue || this.state.value.map((_, i) => i);
         const doAnyFilterSet = this.isAnyFilterSet();
-        return React.createElement(Paper, { className: classes.paper },
+        return React.createElement(Paper, { style: styles.paper },
             this.showImportDialog(),
             this.showTypeOfImportDialog(),
-            schema.label ? React.createElement("div", { className: classes.label },
-                React.createElement(Toolbar, { variant: "dense", className: classes.rootTool },
-                    React.createElement(Typography, { className: classes.title, variant: "h6", id: "tableTitle", component: "div" }, this.getText(schema.label)))) : null,
+            schema.label ? React.createElement("div", { style: styles.label },
+                React.createElement(Toolbar, { variant: "dense", style: styles.rootTool },
+                    React.createElement(Typography, { style: styles.title, variant: "h6", id: "tableTitle", component: "div" }, this.getText(schema.label)))) : null,
             React.createElement(TableContainer, null,
-                React.createElement(Table, { className: classes.table, size: "small" },
+                React.createElement(Table, { style: styles.table, size: "small" },
                     this.enhancedTableHead(!doAnyFilterSet && !this.state.orderBy ? 120 : 64, doAnyFilterSet),
                     React.createElement(TableBody, null,
                         visibleValue.map((idx, i) => React.createElement(TableRow, { hover: true, key: `${idx}_${i}` },
                             schema.items && schema.items.map((headCell) => React.createElement(TableCell, { key: `${headCell.attr}_${idx}`, align: "left" }, this.itemTable(headCell.attr, this.state.value[idx], idx))),
-                            !schema.noDelete && React.createElement(TableCell, { align: "left", className: classes.buttonCell },
-                                !doAnyFilterSet && !this.state.orderBy ? (i ? React.createElement(Tooltip, { title: I18n.t('ra_Move up') },
+                            !schema.noDelete && React.createElement(TableCell, { align: "left", style: styles.buttonCell },
+                                !doAnyFilterSet && !this.state.orderBy ? (i ? React.createElement(Tooltip, { title: I18n.t('ra_Move up'), componentsProps: { popper: { sx: styles.tooltip } } },
                                     React.createElement(IconButton, { size: "small", onClick: () => this.onMoveUp(idx) },
-                                        React.createElement(UpIcon, null))) : React.createElement("div", { className: classes.buttonEmpty })) : null,
-                                !doAnyFilterSet && !this.state.orderBy ? (i < visibleValue.length - 1 ? React.createElement(Tooltip, { title: I18n.t('ra_Move down') },
+                                        React.createElement(UpIcon, null))) : React.createElement("div", { style: styles.buttonEmpty })) : null,
+                                !doAnyFilterSet && !this.state.orderBy ? (i < visibleValue.length - 1 ? React.createElement(Tooltip, { title: I18n.t('ra_Move down'), componentsProps: { popper: { sx: styles.tooltip } } },
                                     React.createElement(IconButton, { size: "small", onClick: () => this.onMoveDown(idx) },
-                                        React.createElement(DownIcon, null))) : React.createElement("div", { className: classes.buttonEmpty })) : null,
-                                React.createElement(Tooltip, { title: I18n.t('ra_Delete current row') },
+                                        React.createElement(DownIcon, null))) : React.createElement("div", { style: styles.buttonEmpty })) : null,
+                                React.createElement(Tooltip, { title: I18n.t('ra_Delete current row'), componentsProps: { popper: { sx: styles.tooltip } } },
                                     React.createElement(IconButton, { size: "small", onClick: this.onDelete(idx) },
                                         React.createElement(DeleteIcon, null))),
-                                this.props.schema.clone ? React.createElement(Tooltip, { title: I18n.t('ra_Clone current row') },
+                                this.props.schema.clone ? React.createElement(Tooltip, { title: I18n.t('ra_Clone current row'), componentsProps: { popper: { sx: styles.tooltip } } },
                                     React.createElement(IconButton, { size: "small", onClick: this.onClone(idx) },
                                         React.createElement(CopyContentIcon, null))) : null))),
                         !schema.noDelete && visibleValue.length >= (schema.showSecondAddAt || 5) ?
                             React.createElement(TableRow, null,
                                 React.createElement(TableCell, { colSpan: schema.items.length + 1 },
-                                    React.createElement(Tooltip, { title: doAnyFilterSet ? I18n.t('ra_Cannot add items with set filter') : I18n.t('ra_Add row') },
+                                    React.createElement(Tooltip, { title: doAnyFilterSet ? I18n.t('ra_Cannot add items with set filter') : I18n.t('ra_Add row'), componentsProps: { popper: { sx: styles.tooltip } } },
                                         React.createElement("span", null,
                                             React.createElement(IconButton, { size: "small", color: "primary", disabled: !!doAnyFilterSet && !this.props.schema.allowAddByFilter, onClick: this.onAdd },
                                                 React.createElement(AddIcon, null)))))) : null)),
                 !visibleValue.length && this.state.value.length ?
-                    React.createElement("div", { className: classes.filteredOut },
-                        React.createElement(Typography, { className: classes.title, variant: "h6", id: "tableTitle", component: "div" },
+                    React.createElement("div", { style: styles.filteredOut },
+                        React.createElement(Typography, { style: styles.title, variant: "h6", id: "tableTitle", component: "div" },
                             I18n.t('ra_All items are filtered out'),
                             React.createElement(IconButton, { size: "small", onClick: () => this.applyFilter(true) },
                                 React.createElement(CloseIcon, null)))) : null),
@@ -716,5 +723,5 @@ class ConfigTable extends ConfigGeneric {
                 React.createElement("span", { style: { color: 'red', alignSelf: 'center' } }, this.state.errorMessage)) : null);
     }
 }
-export default withStyles(styles)(ConfigTable);
+export default ConfigTable;
 //# sourceMappingURL=ConfigTable.js.map