@cbmdf/react-voice-recorder - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

dist/index.js

@@ -5,2 +5,3 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 var React__default = _interopDefault(React);
+var fa = require('react-icons/fa');
 
@@ -21,6 +22,2 @@ function _inheritsLoose(subClass, superClass) {
 
-var microphone = "microphone~pFtSEjGu.png";
-
-var stopIcon = "stop~lbXSmHgG.png";
-
 var styles = {"recorder_library_box":"_1ceqH","recorder_box":"_2fG9h","recorder_box_inner":"_dt3-T","mic_icon":"_1dpop","reco_header":"_1lB9c","h2":"_2N9dq","close_icons":"_3-aC9","record_section":"_3bC73","duration_section":"_1YOWG","btn_wrapper":"_1Yplu","btn":"_1Pz2d","clear_btn":"_2gd2_","duration":"_f2DT8","recorder_page_box":"_17RTH","help":"_eV_dK","record_controller":"_qxztz","icons":"_2uz65","stop":"_1bSom","pause":"_3nQu5"};
@@ -236,8 +233,3 @@
       className: styles.mic_icon
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: microphone,
-      width: 30,
-      height: 30,
-      alt: "Microphone icons"
-    })) : /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default.createElement(fa.FaMicrophone, null)) : /*#__PURE__*/React__default.createElement("div", {
       className: styles.record_controller
@@ -250,8 +242,3 @@ }, /*#__PURE__*/React__default.createElement("a", {
       className: styles.icons + " " + styles.stop
-    }, /*#__PURE__*/React__default.createElement("img", {
-      src: stopIcon,
-      width: 20,
-      height: 20,
-      alt: "Stop icons"
-    })))) : /*#__PURE__*/React__default.createElement("p", {
+    }, /*#__PURE__*/React__default.createElement(fa.FaStop, null)))) : /*#__PURE__*/React__default.createElement("p", {
       style: {
@@ -258,0 +245,0 @@ color: "#fff",

dist/index.modern.js

 import React, { Component } from 'react';
+import { FaMicrophone, FaStop } from 'react-icons/fa';
 
@@ -17,6 +18,2 @@ function _inheritsLoose(subClass, superClass) {
 
-var microphone = "microphone~pFtSEjGu.png";
-
-var stopIcon = "stop~lbXSmHgG.png";
-
 var styles = {"recorder_library_box":"_1ceqH","recorder_box":"_2fG9h","recorder_box_inner":"_dt3-T","mic_icon":"_1dpop","reco_header":"_1lB9c","h2":"_2N9dq","close_icons":"_3-aC9","record_section":"_3bC73","duration_section":"_1YOWG","btn_wrapper":"_1Yplu","btn":"_1Pz2d","clear_btn":"_2gd2_","duration":"_f2DT8","recorder_page_box":"_17RTH","help":"_eV_dK","record_controller":"_qxztz","icons":"_2uz65","stop":"_1bSom","pause":"_3nQu5"};
@@ -232,8 +229,3 @@
       className: styles.mic_icon
-    }, /*#__PURE__*/React.createElement("img", {
-      src: microphone,
-      width: 30,
-      height: 30,
-      alt: "Microphone icons"
-    })) : /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(FaMicrophone, null)) : /*#__PURE__*/React.createElement("div", {
       className: styles.record_controller
@@ -246,8 +238,3 @@ }, /*#__PURE__*/React.createElement("a", {
       className: styles.icons + " " + styles.stop
-    }, /*#__PURE__*/React.createElement("img", {
-      src: stopIcon,
-      width: 20,
-      height: 20,
-      alt: "Stop icons"
-    })))) : /*#__PURE__*/React.createElement("p", {
+    }, /*#__PURE__*/React.createElement(FaStop, null)))) : /*#__PURE__*/React.createElement("p", {
       style: {
@@ -254,0 +241,0 @@ color: "#fff",

package.json

 {
   "name": "@cbmdf/react-voice-recorder",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "This (react-voice-recorder) is a JavaScript library for React Applicaiton which will be used to record voice as audio and download the same.",
@@ -47,3 +47,3 @@ "author": "Sivaprakash Desingu",
     "gh-pages": "^2.2.0",
-    "microbundle-crl": "^0.13.10",
+    "microbundle-crl": "^0.13.11",
     "npm-run-all": "^4.1.5",
@@ -65,3 +65,4 @@ "prettier": "^2.0.4",
   "dependencies": {
-    "abab": "^2.0.5"
+    "abab": "^2.0.5",
+    "react-icons": "^3.11.0"
   },
@@ -68,0 +69,0 @@ "keywords": [

No alert changes

Improved metrics

Total package byte prevSize

86361

increased by10.71%

Number of package files

14

increased by7.69%

Worsened metrics

Dependency count

3

increased by50%

Lines of code

587

decreased by-3.61%

Dependency changes

• + Addedreact-icons@^3.11.0

• + Addedcamelcase@5.3.1(transitive)

• + Addedreact-icons@3.11.0(transitive)