@rpg-engine/long-bow 0.6.47 → 0.6.49

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

@@ -32144,9 +32144,15 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
   var _useState2 = React.useState(initialSkillPoints),
     skillPoints = _useState2[0],
     setSkillPoints = _useState2[1];
-  var _useState3 = React.useState(initialSkillPointsToNextLevel != null ? initialSkillPointsToNextLevel : shared.getSPForLevel(initialLevel + 1)),
+  var _useState3 = React.useState(initialSkillPointsToNextLevel || shared.getSPForLevel(initialLevel + 1)),
     skillPointsToNextLevel = _useState3[0],
     setSkillPointsToNextLevel = _useState3[1];
+  // Update skill points and level from props when they change
+  React.useEffect(function () {
+    setLevel(initialLevel);
+    setSkillPoints(initialSkillPoints);
+    setSkillPointsToNextLevel(initialSkillPointsToNextLevel || shared.getSPForLevel(initialLevel + 1));
+  }, [initialLevel, initialSkillPoints, initialSkillPointsToNextLevel]);
   React.useEffect(function () {
     if (skillPoints >= skillPointsToNextLevel) {
       var excessSkillPoints = skillPoints - skillPointsToNextLevel;
@@ -32156,11 +32162,11 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
       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);
-    return result > 0 ? "+" + result.toFixed(2) : "" + 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,
@@ -32172,7 +32178,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",
@@ -32189,7 +32195,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"