@iobroker/adapter-react-v5 4.13.8 → 4.13.10

package/Connection.d.ts

@@ -1,6 +1,3 @@
-export default Connection;
-import { PROGRESS } from '@iobroker/socket-client';
-import { ERRORS } from '@iobroker/socket-client';
-import { PERMISSION_ERROR } from '@iobroker/socket-client';
-import { Connection } from '@iobroker/socket-client';
+import { Connection, PROGRESS, ERRORS, PERMISSION_ERROR } from '@iobroker/socket-client';
 export { PROGRESS, ERRORS, PERMISSION_ERROR };
+export default Connection;

package/Connection.js

@@ -1,27 +1,8 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ERRORS", {
-  enumerable: true,
-  get: function get() {
-    return _socketClient.ERRORS;
-  }
-});
-Object.defineProperty(exports, "PERMISSION_ERROR", {
-  enumerable: true,
-  get: function get() {
-    return _socketClient.PERMISSION_ERROR;
-  }
-});
-Object.defineProperty(exports, "PROGRESS", {
-  enumerable: true,
-  get: function get() {
-    return _socketClient.PROGRESS;
-  }
-});
-exports["default"] = void 0;
-var _socketClient = require("@iobroker/socket-client");
-var _default = exports["default"] = _socketClient.Connection;
-//# sourceMappingURL=Connection.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PERMISSION_ERROR = exports.ERRORS = exports.PROGRESS = void 0;
+const socket_client_1 = require("@iobroker/socket-client");
+Object.defineProperty(exports, "PROGRESS", { enumerable: true, get: function () { return socket_client_1.PROGRESS; } });
+Object.defineProperty(exports, "ERRORS", { enumerable: true, get: function () { return socket_client_1.ERRORS; } });
+Object.defineProperty(exports, "PERMISSION_ERROR", { enumerable: true, get: function () { return socket_client_1.PERMISSION_ERROR; } });
+exports.default = socket_client_1.Connection;

package/README.md

@@ -180,7 +180,7 @@ onPrepareSave(settings) {
 
 ## Components
 
-### Connection.js
+### Connection.tsx
 This is a non-react class to provide the communication for socket connection with the server. 
 
 ### GenericApp.tsx
@@ -670,6 +670,12 @@ socket.getObjectViewCustom('custom', 'state', 'startKey', 'endKey')
 -->
 
 ## Changelog
+### 4.13.10 (2024-04-22)
+* (bluefox) Migrated all icons to Typescript
+
+### 4.13.9 (2024-04-20)
+* (bluefox) Updated socket-client package
+
 ### 4.13.8 (2024-04-19)
 * (bluefox) Corrected CRON selector
 
@@ -920,7 +926,7 @@ socket.getObjectViewCustom('custom', 'state', 'startKey', 'endKey')
 * (bluefox) Added support of custom palette for color picker
 
 ### 4.0.2 (2022-12-01)
-* (bluefox) use `@iobroker/socket-client` instead of `Connection.js`
+* (bluefox) use `@iobroker/socket-client` instead of `Connection.tsx`
 
 ### 3.5.3 (2022-11-30)
 * (bluefox) Improved `renderTextWithA` function to support `<b>` and `<i>` tags

package/icons/IconAdapter.d.ts

@@ -1,12 +1,4 @@
-export default IconAdapter;
-declare function IconAdapter(props: any): React.JSX.Element;
-declare namespace IconAdapter {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconAdapter: (props: IconProps) => React.JSX.Element;
+export default IconAdapter;

package/icons/IconAdapter.js

@@ -1,34 +1,10 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-// Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
-var IconAdapter = function IconAdapter(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    onClick: function onClick(e) {
-      return props.onClick && props.onClick(e);
-    },
-    viewBox: "0 0 512 512",
-    width: props.width || 20,
-    height: props.height || props.width || 20,
-    xmlns: "http://www.w3.org/2000/svg",
-    className: props.className,
-    style: props.style
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "currentColor",
-    d: "M448 0L320 96v62.06l-83.03 83.03c6.79 4.25 13.27 9.06 19.07 14.87 5.8 5.8 10.62 12.28 14.87 19.07L353.94 192H416l96-128-64-64zM128 278.59L10.92 395.67c-14.55 14.55-14.55 38.15 0 52.71l52.7 52.7c14.56 14.56 38.15 14.56 52.71 0L233.41 384c29.11-29.11 29.11-76.3 0-105.41s-76.3-29.11-105.41 0z"
-  }));
-};
-IconAdapter.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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _default = exports["default"] = IconAdapter;
-//# sourceMappingURL=IconAdapter.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+// Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
+const IconAdapter = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 512 512", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+    react_1.default.createElement("path", { fill: "currentColor", d: "M448 0L320 96v62.06l-83.03 83.03c6.79 4.25 13.27 9.06 19.07 14.87 5.8 5.8 10.62 12.28 14.87 19.07L353.94 192H416l96-128-64-64zM128 278.59L10.92 395.67c-14.55 14.55-14.55 38.15 0 52.71l52.7 52.7c14.56 14.56 38.15 14.56 52.71 0L233.41 384c29.11-29.11 29.11-76.3 0-105.41s-76.3-29.11-105.41 0z" }));
+exports.default = IconAdapter;

