react-rating-emoji - npm Package Compare versions

Comparing version 1.2.1 to 2.0.0

dist/index.js

@@ -10,5 +10,8 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
     _onClick = _ref.onClick,
-    className = _ref.className;
+    className = _ref.className,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? 'emoji-container' : _ref$id;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ul", {
-    className: styles.feedback + " " + (className || '')
+    className: styles.feedback + " " + (className || ''),
+    id: id
   }, /*#__PURE__*/React.createElement("li", {
@@ -18,3 +21,4 @@ className: styles.angry + " " + (rating == 1 ? styles.active : ''),
       return _onClick(1);
-    }
+    },
+    id: "angry-emoji"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
@@ -36,3 +40,4 @@ className: styles.eye
       return _onClick(2);
-    }
+    },
+    id: "sad-emoji"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
@@ -54,3 +59,4 @@ className: styles.eye
       return _onClick(3);
-    }
+    },
+    id: "ok-emoji"
   }, /*#__PURE__*/React.createElement("div", null)), /*#__PURE__*/React.createElement("li", {
@@ -60,3 +66,4 @@ className: styles.good + " " + (rating == 4 ? styles.active : ''),
       return _onClick(4);
-    }
+    },
+    id: "good-emoji"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
@@ -78,3 +85,4 @@ className: styles.eye
       return _onClick(5);
-    }
+    },
+    id: "happy-emoji"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
@@ -81,0 +89,0 @@ className: styles.eye

dist/index.modern.js

@@ -8,5 +8,8 @@ import React from 'react';
     _onClick = _ref.onClick,
-    className = _ref.className;
+    className = _ref.className,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? 'emoji-container' : _ref$id;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("ul", {
-    className: styles.feedback + " " + (className || '')
+    className: styles.feedback + " " + (className || ''),
+    id: id
   }, /*#__PURE__*/React.createElement("li", {
@@ -16,3 +19,4 @@ className: styles.angry + " " + (rating == 1 ? styles.active : ''),
       return _onClick(1);
-    }
+    },
+    id: "angry-emoji"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
@@ -34,3 +38,4 @@ className: styles.eye
       return _onClick(2);
-    }
+    },
+    id: "sad-emoji"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
@@ -52,3 +57,4 @@ className: styles.eye
       return _onClick(3);
-    }
+    },
+    id: "ok-emoji"
   }, /*#__PURE__*/React.createElement("div", null)), /*#__PURE__*/React.createElement("li", {
@@ -58,3 +64,4 @@ className: styles.good + " " + (rating == 4 ? styles.active : ''),
       return _onClick(4);
-    }
+    },
+    id: "good-emoji"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
@@ -76,3 +83,4 @@ className: styles.eye
       return _onClick(5);
-    }
+    },
+    id: "happy-emoji"
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("svg", {
@@ -79,0 +87,0 @@ className: styles.eye

package.json

 {
   "name": "react-rating-emoji",
-  "version": "1.2.1",
+  "version": "2.0.0",
   "description": "animated emoji rating component",
@@ -27,24 +27,25 @@ "author": "https://github.com/ultimateakash",
   "peerDependencies": {
-    "react": "^16.0.0"
+    "react": "^18.2.0"
   },
   "devDependencies": {
-    "microbundle-crl": "^0.13.10",
     "babel-eslint": "^10.0.3",
     "cross-env": "^7.0.2",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-config-standard": "^14.1.0",
-    "eslint-config-standard-react": "^9.2.0",
-    "eslint-plugin-import": "^2.18.2",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-standard": "^17.1.0",
+    "eslint-config-standard-react": "^13.0.0",
+    "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-node": "^11.0.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.17.0",
-    "eslint-plugin-standard": "^4.0.1",
-    "gh-pages": "^2.2.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-standard": "^5.0.0",
+    "gh-pages": "^6.1.1",
+    "microbundle-crl": "^0.13.10",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.0.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "^3.4.1"
+    "postcss": "^8.4.38",
+    "prettier": "^3.2.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "^5.0.1"
   },
@@ -51,0 +52,0 @@ "files": [

README.md

@@ -42,4 +42,5 @@ # react-rating-emoji
 | className  | `string` |   | no | container class name
+| id  | `string` | emoji-container  | no | container id name
 ## License
 
 MIT © [https://github.com/ultimateakash](https://github.com/https://github.com/ultimateakash)

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

31988

increased by3.88%

Lines of code

494

increased by3.35%

Number of lines in readme file

46

increased by2.22%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dev dependency count

20

increased by5.26%

No dependency changes