chaser-components - npm Package Compare versions

Comparing version 0.3.6 to 0.3.7

dist/index.js

@@ -651,3 +651,3 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var style$7 = {"healthScore":"_27RmL","small":"_3A1iT","healthy":"_d1_Zw","average":"_1XVcz","unhealthy":"_3OPFu","NA":"_1yA3K","large":"_b6lBj"};
+var style$7 = {"healthScore":"_27RmL","small":"_3A1iT","healthy":"_d1_Zw","average":"_1XVcz","unhealthy":"_3OPFu","NA":"_1yA3K","large":"_b6lBj","text":"_2u2Jt"};
 
@@ -671,3 +671,5 @@ const SmallHealthscore = ({
   textAlign: "center"
-}, score !== "NA" && /*#__PURE__*/React__default.createElement("div", null, score), /*#__PURE__*/React__default.createElement("div", null, text)));
+}, !isProcessing && /*#__PURE__*/React__default.createElement("div", null, score), /*#__PURE__*/React__default.createElement("div", {
+  className: style$7.text
+}, text)));
 
@@ -683,3 +685,3 @@ const Healthscore = ({
     if (isProcessing) return "Updating...";
-    if (score === "NA") return "NA";
+    if (score === "NA") return "";
     if (score < 50) return "Poor";
@@ -704,2 +706,3 @@ if (score > 50 && score <= 80) return "Average";
   return /*#__PURE__*/React__default.createElement(LargeHealthscore, _extends({
+    isProcessing: isProcessing,
     text: getHealthText(score, isProcessing),
@@ -706,0 +709,0 @@ score: score,

dist/index.modern.js

@@ -647,3 +647,3 @@ import cx from 'classnames';
 
-var style$7 = {"healthScore":"_27RmL","small":"_3A1iT","healthy":"_d1_Zw","average":"_1XVcz","unhealthy":"_3OPFu","NA":"_1yA3K","large":"_b6lBj"};
+var style$7 = {"healthScore":"_27RmL","small":"_3A1iT","healthy":"_d1_Zw","average":"_1XVcz","unhealthy":"_3OPFu","NA":"_1yA3K","large":"_b6lBj","text":"_2u2Jt"};
 
@@ -667,3 +667,5 @@ const SmallHealthscore = ({
   textAlign: "center"
-}, score !== "NA" && /*#__PURE__*/React__default.createElement("div", null, score), /*#__PURE__*/React__default.createElement("div", null, text)));
+}, !isProcessing && /*#__PURE__*/React__default.createElement("div", null, score), /*#__PURE__*/React__default.createElement("div", {
+  className: style$7.text
+}, text)));
 
@@ -679,3 +681,3 @@ const Healthscore = ({
     if (isProcessing) return "Updating...";
-    if (score === "NA") return "NA";
+    if (score === "NA") return "";
     if (score < 50) return "Poor";
@@ -700,2 +702,3 @@ if (score > 50 && score <= 80) return "Average";
   return /*#__PURE__*/React__default.createElement(LargeHealthscore, _extends({
+    isProcessing: isProcessing,
     text: getHealthText(score, isProcessing),
@@ -702,0 +705,0 @@ score: score,

package.json

 {
   "name": "chaser-components",
   "description": "Chaser HQ Component Library",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "main": "dist/index.js",
@@ -6,0 +6,0 @@ "module": "dist/index.modern.js",

src/components/Healthscore/index.jsx

@@ -18,4 +18,4 @@ import cx from 'classnames';
     <Stack space="none" textAlign="center">
-      {score !== "NA" && <div>{score}</div>}
-      <div>{text}</div>
+      {!isProcessing && <div>{score}</div>}
+      <div className={style.text}>{text}</div>
     </Stack>
@@ -28,3 +28,3 @@ </div>
     if (isProcessing) return "Updating..."
-    if (score === "NA") return "NA";
+    if (score === "NA") return "";
     if (score < 50) return "Poor";
@@ -44,3 +44,3 @@ if (score > 50 && score <= 80) return "Average";
   if (size == "small") return <SmallHealthscore score={score} isProcessing={isProcessing} className={healthScoreClass} {...props} />;
-  return <LargeHealthscore text={getHealthText(score, isProcessing)} score={score} className={healthScoreClass} {...props} />;
+  return <LargeHealthscore isProcessing={isProcessing} text={getHealthText(score, isProcessing)} score={score} className={healthScoreClass} {...props} />;
 }
@@ -47,0 +47,0 @@

No alert changes

Improved metrics

Total package byte prevSize

357375

increased by0.11%

Lines of code

4810

increased by0.12%

No dependency changes