@foxriver76/iob-component-lib - npm Package Compare versions

Comparing version 0.1.4 to 0.1.5

build/components/atoms/IconButton/IconButton.d.ts

@@ -12,5 +12,11 @@ import React from 'react';
     icon: keyof typeof icons;
-    /** If the component should hav eno background */
+    /** If the component should have no background */
     noBackground?: boolean;
+    /** Optional color of the icon, only works with no background option */
+    iconColor?: 'primary' | 'warning' | 'error' | 'secondary' | 'default';
 }
+/**
+ * This component wraps the MUI Icon Button and provides the standardized ioBroker icons
+ * and functionalities like tooltip
+ */
 export default class IconButton extends React.Component<IconButtonProps> {
@@ -17,0 +23,0 @@ render(): React.ReactNode;

build/components/atoms/IconButton/IconButton.js

@@ -24,2 +24,6 @@ "use strict";
 var icon_lib_1 = require("../../../icon-lib");
+/**
+ * This component wraps the MUI Icon Button and provides the standardized ioBroker icons
+ * and functionalities like tooltip
+ */
 var IconButton = /** @class */ (function (_super) {
@@ -34,3 +38,3 @@ __extends(IconButton, _super);
         return (react_1["default"].createElement(material_1.Tooltip, { title: this.props.tooltipText, componentsProps: { popper: { sx: { pointerEvents: 'none' } } } },
-            react_1["default"].createElement(material_1.IconButton, { sx: this.props.noBackground
+            react_1["default"].createElement(material_1.IconButton, { color: this.props.iconColor, sx: this.props.noBackground
                     ? undefined
@@ -41,3 +45,3 @@ : {
                         color: function (theme) { return theme.palette.getContrastText(theme.palette.primary.dark); }
-                    }, size: "small", disabled: this.props.disabled, onClick: function () { return _this.props.onClick(); } },
+                    }, size: 'small', disabled: this.props.disabled, onClick: function () { return _this.props.onClick(); } },
                 react_1["default"].createElement(Icon, null))));
@@ -44,0 +48,0 @@ };

build/components/atoms/IconButton/IconButton.stories.d.ts

@@ -12,6 +12,6 @@ import type { StoryObj } from '@storybook/react';
         disabled: false;
-        icon: "add";
+        icon: "wifi";
         noBackground: false;
+        iconColor: "primary";
     };
-    argTypes: {};
 };
@@ -18,0 +18,0 @@ export default _default;

build/components/atoms/IconButton/IconButton.stories.js

@@ -17,6 +17,6 @@ "use strict";
         disabled: false,
-        icon: 'add',
-        noBackground: false
-    },
-    argTypes: {}
+        icon: 'wifi',
+        noBackground: false,
+        iconColor: 'primary'
+    }
 };
@@ -23,0 +23,0 @@ exports.Default = {};

build/components/molecules/InfoBox/InfoBox.d.ts

@@ -9,2 +9,5 @@ import React from 'react';
 }
+/**
+ * This component can be used to show important information or warnings to the user
+ */
 export default class InfoBox extends React.Component<InfoBoxProps> {
@@ -11,0 +14,0 @@ render(): React.ReactNode;

build/components/molecules/InfoBox/InfoBox.js

@@ -25,2 +25,5 @@ "use strict";
 require("../../../components/molecules/InfoBox/InfoBox.css");
+/**
+ * This component can be used to show important information or warnings to the user
+ */
 var InfoBox = /** @class */ (function (_super) {
@@ -27,0 +30,0 @@ __extends(InfoBox, _super);

build/icon-lib.d.ts

@@ -65,2 +65,44 @@ export declare const icons: {
     };
+    readonly leakAdd: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    readonly noConnection: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    readonly notAlive: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    readonly contentCopy: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    readonly questionMark: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    readonly settingsInputAntenna: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    readonly signalWifiStatusbarNull: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    readonly wifi: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    readonly wifiOff: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    readonly deviceHub: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    readonly autoMode: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    readonly formatListBulleted: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    readonly unfoldLess: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+    readonly unfoldMore: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
 };

build/icon-lib.js

@@ -26,4 +26,18 @@ "use strict";
     edit: icons_material_1.Edit,
-    factoryReset: icons_material_1.DomainDisabled
+    factoryReset: icons_material_1.DomainDisabled,
+    leakAdd: icons_material_1.LeakAdd,
+    noConnection: icons_material_1.SignalWifiConnectedNoInternet4,
+    notAlive: icons_material_1.SignalCellularOff,
+    contentCopy: icons_material_1.ContentCopy,
+    questionMark: icons_material_1.QuestionMark,
+    settingsInputAntenna: icons_material_1.SettingsInputAntenna,
+    signalWifiStatusbarNull: icons_material_1.SignalWifiStatusbarNull,
+    wifi: icons_material_1.Wifi,
+    wifiOff: icons_material_1.WifiOff,
+    deviceHub: icons_material_1.DeviceHub,
+    autoMode: icons_material_1.AutoMode,
+    formatListBulleted: icons_material_1.FormatListBulleted,
+    unfoldLess: icons_material_1.UnfoldLess,
+    unfoldMore: icons_material_1.UnfoldMore
 };
 //# sourceMappingURL=icon-lib.js.map

package.json

@@ -6,3 +6,3 @@ {
   },
-  "version": "0.1.4",
+  "version": "0.1.5",
   "scripts": {
@@ -9,0 +9,0 @@ "release": "release-script --noPush -y",

README.md

@@ -9,2 +9,6 @@ # ioBroker React Component Library
 -->
+### 0.1.5 (2024-08-09)
+* (@foxriver76) added more icons
+* (@foxriver76) allow to specify color of the IconButton if no background used
+
 ### 0.1.4 (2024-08-09)
@@ -11,0 +15,0 @@ * (@foxriver76) added IconButton Atom

No alert changes

Improved metrics

Total package byte prevSize

32062

increased by15.83%

Lines of code

510

increased by16.44%

Number of lines in readme file

24

increased by20%

No dependency changes