@rpg-engine/long-bow 0.6.55 → 0.6.57

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1 @@
+export declare const Tooltip: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -32126,6 +32126,11 @@ var ProgressBarContainer = /*#__PURE__*/styled__default.div.withConfig({
   return props.margin;
 });
 
+var Tooltip = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "Tooltip",
+  componentId: "sc-m78j13-0"
+})(["visibility:hidden;position:absolute;background-color:black;color:white;text-align:center;border-radius:4px;padding:5px;z-index:1;font-size:0.5rem;white-space:nowrap;top:-20px;left:50%;transform:translateX(-50%);"]);
+
 var SkillProgressBar = function SkillProgressBar(_ref) {
   var bgColor = _ref.bgColor,
     skillName = _ref.skillName,
@@ -32139,13 +32144,9 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
     atlasJSON = _ref.atlasJSON,
     buffAndDebuff = _ref.buffAndDebuff;
   // 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 = skillPointsToNextLevel;
-  // Calculate excess skill points above the previous level
-  var excessSkillPoints = Math.max(currentSkillPoints - baseSkillPointsPrevLevel, 0);
+  var baseSkillPointsPrevLevel = shared.getSPForLevel(level - 1) || 0;
   // Calculate progress percentage towards the next level
-  var progress = Math.min(100, Math.max(0, excessSkillPoints / nextLevelSkillPoints * 100));
+  var progress = Math.min(100, Math.max(0, (currentSkillPoints - baseSkillPointsPrevLevel) / (skillPointsToNextLevel - baseSkillPointsPrevLevel) * 100));
   var skillsBuffsCalc = function skillsBuffsCalc(level, buffAndDebuff) {
     var result = level * (buffAndDebuff / 100);
     return result > 0 ? "+" + result.toFixed(2) : "" + result.toFixed(2);
@@ -32157,15 +32158,15 @@ var SkillProgressBar = function SkillProgressBar(_ref) {
     imgScale: 1,
     grayScale: true,
     opacity: 0.5
-  }))) : React__default.createElement(React__default.Fragment, null)), React__default.createElement(ProgressBarContainer$1, null, React__default.createElement(SimpleProgressBar, {
+  }))) : React__default.createElement(React__default.Fragment, null)), React__default.createElement(ProgressBarWrapper, null, React__default.createElement(SimpleProgressBar, {
     value: progress,
     bgColor: bgColor
-  }))), showSkillPoints && React__default.createElement(SkillDisplayContainer, null, React__default.createElement(SkillPointsDisplay, null, progress.toFixed(2), "%")));
+  }), React__default.createElement(Tooltip, null, "SP: ", currentSkillPoints))), 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",
+var ProgressBarWrapper = /*#__PURE__*/styled__default.div.withConfig({
+  displayName: "SkillProgressBar__ProgressBarWrapper",
   componentId: "sc-5vuroc-0"
-})(["position:relative;top:8px;width:100%;height:auto;"]);
+})(["position:relative;&:hover ", ",&:active ", "{visibility:visible;}width:100%;height:auto;top:8px;"], Tooltip, Tooltip);
 var SpriteContainer$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "SkillProgressBar__SpriteContainer",
   componentId: "sc-5vuroc-1"
@@ -32300,14 +32301,13 @@ var SkillsContainer = function SkillsContainer(_ref) {
       if (!skillDetails) {
         continue;
       }
-      var skillPointsToNextLevel = shared.calculateSPToNextLevel(skillDetails.skillPoints, skillDetails.level);
       output.push(React__default.createElement(SkillProgressBar, {
         key: key,
         skillName: skillNameMap[key],
         bgColor: skillCategoryColor,
         level: skillDetails.level || 0,
         skillPoints: Math.round(skillDetails.skillPoints) || 0,
-        skillPointsToNextLevel: skillPointsToNextLevel,
+        skillPointsToNextLevel: Math.round(shared.getSPForLevel(skillDetails.level + 1)) || 0,
         texturePath: value,
         atlasIMG: atlasIMG,
         atlasJSON: atlasJSON,