@rpg-engine/long-bow 0.6.50 → 0.6.51

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

@@ -32130,20 +32130,21 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
   var bgColor = _ref.bgColor,
     skillName = _ref.skillName,
     level = _ref.level,
-    skillPoints = _ref.skillPoints,
-    skillPointsToNextLevel = _ref.skillPointsToNextLevel,
+    currentSkillPoints = _ref.skillPoints,
     texturePath = _ref.texturePath,
     _ref$showSkillPoints = _ref.showSkillPoints,
     showSkillPoints = _ref$showSkillPoints === void 0 ? true : _ref$showSkillPoints,
     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 = level > 1 ? shared.getSPForLevel(level - 1) : 0;
+  // Total skill points needed for the next level
+  var nextLevelSkillPoints = shared.getSPForLevel(level + 1);
+  // Calculate excess skill points above the previous level
+  var excessSkillPoints = currentSkillPoints - baseSkillPointsPrevLevel;
+  // Calculate progress percentage towards the next level
+  var progress = nextLevelSkillPoints > baseSkillPointsPrevLevel ? Math.max(Math.min(excessSkillPoints / (nextLevelSkillPoints - baseSkillPointsPrevLevel) * 100, 100), 0) : 0;
   var skillsBuffsCalc = function skillsBuffsCalc(level, buffAndDebuff) {
     var result = level * (buffAndDebuff / 100);
     if (result > 0) {
@@ -32160,9 +32161,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, progress.toFixed(2), "%")));
 };
 var ProgressBarContainer$1 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SkillProgressBar__ProgressBarContainer",