@rpg-engine/long-bow 0.6.46 → 0.6.48

package/dist/long-bow.cjs.development.js

@@ -32149,22 +32149,18 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
     setSkillPointsToNextLevel = _useState3[1];
   React.useEffect(function () {
     if (skillPoints >= skillPointsToNextLevel) {
-      var newSkillPoints = skillPoints - skillPointsToNextLevel;
+      var excessSkillPoints = skillPoints - skillPointsToNextLevel;
       var newLevel = level + 1;
       setLevel(newLevel);
-      setSkillPoints(newSkillPoints);
+      setSkillPoints(excessSkillPoints);
       setSkillPointsToNextLevel(shared.getSPForLevel(newLevel + 1));
     }
   }, [skillPoints, skillPointsToNextLevel, level]);
-  // Calculate the ratio for progress bar, ensuring it doesn't exceed 100%
+  // Calculate the ratio, ensuring it doesn't exceed 100%
   var ratio = Math.min(skillPoints / skillPointsToNextLevel * 100, 100);
   var skillsBuffsCalc = function skillsBuffsCalc(level, buffAndDebuff) {
     var result = level * (buffAndDebuff / 100);
-    if (result > 0) {
-      return "+" + result.toFixed(2);
-    } else {
-      return "" + result.toFixed(2);
-    }
+    return result > 0 ? "+" + result : "" + result;
   };
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(ProgressTitle, null, buffAndDebuff !== undefined && React__default.createElement(React__default.Fragment, null, buffAndDebuff > 0 ? React__default.createElement(BuffAndDebuffContainer, null, React__default.createElement(TitleNameContainer, null, React__default.createElement(TitleNameBuff, null, skillName), React__default.createElement(TitleNameBuff, null, "lv ", level, " (", skillsBuffsCalc(level, buffAndDebuff), ")")), React__default.createElement(TitleNameBuffContainer, null, React__default.createElement(TitleNameBuff, null, "(+", buffAndDebuff, "%)"))) : buffAndDebuff < 0 ? React__default.createElement(React__default.Fragment, null, React__default.createElement(TitleNameContainer, null, React__default.createElement(TitleNameDebuff, null, skillName), React__default.createElement(TitleNameDebuff, null, "lv ", level, " (", skillsBuffsCalc(level, buffAndDebuff), ")")), React__default.createElement("div", null, React__default.createElement(TitleNameDebuff, null, "(", buffAndDebuff, "%)"))) : React__default.createElement(TitleName, null, skillName)), !buffAndDebuff && React__default.createElement(TitleNameContainer, null, React__default.createElement(TitleName, null, skillName), React__default.createElement(ValueDisplay, null, "lv ", level))), React__default.createElement(ProgressBody, null, React__default.createElement(ProgressIconContainer, null, atlasIMG && atlasJSON ? React__default.createElement(SpriteContainer$2, null, React__default.createElement(ErrorBoundary, null, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -32176,7 +32172,7 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
   }))) : React__default.createElement(React__default.Fragment, null)), React__default.createElement(ProgressBarContainer$1, null, React__default.createElement(SimpleProgressBar, {
     value: ratio,
     bgColor: bgColor
-  }))), showSkillPoints && React__default.createElement(SkillDisplayContainer, null, React__default.createElement(SkillPointsDisplay, null, ratio.toFixed(2), "%")));
+  }))), showSkillPoints && React__default.createElement(SkillDisplayContainer, null, React__default.createElement(SkillPointsDisplay, null, skillPoints, " / ", skillPointsToNextLevel, " (", ratio.toFixed(2), "%)")));
 };
 var ProgressBarContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SkillProgressBar__ProgressBarContainer",
@@ -32193,7 +32189,7 @@ var SkillDisplayContainer = /*#__PURE__*/styled__default.div.withConfig({
 var SkillPointsDisplay = /*#__PURE__*/styled__default.p.withConfig({
   displayName: "SkillProgressBar__SkillPointsDisplay",
   componentId: "sc-5vuroc-3"
-})(["font-size:0.6rem !important;font-weight:bold;text-align:center;"]);
+})(["font-size:0.55rem !important;font-weight:bold;text-align:center;"]);
 var TitleName = /*#__PURE__*/styled__default.span.withConfig({
   displayName: "SkillProgressBar__TitleName",
   componentId: "sc-5vuroc-4"