@rpg-engine/long-bow 0.6.47 → 0.6.49

package/dist/long-bow.esm.js

@@ -32142,9 +32142,15 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
   var _useState2 = useState(initialSkillPoints),
     skillPoints = _useState2[0],
     setSkillPoints = _useState2[1];
-  var _useState3 = useState(initialSkillPointsToNextLevel != null ? initialSkillPointsToNextLevel : getSPForLevel(initialLevel + 1)),
+  var _useState3 = useState(initialSkillPointsToNextLevel || getSPForLevel(initialLevel + 1)),
     skillPointsToNextLevel = _useState3[0],
     setSkillPointsToNextLevel = _useState3[1];
+  // Update skill points and level from props when they change
+  useEffect(function () {
+    setLevel(initialLevel);
+    setSkillPoints(initialSkillPoints);
+    setSkillPointsToNextLevel(initialSkillPointsToNextLevel || getSPForLevel(initialLevel + 1));
+  }, [initialLevel, initialSkillPoints, initialSkillPointsToNextLevel]);
   useEffect(function () {
     if (skillPoints >= skillPointsToNextLevel) {
       var excessSkillPoints = skillPoints - skillPointsToNextLevel;
@@ -32154,11 +32160,11 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
       setSkillPointsToNextLevel(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.createElement(React.Fragment, null, React.createElement(ProgressTitle, null, buffAndDebuff !== undefined && React.createElement(React.Fragment, null, buffAndDebuff > 0 ? React.createElement(BuffAndDebuffContainer, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameBuff, null, skillName), React.createElement(TitleNameBuff, null, "lv ", level, " (", skillsBuffsCalc(level, buffAndDebuff), ")")), React.createElement(TitleNameBuffContainer, null, React.createElement(TitleNameBuff, null, "(+", buffAndDebuff, "%)"))) : buffAndDebuff < 0 ? React.createElement(React.Fragment, null, React.createElement(TitleNameContainer, null, React.createElement(TitleNameDebuff, null, skillName), React.createElement(TitleNameDebuff, null, "lv ", level, " (", skillsBuffsCalc(level, buffAndDebuff), ")")), React.createElement("div", null, React.createElement(TitleNameDebuff, null, "(", buffAndDebuff, "%)"))) : React.createElement(TitleName, null, skillName)), !buffAndDebuff && React.createElement(TitleNameContainer, null, React.createElement(TitleName, null, skillName), React.createElement(ValueDisplay, null, "lv ", level))), React.createElement(ProgressBody, null, React.createElement(ProgressIconContainer, null, atlasIMG && atlasJSON ? React.createElement(SpriteContainer$2, null, React.createElement(ErrorBoundary, null, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -32170,7 +32176,7 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
   }))) : React.createElement(React.Fragment, null)), React.createElement(ProgressBarContainer$1, null, React.createElement(SimpleProgressBar, {
     value: ratio,
     bgColor: bgColor
-  }))), showSkillPoints && React.createElement(SkillDisplayContainer, null, React.createElement(SkillPointsDisplay, null, ratio.toFixed(2), "%")));
+  }))), showSkillPoints && React.createElement(SkillDisplayContainer, null, React.createElement(SkillPointsDisplay, null, skillPoints, " / ", skillPointsToNextLevel, " (", ratio.toFixed(2), "%)")));
 };
 var ProgressBarContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillProgressBar__ProgressBarContainer",
@@ -32187,7 +32193,7 @@ var SkillDisplayContainer = /*#__PURE__*/styled.div.withConfig({
 var SkillPointsDisplay = /*#__PURE__*/styled.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.span.withConfig({
   displayName: "SkillProgressBar__TitleName",
   componentId: "sc-5vuroc-4"