bnstooltips 1.19.1 → 1.20.0

package/build/SkillTooltip/SkillTooltip.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { SkillTooltipProps } from "./SkillTooltip.types";
 import "./SkillTooltip.scss";
-declare function SkillTooltip({ data, debug, masteryPoints, masteryValue, masteryIsPercentage, }: SkillTooltipProps): JSX.Element;
+declare function SkillTooltip({ data, debug, masteryPoints }: SkillTooltipProps): JSX.Element;
 export default SkillTooltip;

package/build/SkillTooltip/SkillTooltip.types.d.ts

@@ -2,7 +2,5 @@ import { Skill } from "../Utilities/ISkill";
 export interface SkillTooltipProps {
     data: Skill;
     masteryPoints?: number;
-    masteryValue?: number;
-    masteryIsPercentage?: boolean;
     debug?: boolean;
 }

package/build/SkillTooltipWrapper/SkillTooltipWrapper.types.d.ts

@@ -3,7 +3,5 @@ import { ITooltipWrapper } from "../Utilities/Models";
 export interface SkillTooltipWrapperProps extends ITooltipWrapper {
     data: Skill;
     masteryPoints?: number;
-    masteryValue?: number;
-    masteryIsPercentage?: boolean;
     debug?: boolean;
 }

package/build/Utilities/Helpers.d.ts

@@ -1,4 +1,4 @@
-import { Skill } from "./ISkill";
+import { Skill, SkillArcaneInfo } from "./ISkill";
 export declare function BuildIconPath(iconPath: string, iconIndex?: number): string;
 export declare function IsNullOrEmpty(property?: string): boolean;
 export declare function ReplaceIconsInHtmlString(htmlString: string): string;
@@ -13,3 +13,4 @@ export interface IBnsMoney {
     Copper: number;
 }
 export declare function getMoneyObj(money: number): IBnsMoney | null;
+export declare function GetSkillMasteryValue(points: number, arcaneInfo: SkillArcaneInfo): number;

package/build/Utilities/ISkill.d.ts

@@ -23,6 +23,16 @@ export interface Skill {
     };
     RealCastCondition: RealCastCondition;
     RealEffects: RealEffects;