package/icons/IconAlias.d.ts

@@ -1,12 +1,4 @@
-export default IconAlias;
-declare function IconAlias(props: any): React.JSX.Element;
-declare namespace IconAlias {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconAlias: (props: IconProps) => React.JSX.Element;
+export default IconAlias;

package/icons/IconAlias.js

@@ -1,34 +1,10 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-// Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
-var IconAlias = function IconAlias(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    onClick: function onClick(e) {
-      return props.onClick && props.onClick(e);
-    },
-    viewBox: "0 0 512 512",
-    width: props.width || 20,
-    height: props.height || props.width || 20,
-    xmlns: "http://www.w3.org/2000/svg",
-    className: props.className,
-    style: props.style
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "currentColor",
-    d: "M96.06 454.35c.01 6.29 1.87 12.45 5.36 17.69l17.09 25.69a31.99 31.99 0 0 0 26.64 14.28h61.71a31.99 31.99 0 0 0 26.64-14.28l17.09-25.69a31.989 31.989 0 0 0 5.36-17.69l.04-38.35H96.01l.05 38.35zM0 176c0 44.37 16.45 84.85 43.56 115.78 16.52 18.85 42.36 58.23 52.21 91.45.04.26.07.52.11.78h160.24c.04-.26.07-.51.11-.78 9.85-33.22 35.69-72.6 52.21-91.45C335.55 260.85 352 220.37 352 176 352 78.61 272.91-.3 175.45 0 73.44.31 0 82.97 0 176zm176-80c-44.11 0-80 35.89-80 80 0 8.84-7.16 16-16 16s-16-7.16-16-16c0-61.76 50.24-112 112-112 8.84 0 16 7.16 16 16s-7.16 16-16 16z"
-  }));
-};
-IconAlias.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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _default = exports["default"] = IconAlias;
-//# sourceMappingURL=IconAlias.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+// Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
+const IconAlias = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 512 512", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+    react_1.default.createElement("path", { fill: "currentColor", d: "M96.06 454.35c.01 6.29 1.87 12.45 5.36 17.69l17.09 25.69a31.99 31.99 0 0 0 26.64 14.28h61.71a31.99 31.99 0 0 0 26.64-14.28l17.09-25.69a31.989 31.989 0 0 0 5.36-17.69l.04-38.35H96.01l.05 38.35zM0 176c0 44.37 16.45 84.85 43.56 115.78 16.52 18.85 42.36 58.23 52.21 91.45.04.26.07.52.11.78h160.24c.04-.26.07-.51.11-.78 9.85-33.22 35.69-72.6 52.21-91.45C335.55 260.85 352 220.37 352 176 352 78.61 272.91-.3 175.45 0 73.44.31 0 82.97 0 176zm176-80c-44.11 0-80 35.89-80 80 0 8.84-7.16 16-16 16s-16-7.16-16-16c0-61.76 50.24-112 112-112 8.84 0 16 7.16 16 16s-7.16 16-16 16z" }));
+exports.default = IconAlias;

