@rpg-engine/long-bow 0.6.49 → 0.6.51

package/dist/long-bow.esm.js

@@ -32127,44 +32127,29 @@ var ProgressBarContainer = /*#__PURE__*/styled.div.withConfig({
 var SkillProgressBar = function SkillProgressBar(_ref) {
   var bgColor = _ref.bgColor,
     skillName = _ref.skillName,
-    initialLevel = _ref.level,
-    initialSkillPoints = _ref.skillPoints,
-    initialSkillPointsToNextLevel = _ref.skillPointsToNextLevel,
+    level = _ref.level,
+    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;
-  var _useState = useState(initialLevel),
-    level = _useState[0],
-    setLevel = _useState[1];
-  var _useState2 = useState(initialSkillPoints),
-    skillPoints = _useState2[0],
-    setSkillPoints = _useState2[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;
-      var newLevel = level + 1;
-      setLevel(newLevel);
-      setSkillPoints(excessSkillPoints);
-      setSkillPointsToNextLevel(getSPForLevel(newLevel + 1));
-    }
-  }, [skillPoints, skillPointsToNextLevel, level]);
-  // Calculate the ratio, ensuring it doesn't exceed 100%
-  var ratio = Math.min(skillPoints / skillPointsToNextLevel * 100, 100);
+  // Base skill points for the previous level (0 for level 1)
+  var baseSkillPointsPrevLevel = level > 1 ? getSPForLevel(level - 1) : 0;
+  // Total skill points needed for the next level
+  var nextLevelSkillPoints = 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);
-    return result > 0 ? "+" + result : "" + result;
+    if (result > 0) {
+      return "+" + result.toFixed(2);
+    } else {
+      return "" + result.toFixed(2);
+    }
   };
   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,
@@ -32174,9 +32159,9 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
     grayScale: true,
     opacity: 0.5
   }))) : React.createElement(React.Fragment, null)), React.createElement(ProgressBarContainer$1, null, React.createElement(SimpleProgressBar, {
-    value: ratio,
+    value: progress,
     bgColor: bgColor
-  }))), showSkillPoints && React.createElement(SkillDisplayContainer, null, React.createElement(SkillPointsDisplay, null, skillPoints, " / ", skillPointsToNextLevel, " (", ratio.toFixed(2), "%)")));
+  }))), showSkillPoints && React.createElement(SkillDisplayContainer, null, React.createElement(SkillPointsDisplay, null, progress.toFixed(2), "%")));
 };
 var ProgressBarContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "SkillProgressBar__ProgressBarContainer",