beem-component 1.6.4 → 1.6.7

package/.eslintrc

@@ -13,7 +13,7 @@
     "jsdoc",
     "prettier"
   ],
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "rules": {
     "prettier/prettier": "error",
     "react/jsx-filename-extension": [

package/dist/components/ProfileIcon/ProfileIcon.js

@@ -81,16 +81,20 @@ var BmProfileIcon = function BmProfileIcon(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Profile, _extends({
     size: size
   }, rest), content && !img && /*#__PURE__*/_react.default.createElement(Content, null, content), img && !content && /*#__PURE__*/_react.default.createElement(ProfileImg, {
-    src: img
+    src: img,
+    alt: "profileicon"
   }), channel && channel === 'whatsapp' && /*#__PURE__*/_react.default.createElement(Dot, {
     size: size,
-    src: _wa.default
+    src: _wa.default,
+    alt: "icon"
   }), channel && channel === 'facebook' && /*#__PURE__*/_react.default.createElement(Dot, {
     size: size,
-    src: _fb.default
+    src: _fb.default,
+    alt: "icon"
   }), channel && channel === 'instagram' && /*#__PURE__*/_react.default.createElement(Dot, {
     size: size,
-    src: _insta.default
+    src: _insta.default,
+    alt: "icon"
   })));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "beem-component",
-    "version": "1.6.4",
+    "version": "1.6.7",
     "private": false,
     "main": "dist/components/index.js",
     "scripts": {
@@ -45,7 +45,7 @@
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "react-router-dom": "^5.3.0",
-        "react-scripts": "4.0.3",
+        "react-scripts": "^5.0.1",
         "save": "^2.4.0",
         "styled-components": "^5.3.0",
         "web-vitals": "^1.1.2"
@@ -70,6 +70,7 @@
         "@storybook/react": "^6.3.2",
         "@storybook/theming": "^6.4.9",
         "babel-eslint": "^10.1.0",
+        "babel-loader": "^8.2.3",
         "babel-plugin-react-intl": "^5.1.18",
         "babel-plugin-styled-components": "^1.13.3",
         "babel-preset-react-app": "^10.0.0",
@@ -79,22 +80,15 @@
         "eslint-config-airbnb": "^18.2.1",
         "eslint-config-prettier": "^8.3.0",
         "eslint-plugin-import": "^2.25.2",
-        "eslint-plugin-jest": "^25.2.2",
+        "eslint-plugin-jest": "^25.2.4",
         "eslint-plugin-jsdoc": "^32.2.0",
         "eslint-plugin-jsx-a11y": "^6.4.1",
-        "eslint-plugin-prettier": "^4.0.0",
-        "eslint-plugin-react": "^7.26.1",
+        "eslint-plugin-prettier": "^4.2.1",
+        "eslint-plugin-react": "^7.29.4",
         "generate-changelog": "^1.8.0",
         "husky": "^7.0.4",
         "lint-staged": "^11.2.6",
-        "prettier": "^2.4.1",
+        "prettier": "^2.7.1",
         "storybook-addon-jsx": "^7.3.14"
-    },
-    "peerDependencies": {
-        "babel-loader": "8.1.0",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "react-scripts": "4.0.3",
-        "web-vitals": "^1.1.2"
     }
 }

package/src/lib/components/ProfileIcon/ProfileIcon.js

@@ -66,10 +66,16 @@ export const BmProfileIcon = ({ img, content, channel, size, ...rest }) => {
     <>
       <Profile size={size} {...rest}>
         {content && !img && <Content>{content}</Content>}
-        {img && !content && <ProfileImg src={img} />}
-        {channel && channel === 'whatsapp' && <Dot size={size} src={wa} />}
-        {channel && channel === 'facebook' && <Dot size={size} src={fb} />}
-        {channel && channel === 'instagram' && <Dot size={size} src={insta} />}
+        {img && !content && <ProfileImg src={img} alt="profileicon" />}
+        {channel && channel === 'whatsapp' && (
+          <Dot size={size} src={wa} alt="icon" />
+        )}
+        {channel && channel === 'facebook' && (
+          <Dot size={size} src={fb} alt="icon" />
+        )}
+        {channel && channel === 'instagram' && (
+          <Dot size={size} src={insta} alt="icon" />
+        )}
       </Profile>
     </>
   );