package/icons/IconChannel.d.ts

@@ -1,12 +1,4 @@
-export default IconChannel;
-declare function IconChannel(props: any): React.JSX.Element;
-declare namespace IconChannel {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconChannel: (props: IconProps) => React.JSX.Element;
+export default IconChannel;

package/icons/IconChannel.js

@@ -1,71 +1,13 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var IconChannel = function IconChannel(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,
-    style: props.style
-  }, /*#__PURE__*/_react["default"].createElement("g", {
-    fill: "currentColor"
-  }, /*#__PURE__*/_react["default"].createElement("rect", {
-    rx: "32",
-    height: "272",
-    width: "267",
-    y: "25",
-    x: "25",
-    strokeWidth: "15",
-    stroke: "currentColor",
-    fill: "none"
-  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
-    stroke: "currentColor",
-    ry: "26",
-    rx: "26",
-    cy: "248",
-    cx: "160",
-    fill: "none",
-    strokeWidth: "15"
-  }), /*#__PURE__*/_react["default"].createElement("line", {
-    strokeLinecap: "null",
-    strokeLinejoin: "null",
-    y2: "201.94531",
-    x2: "159.5",
-    y1: "46.94531",
-    x1: "159.5",
-    fillOpacity: "null",
-    strokeOpacity: "null",
-    strokeWidth: "15",
-    stroke: "currentColor",
-    fill: "none"
-  }), /*#__PURE__*/_react["default"].createElement("rect", {
-    height: "27",
-    width: "50",
-    y: "79.7979",
-    x: "133.5",
-    fillOpacity: "null",
-    strokeOpacity: "null",
-    strokeWidth: "15",
-    stroke: "currentColor",
-    fill: "#fff"
-  })));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-IconChannel.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 = exports["default"] = IconChannel;
-//# sourceMappingURL=IconChannel.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const IconChannel = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 320 320", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+    react_1.default.createElement("g", { fill: "currentColor" },
+        react_1.default.createElement("rect", { rx: "32", height: "272", width: "267", y: "25", x: "25", strokeWidth: "15", stroke: "currentColor", fill: "none" }),
+        react_1.default.createElement("ellipse", { stroke: "currentColor", ry: "26", rx: "26", cy: "248", cx: "160", fill: "none", strokeWidth: "15" }),
+        react_1.default.createElement("line", { y2: "201.94531", x2: "159.5", y1: "46.94531", x1: "159.5", fillOpacity: "null", strokeOpacity: "null", strokeWidth: "15", stroke: "currentColor", fill: "none" }),
+        react_1.default.createElement("rect", { height: "27", width: "50", y: "79.7979", x: "133.5", fillOpacity: "null", strokeOpacity: "null", strokeWidth: "15", stroke: "currentColor", fill: "#fff" })));
+exports.default = IconChannel;

package/icons/IconClearFilter.d.ts

@@ -1,12 +1,4 @@
-export default IconClearFilter;
-declare function IconClearFilter(props: any): React.JSX.Element;
-declare namespace IconClearFilter {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconClearFilter: (props: IconProps) => React.JSX.Element;
+export default IconClearFilter;

package/icons/IconClearFilter.js

@@ -1,35 +1,11 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
 // Copyright Apache 2.0 https://raw.githubusercontent.com/material-icons/material-icons/master/svg/filter_alt/baseline.svg
 // https://github.com/material-icons/material-icons/blob/master/LICENSE
-var IconClearFilter = function IconClearFilter(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    onClick: function onClick(e) {
-      return props.onClick && props.onClick(e);
-    },
-    viewBox: "0 0 24 24",
-    width: props.width || 20,
-    height: props.height || props.width || 20,
-    xmlns: "http://www.w3.org/2000/svg",
-    className: props.className
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "currentColor",
-    stroke: "currentColor",
-    d: "M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z"
-  }));
-};
-IconClearFilter.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 = exports["default"] = IconClearFilter;
-//# sourceMappingURL=IconClearFilter.js.map
+const IconClearFilter = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 24 24", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+    react_1.default.createElement("path", { fill: "currentColor", stroke: "currentColor", d: "M4.25 5.61C6.27 8.2 10 13 10 13v6c0 .55.45 1 1 1h2c.55 0 1-.45 1-1v-6s3.72-4.8 5.74-7.39A.998.998 0 0 0 18.95 4H5.04c-.83 0-1.3.95-.79 1.61z" }));
+exports.default = IconClearFilter;

