bnstooltips 1.21.0 → 1.21.2

package/build/index.js

@@ -9634,17 +9634,17 @@ var css_248z$1 = ".TooltipBase_bns_upgradeRed_color {\n  color: #FF2818;\n}\n\n.
 styleInject(css_248z$1);
 
 function MultiSkillTooltip(_a) {
-    var skills = _a.skills, _b = _a.debug, debug = _b === void 0 ? false : _b;
-    return (React__default["default"].createElement("div", { className: "MultiSkillTooltip_container", "data-testid": "MultiSkillTooltip" }, skills.map(function (skill, index) { return (React__default["default"].createElement(SkillTooltip, { data: skill.data, masteryPoints: skill.masteryPoints, key: index, debug: debug })); })));
+    var skills = _a.skills, _b = _a.debug, debug = _b === void 0 ? false : _b, _c = _a.fullheight, fullheight = _c === void 0 ? false : _c;
+    return (React__default["default"].createElement("div", { className: "MultiSkillTooltip_container", "data-testid": "MultiSkillTooltip" }, skills.map(function (skill, index) { return (React__default["default"].createElement(SkillTooltip, { data: skill.data, masteryPoints: skill.masteryPoints, key: index, debug: debug, multi: fullheight })); })));
 }
 
 var css_248z = ".TooltipBase_bns_upgradeRed_color {\n  color: #FF2818;\n}\n\n.TooltipBase_bns_downgradeBlue_color {\n  color: #28A9F0;\n}\n\n.tippy-box {\n  max-width: none !important;\n  background-color: transparent !important;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;\n  transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\n}\n.tippy-box:hover {\n  box-shadow: rgba(0, 0, 0, 0.8) 0px 20px 60px 0px !important;\n}\n\n.tippy-content {\n  padding: 0 !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=bottom] .tippy-arrow::before {\n  border-bottom-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=top] .tippy-arrow::before {\n  border-top-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=left] .tippy-arrow::before {\n  border-left-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade1][data-placement^=right] .tippy-arrow::before {\n  border-right-color: #9B9B9B !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=bottom] .tippy-arrow::before {\n  border-bottom-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=top] .tippy-arrow::before {\n  border-top-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=left] .tippy-arrow::before {\n  border-left-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade2][data-placement^=right] .tippy-arrow::before {\n  border-right-color: #ffffff !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=bottom] .tippy-arrow::before {\n  border-bottom-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=top] .tippy-arrow::before {\n  border-top-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=left] .tippy-arrow::before {\n  border-left-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade3][data-placement^=right] .tippy-arrow::before {\n  border-right-color: #57FF78 !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=bottom] .tippy-arrow::before {\n  border-bottom-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=top] .tippy-arrow::before {\n  border-top-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=left] .tippy-arrow::before {\n  border-left-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade4][data-placement^=right] .tippy-arrow::before {\n  border-right-color: #00D9FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=bottom] .tippy-arrow::before {\n  border-bottom-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=top] .tippy-arrow::before {\n  border-top-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=left] .tippy-arrow::before {\n  border-left-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade5][data-placement^=right] .tippy-arrow::before {\n  border-right-color: #D836FF !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=bottom] .tippy-arrow::before {\n  border-bottom-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=top] .tippy-arrow::before {\n  border-top-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=left] .tippy-arrow::before {\n  border-left-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade6][data-placement^=right] .tippy-arrow::before {\n  border-right-color: #FF9700 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=bottom] .tippy-arrow::before {\n  border-bottom-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=top] .tippy-arrow::before {\n  border-top-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=left] .tippy-arrow::before {\n  border-left-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade7][data-placement^=right] .tippy-arrow::before {\n  border-right-color: #FF7802 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=bottom] .tippy-arrow::before {\n  border-bottom-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=top] .tippy-arrow::before {\n  border-top-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=left] .tippy-arrow::before {\n  border-left-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade8][data-placement^=right] .tippy-arrow::before {\n  border-right-color: #FF0085 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=bottom] .tippy-arrow::before {\n  border-bottom-color: #FFED23 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=top] .tippy-arrow::before {\n  border-top-color: #FFED23 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=left] .tippy-arrow::before {\n  border-left-color: #FFED23 !important;\n}\n\n.tippy-box[data-theme~=grade9][data-placement^=right] .tippy-arrow::before {\n  border-right-color: #FFED23 !important;\n}";
 styleInject(css_248z);
 
 var MultiSkillTooltipWrapper = function (_a) {
-    var skills = _a.skills, 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;
+    var skills = _a.skills, 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.fullheight, fullheight = _h === void 0 ? false : _h;
     var spanRef = React.useRef(null);
-    var _h = React.useState(null), childRef = _h[0], setChildRef = _h[1];
+    var _j = React.useState(null), childRef = _j[0], setChildRef = _j[1];
     /**
      * Mount the temporary span element.
      * retrieve and store the target element's reference.
@@ -9657,7 +9657,7 @@ var MultiSkillTooltipWrapper = function (_a) {
     }, []);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         children,
-        childRef ? (React__default["default"].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__default["default"].createElement(MultiSkillTooltip, { skills: skills, debug: debug }), theme: "grade" + 4, reference: childRef })) : (React__default["default"].createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
+        childRef ? (React__default["default"].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__default["default"].createElement(MultiSkillTooltip, { skills: skills, debug: debug, fullheight: fullheight }), theme: "grade" + 4, reference: childRef })) : (React__default["default"].createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
 };
 
 exports.EffectTooltip = EffectTooltip;