@rpg-engine/long-bow 0.6.50 → 0.6.53

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

@@ -32130,7 +32130,7 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
   var bgColor = _ref.bgColor,
     skillName = _ref.skillName,
     level = _ref.level,
-    skillPoints = _ref.skillPoints,
+    currentSkillPoints = _ref.skillPoints,
     skillPointsToNextLevel = _ref.skillPointsToNextLevel,
     texturePath = _ref.texturePath,
     _ref$showSkillPoints = _ref.showSkillPoints,
@@ -32138,12 +32138,12 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
     atlasIMG = _ref.atlasIMG,
     atlasJSON = _ref.atlasJSON,
     buffAndDebuff = _ref.buffAndDebuff;
-  if (!skillPointsToNextLevel) {
-    skillPointsToNextLevel = shared.getSPForLevel(level + 1);
-  }
-  var baseSkillPoints = shared.getSPForLevel(level);
-  var excessSkillPoints = skillPoints - baseSkillPoints;
-  var ratio = Math.min(excessSkillPoints / skillPointsToNextLevel * 100, 100);
+  // Base skill points for the previous level (0 for level 1)
+  var baseSkillPointsPrevLevel = shared.getSPForLevel(level);
+  // Calculate excess skill points above the previous level
+  var excessSkillPoints = currentSkillPoints - baseSkillPointsPrevLevel;
+  // Calculate progress percentage towards the next level
+  var progress = excessSkillPoints / (skillPointsToNextLevel != null ? skillPointsToNextLevel : 1) * 100;
   var skillsBuffsCalc = function skillsBuffsCalc(level, buffAndDebuff) {
     var result = level * (buffAndDebuff / 100);
     if (result > 0) {
@@ -32160,9 +32160,9 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
     grayScale: true,
     opacity: 0.5
   }))) : React__default.createElement(React__default.Fragment, null)), React__default.createElement(ProgressBarContainer$1, null, React__default.createElement(SimpleProgressBar, {
-    value: ratio,
+    value: progress,
     bgColor: bgColor
-  }))), showSkillPoints && React__default.createElement(SkillDisplayContainer, null, React__default.createElement(SkillPointsDisplay, null, ratio.toFixed(2), "% (", skillPoints, " SP)")));
+  }))), showSkillPoints && React__default.createElement(SkillDisplayContainer, null, React__default.createElement(SkillPointsDisplay, null, currentSkillPoints, "/", skillPointsToNextLevel)));
 };
 var ProgressBarContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SkillProgressBar__ProgressBarContainer",