+    ArcaneInfo: SkillArcaneInfo;
+}
+export interface SkillArcaneInfo {
+    IsCooldown: boolean;
+    DamageSections: {
+        [id: number]: number;
+    };
+    CooldownBreakpoints: {
+        [id: number]: number;
+    };
 }
 export interface RealEffects {
     Effects: {

package/build/index.es.js

@@ -316,6 +316,63 @@ function getMoneyObj(money) {
         Gold: gold,
         Silver: silver
     };
+}
+function GetSkillMasteryValue(points, arcaneInfo) {
+    if (points <= 0)
+        return 0;
+    return arcaneInfo.IsCooldown ? GetSkillMasteryCdValueForPoints(points, arcaneInfo.CooldownBreakpoints) : GetSkillMasteryValueForPoints(points, arcaneInfo.DamageSections);
+}
+/**
+ * Calculates the cooldown reduction value based on skill mastery points and defined breakpoints.
+ *
+ * @param mastery - The total skill mastery points.
+ * @param cooldownBreakpoints - An object mapping breakpoints to their corresponding cooldown reduction values.
+ * @returns The total cooldown reduction value.
+ */
+function GetSkillMasteryCdValueForPoints(mastery, cooldownBreakpoints) {
+    var value = 0; // Accumulator for the total cooldown reduction value
+    // Convert the object keys (breakpoints) to an array of numbers and sort them in ascending order
+    var sortedBreakpoints = Object.keys(cooldownBreakpoints)
+        .map(Number) // Convert string keys to numbers
+        .sort(function (a, b) { return a - b; }); // Sort breakpoints in ascending order
+    // Iterate over the sorted breakpoints
+    for (var _i = 0, sortedBreakpoints_1 = sortedBreakpoints; _i < sortedBreakpoints_1.length; _i++) {
+        var breakpoint = sortedBreakpoints_1[_i];
+        if (mastery >= breakpoint) {
+            // Add the cooldown reduction value for this breakpoint (converted from milliseconds to seconds)
+            value += cooldownBreakpoints[breakpoint] / 1000;
+        }
+    }
+    return value; // Return the total cooldown reduction value
+}
+/**
+ * Calculates the total skill bonus based on mastery points and the given damage sections.
+ *
+ * @param mastery - The total mastery points.
+ * @param damageSections - An object defining breakpoints and corresponding multipliers.
+ * @returns The total bonus percentage.
+ */
+function GetSkillMasteryValueForPoints(mastery, damageSections) {
+    var bonus = 0; // Stores the accumulated bonus percentage
+    var previousLimit = 0; // Keeps track of the previous breakpoint
+    // Iterate over the damageSections object, sorted by its keys (breakpoints)
+    for (var _i = 0, _a = Object.entries(damageSections); _i < _a.length; _i++) {
+        var _b = _a[_i], limitStr = _b[0], multiplier = _b[1];
+        var limit = parseInt(limitStr, 10); // Convert the key (string) to a number
+        if (mastery > previousLimit) {
+            // Calculate how many points fall within this range
+            var pointsInRange = Math.min(mastery - previousLimit, limit - previousLimit);
+            // Multiply points by the corresponding multiplier (converted to percentage)
+            bonus += pointsInRange * (multiplier / 10);
+        }
+        // Update the previous limit for the next iteration
+        previousLimit = limit;
+        // Stop iterating if mastery has been fully allocated
+        if (mastery <= limit) {
+            break;
+        }
+    }
+    return bonus;
 }
 
 //----------------------
@@ -8672,7 +8729,7 @@ function JsonArrayToJsxArray(stringArray) {
     return jsxArray;
 }
 
-var css_248z$6 = ".TooltipBase_bns_upgradeRed_color {\n  color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n  color: #28A9F0;\n}\n\n.SkillTooltip_skillIconContainer {\n  width: 60px;\n  height: 60px;\n  padding: 0;\n  float: left;\n  position: relative;\n}\n.SkillTooltip_skillIcon {\n  width: 60px;\n  height: 60px;\n  position: relative;\n}\n.SkillTooltip_skillIconCanvas {\n  width: 60px;\n  height: 60px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  filter: blur(30px);\n  opacity: 0.5;\n}\n.SkillTooltip_buttonIcon {\n  position: absolute;\n  right: 1px;\n  bottom: 1px;\n  height: 18px;\n  opacity: 0.9;\n}\n.SkillTooltip_buttonIconMouse {\n  background-color: rgba(0, 0, 0, 0.8);\n}\n.SkillTooltip_mainText {\n  font-weight: 500;\n}\n.SkillTooltip_smallText {\n  font-size: 12px;\n}\n.SkillTooltip_subTextMargin {\n  margin-bottom: 0.3rem;\n}\n.SkillTooltip_boundaryContainer {\n  display: flex;\n  width: 100%;\n  margin-bottom: 0.5rem;\n  line-height: 17px;\n}\n.SkillTooltip_boundary {\n  flex: 1;\n  flex-basis: 0px;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  color: black;\n  margin: 0.15rem;\n}\n.SkillTooltip_boundary:first-of-type > .SkillTooltip_boundaryHead {\n  border-radius: 3px 0 0 0;\n}\n.SkillTooltip_boundary:last-of-type > .SkillTooltip_boundaryHead {\n  border-radius: 0 3px 0 0;\n}\n.SkillTooltip_boundary:first-of-type > .SkillTooltip_boundaryBody {\n  border-radius: 0 0 0 3px;\n}\n.SkillTooltip_boundary:last-of-type > .SkillTooltip_boundaryBody {\n  border-radius: 0 0 3px 0;\n}\n.SkillTooltip_boundaryHead {\n  color: white;\n  font-weight: 500;\n  font-size: 12px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  padding: 0.3rem;\n  text-align: center;\n  flex: 1;\n  min-height: 26px;\n  background-color: rgba(127, 127, 127, 0.4);\n}\n.SkillTooltip_boundaryBody {\n  color: white;\n  padding: 0.5rem 0.3rem;\n  margin-top: 0.15rem;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 40px;\n  flex: 2;\n  background-color: rgba(127, 127, 127, 0.4);\n}\n.SkillTooltip_boundaryBodyModifier {\n  min-height: 33px !important;\n}\n.SkillTooltip_boundaryHasIcon {\n  min-height: 50px !important;\n}\n.SkillTooltip_conditionRow {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n.SkillTooltip_conditionRow:not(:last-of-type) {\n  margin-bottom: 0.1rem;\n}\n.SkillTooltip_conditionIcon {\n  width: 20px;\n  height: 20px;\n  margin-right: 0.33rem;\n}\n.SkillTooltip_conditionIconSmall {\n  width: 12px;\n  height: 12px;\n  margin-right: 0.22rem;\n}\n\n.tooltipArg {\n  color: #00D9FF;\n  font-weight: 600;\n}\n\n.wordbreakall {\n  word-break: break-all;\n}\n\n.wordbreakword {\n  word-break: break-word;\n}\n\n.target-360 {\n  background-image: url(\"./360.png\");\n  background-repeat: no-repeat;\n  background-position: 50% 60%;\n  background-size: auto 64px;\n}\n\n.target-front-180 {\n  background-image: url(\"./180.png\");\n  background-repeat: no-repeat;\n  background-position: 50% 70%;\n  background-size: auto 64px;\n}\n\n.laser {\n  background-image: url(\"./laser.png\");\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  background-size: auto 64px;\n}\n\n.arcanemark {\n  background-image: url(\"./arcanemark.png\");\n  width: 24px;\n  height: 24px;\n  background-position: 50% 50%;\n  background-size: auto 24px;\n  margin-left: 0.33rem;\n  margin-right: 0.05rem;\n}";
+var css_248z$6 = ".TooltipBase_bns_upgradeRed_color {\n  color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n  color: #28A9F0;\n}\n\n.SkillTooltip_skillIconContainer {\n  width: 60px;\n  height: 60px;\n  padding: 0;\n  float: left;\n  position: relative;\n}\n.SkillTooltip_skillIcon {\n  width: 60px;\n  height: 60px;\n  position: relative;\n}\n.SkillTooltip_skillIconCanvas {\n  width: 60px;\n  height: 60px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  filter: blur(30px);\n  opacity: 0.5;\n}\n.SkillTooltip_buttonIcon {\n  position: absolute;\n  right: 1px;\n  bottom: 1px;\n  height: 18px;\n  opacity: 0.9;\n}\n.SkillTooltip_buttonIconMouse {\n  background-color: rgba(0, 0, 0, 0.8);\n}\n.SkillTooltip_mainText {\n  font-weight: 500;\n}\n.SkillTooltip_smallText {\n  font-size: 12px;\n}\n.SkillTooltip_subTextMargin {\n  margin-bottom: 0.3rem;\n}\n.SkillTooltip_boundaryContainer {\n  display: flex;\n  width: 100%;\n  margin-bottom: 0.5rem;\n  line-height: 17px;\n}\n.SkillTooltip_boundary {\n  flex: 1;\n  flex-basis: 0px;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  color: black;\n  margin: 0.15rem;\n}\n.SkillTooltip_boundary:first-of-type > .SkillTooltip_boundaryHead {\n  border-radius: 3px 0 0 0;\n}\n.SkillTooltip_boundary:last-of-type > .SkillTooltip_boundaryHead {\n  border-radius: 0 3px 0 0;\n}\n.SkillTooltip_boundary:first-of-type > .SkillTooltip_boundaryBody {\n  border-radius: 0 0 0 3px;\n}\n.SkillTooltip_boundary:last-of-type > .SkillTooltip_boundaryBody {\n  border-radius: 0 0 3px 0;\n}\n.SkillTooltip_boundaryHead {\n  color: white;\n  font-weight: 500;\n  font-size: 12px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  padding: 0.3rem;\n  text-align: center;\n  flex: 1;\n  min-height: 26px;\n  background-color: rgba(127, 127, 127, 0.4);\n}\n.SkillTooltip_boundaryBody {\n  color: white;\n  padding: 0.5rem 0.3rem;\n  margin-top: 0.15rem;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 40px;\n  flex: 2;\n  background-color: rgba(127, 127, 127, 0.4);\n}\n.SkillTooltip_boundaryBodyModifier {\n  min-height: 33px !important;\n}\n.SkillTooltip_boundaryHasIcon {\n  min-height: 50px !important;\n}\n.SkillTooltip_conditionRow {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n.SkillTooltip_conditionRow:not(:last-of-type) {\n  margin-bottom: 0.1rem;\n}\n.SkillTooltip_conditionIcon {\n  width: 20px;\n  height: 20px;\n  margin-right: 0.33rem;\n}\n.SkillTooltip_conditionIconSmall {\n  width: 12px;\n  height: 12px;\n  margin-right: 0.22rem;\n}\n\n.tooltipArg {\n  color: #00D9FF;\n  font-weight: 600;\n}\n\n.wordbreakall {\n  word-break: break-all;\n}\n\n.wordbreakword {\n  word-break: break-word;\n}\n\n.target-360 {\n  background-image: url(\"./360.png\");\n  background-repeat: no-repeat;\n  background-position: 50% 60%;\n  background-size: auto 64px;\n}\n\n.target-front-180 {\n  background-image: url(\"./180.png\");\n  background-repeat: no-repeat;\n  background-position: 50% 70%;\n  background-size: auto 64px;\n}\n\n.laser {\n  background-image: url(\"./laser.png\");\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  background-size: auto 64px;\n}\n\n.arcanemark {\n  background-image: url(\"./arcanemark.png\");\n  width: 24px;\n  height: 24px;\n  background-position: 50% 50%;\n  background-size: auto 24px;\n  margin-left: 0.25rem;\n}";
 styleInject(css_248z$6);
 
 function getButtonIconPath(button) {
@@ -8838,7 +8895,7 @@ function SkillConditions(_a) {
 }
 
 function SkillTooltip(_a) {
-    var data = _a.data, _b = _a.debug, debug = _b === void 0 ? false : _b, _c = _a.masteryPoints, masteryPoints = _c === void 0 ? 0 : _c, _d = _a.masteryValue, masteryValue = _d === void 0 ? 0 : _d, _e = _a.masteryIsPercentage, masteryIsPercentage = _e === void 0 ? false : _e;
+    var data = _a.data, _b = _a.debug, debug = _b === void 0 ? false : _b, _c = _a.masteryPoints, masteryPoints = _c === void 0 ? 0 : _c;
     var skill = data;
     var tooltipBaseProps = {
         title: skill.Name,
@@ -8858,7 +8915,7 @@ function SkillTooltip(_a) {
         //bottomPart
         AddSubTexts(tooltipBaseProps.subInfoGroups, skill);
         AddBreakValue(tooltipBaseProps.subInfoGroups, skill);
-        AddSkillMastery(tooltipBaseProps.subInfoGroups, masteryPoints, masteryValue, masteryIsPercentage);
+        AddSkillMastery(tooltipBaseProps.subInfoGroups, masteryPoints, skill.ArcaneInfo);
         AddPvpModifiers(tooltipBaseProps.subInfoGroups, skill);
         AddBoundaries(tooltipBaseProps.subInfoGroups, skill);
         AddConditions(tooltipBaseProps.subInfoGroups, skill);
@@ -8910,8 +8967,11 @@ function AddBreakValue(subInfoGroups, skill) {
         });
     }
 }
-function AddSkillMastery(subInfoGroups, masteryPoints, masteryValue, masteryIsPercentage) {
-    if (masteryPoints == null || masteryPoints == 0 || masteryValue == null || masteryValue == 0)
+function AddSkillMastery(subInfoGroups, masteryPoints, arcaneInfo) {
+    if (masteryPoints == null || masteryPoints == 0 || arcaneInfo == null)
+        return;
+    var masteryValue = GetSkillMasteryValue(masteryPoints, arcaneInfo);
+    if (masteryValue == null || masteryValue == 0)
         return;
     var formattedMasteryValue = Number.isInteger(masteryValue) ? masteryValue.toString() : masteryValue.toFixed(2).replace(',', '.');
     subInfoGroups.push({
@@ -8922,7 +8982,7 @@ function AddSkillMastery(subInfoGroups, masteryPoints, masteryValue, masteryIsPe
                     React.createElement("span", { className: "tooltipArg", style: { fontSize: "14px" } }, "Skill Grandmaster"),
                     React.createElement("div", { className: "arcanemark" }),
                     React.createElement("span", { className: "tooltipArg", style: { fontSize: "14px" } }, masteryPoints)),
-                masteryIsPercentage ?
+                !arcaneInfo.IsCooldown ?
                     React.createElement("div", null,
                         "Damage increase:\u00A0",
                         React.createElement("span", { className: "tooltipArg" },
@@ -9145,9 +9205,9 @@ var css_248z$5 = ".TooltipBase_bns_upgradeRed_color {\n  color: #FF2818;\n}\n\n.
 styleInject(css_248z$5);
 
 var SkillTooltipWrapper = function (_a) {
-    var data = _a.data, children = _a.children, _b = _a.interactive, interactive = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? "right" : _c, _d = _a.followCursor, followCursor$1 = _d === void 0 ? false : _d, _e = _a.trigger, trigger = _e === void 0 ? "mouseenter focus" : _e, _f = _a.showArrow, showArrow = _f === void 0 ? true : _f, _g = _a.debug, debug = _g === void 0 ? false : _g, _h = _a.masteryPoints, masteryPoints = _h === void 0 ? 0 : _h, _j = _a.masteryValue, masteryValue = _j === void 0 ? 0 : _j, _k = _a.masteryIsPercentage, masteryIsPercentage = _k === void 0 ? false : _k;
+    var data = _a.data, children = _a.children, _b = _a.interactive, interactive = _b === void 0 ? false : _b, _c = _a.placement, placement = _c === void 0 ? "right" : _c, _d = _a.followCursor, followCursor$1 = _d === void 0 ? false : _d, _e = _a.trigger, trigger = _e === void 0 ? "mouseenter focus" : _e, _f = _a.showArrow, showArrow = _f === void 0 ? true : _f, _g = _a.debug, debug = _g === void 0 ? false : _g, _h = _a.masteryPoints, masteryPoints = _h === void 0 ? 0 : _h;
     var spanRef = useRef(null);
-    var _l = useState(null), childRef = _l[0], setChildRef = _l[1];
+    var _j = useState(null), childRef = _j[0], setChildRef = _j[1];
     /**
      * Mount the temporary span element.
      * retrieve and store the target element's reference.
@@ -9160,7 +9220,7 @@ var SkillTooltipWrapper = function (_a) {
     }, []);
     return (React.createElement(React.Fragment, null,
         children,
-        childRef ? (React.createElement(Tippy, { arrow: showArrow, trigger: trigger, plugins: [followCursor], followCursor: followCursor$1 && (!interactive && !debug), appendTo: document.body, placement: placement, animation: "fade", interactive: interactive || debug, content: React.createElement(SkillTooltip, { data: data, debug: debug, masteryPoints: masteryPoints, masteryValue: masteryValue, masteryIsPercentage: masteryIsPercentage }), theme: "grade" + 4, reference: childRef })) : (React.createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
+        childRef ? (React.createElement(Tippy, { arrow: showArrow, trigger: trigger, plugins: [followCursor], followCursor: followCursor$1 && (!interactive && !debug), appendTo: document.body, placement: placement, animation: "fade", interactive: interactive || debug, content: React.createElement(SkillTooltip, { data: data, debug: debug, masteryPoints: masteryPoints }), theme: "grade" + 4, reference: childRef })) : (React.createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
 };
 
 var ServerRegion;