package/icons/IconClosed.d.ts

@@ -1,12 +1,4 @@
-export default IconClosed;
-declare function IconClosed(props: any): React.JSX.Element;
-declare namespace IconClosed {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconClosed: (props: IconProps) => React.JSX.Element;
+export default IconClosed;

package/icons/IconClosed.js

@@ -1,33 +1,10 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-// Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
-var IconClosed = function IconClosed(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    onClick: function onClick(e) {
-      return 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
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "currentColor",
-    d: "M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
-  }));
-};
-IconClosed.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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _default = exports["default"] = IconClosed;
-//# sourceMappingURL=IconClosed.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+// Icon copied from https://github.com/FortAwesome/Font-Awesome/blob/0d1f27efb836eb2ab994ba37221849ed64a73e5c/svgs/regular/
+const IconClosed = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), viewBox: "0 0 650 512", width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+    react_1.default.createElement("path", { fill: "currentColor", d: "M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z" }));
+exports.default = IconClosed;

package/icons/IconCopy.d.ts

@@ -1,39 +1,4 @@
-export default IconCopy;
-export type IconCopyProps = {
-    /**
-     * The width in pixels of the icon.
-     */
-    width?: number;
-    /**
-     * The height in pixels of the icon.
-     */
-    height?: number;
-    /**
-     * Click handler.
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /**
-     * The class name for the SVG element.
-     */
-    className?: string;
-};
-/**
- * @typedef {object} IconCopyProps
- * @property {number} [width] The width in pixels of the icon.
- * @property {number} [height] The height in pixels of the icon.
- * @property {(e: React.MouseEvent) => void} [onClick] Click handler.
- * @property {string} [className] The class name for the SVG element.
- *
- * @extends {React.Component<IconCopyProps>}
- */
-declare function IconCopy(props: any): React.JSX.Element;
-declare namespace IconCopy {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconCopy: (props: IconProps) => React.JSX.Element;
+export default IconCopy;

package/icons/IconCopy.js

@@ -1,41 +1,9 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-/**
- * @typedef {object} IconCopyProps
- * @property {number} [width] The width in pixels of the icon.
- * @property {number} [height] The height in pixels of the icon.
- * @property {(e: React.MouseEvent) => void} [onClick] Click handler.
- * @property {string} [className] The class name for the SVG element.
- *
- * @extends {React.Component<IconCopyProps>}
- */
-var IconCopy = function IconCopy(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
-    onClick: function onClick(e) {
-      return props.onClick && props.onClick(e);
-    },
-    viewBox: "0 0 512 512",
-    width: props.width || 20,
-    height: props.height || props.width || 20,
-    xmlns: "http://www.w3.org/2000/svg",
-    className: props.className
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "currentColor",
-    d: "M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z"
-  }));
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-IconCopy.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 = exports["default"] = IconCopy;
-//# sourceMappingURL=IconCopy.js.map
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const IconCopy = (props) => react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", onClick: e => props.onClick && props.onClick(e), width: props.width || (props.fontSize === 'small' ? 16 : 20), height: props.height || props.width || (props.fontSize === 'small' ? 16 : 20), className: props.className, style: props.style },
+    react_1.default.createElement("path", { fill: "currentColor", d: "M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z" }));
+exports.default = IconCopy;

package/icons/IconDevice.d.ts

@@ -1,12 +1,4 @@
-export default IconDevice;
-declare function IconDevice(props: any): React.JSX.Element;
-declare namespace IconDevice {
-    namespace propTypes {
-        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        let width: PropTypes.Requireable<NonNullable<string | number>>;
-        let height: PropTypes.Requireable<NonNullable<string | number>>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
 import React from 'react';
-import PropTypes from 'prop-types';
+import type IconProps from './IconProps';
+declare const IconDevice: (props: IconProps) => React.JSX.Element;
+export default IconDevice;