@rpg-engine/long-bow 0.6.54 → 0.6.56

package/dist/components/SkillProgressBar.d.ts

@@ -6,6 +6,7 @@ export interface ISkillProgressBarProps {
     skillPoints: number;
     texturePath: string;
     showSkillPoints?: boolean;
+    skillPointsToNextLevel: number;
     atlasJSON: any;
     atlasIMG: any;
     buffAndDebuff?: number;

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,11 +32126,17 @@ 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,
     level = _ref.level,
     currentSkillPoints = _ref.skillPoints,
+    skillPointsToNextLevel = _ref.skillPointsToNextLevel,
     texturePath = _ref.texturePath,
     _ref$showSkillPoints = _ref.showSkillPoints,
     showSkillPoints = _ref$showSkillPoints === void 0 ? true : _ref$showSkillPoints,
@@ -32138,13 +32144,11 @@ 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 = shared.getSPForLevel(level + 1);
+  var baseSkillPointsPrevLevel = level === 1 ? 0 : shared.getSPForLevel(level);
   // Calculate excess skill points above the previous level
   var excessSkillPoints = Math.max(currentSkillPoints - baseSkillPointsPrevLevel, 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, excessSkillPoints / skillPointsToNextLevel * 100));
   var skillsBuffsCalc = function skillsBuffsCalc(level, buffAndDebuff) {
     var result = level * (buffAndDebuff / 100);
     return result > 0 ? "+" + result.toFixed(2) : "" + result.toFixed(2);
@@ -32156,15 +32160,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"
@@ -32305,6 +32309,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
         bgColor: skillCategoryColor,
         level: skillDetails.level || 0,
         skillPoints: Math.round(skillDetails.skillPoints) || 0,
+        skillPointsToNextLevel: Math.round(shared.getSPForLevel(skillDetails.level + 1)) || 0,
         texturePath: value,
         atlasIMG: atlasIMG,
         atlasJSON: atlasJSON,
@@ -32329,6 +32334,7 @@ var SkillsContainer = function SkillsContainer(_ref) {
     bgColor: uiColors.navyBlue,
     level: Math.round(skill.level) || 0,
     skillPoints: Math.round(skill.experience) || 0,
+    skillPointsToNextLevel: Math.round(shared.getXPForLevel(skill.level + 1)) || 0,
     texturePath: 'swords/broad-sword.png',
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON