bnstooltips 1.21.0 → 1.21.2

package/build/MultiSkillTooltip/MultiSkillTooltip.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { MultiSkillTooltipProps } from "./MultiSkillTooltip.types";
 import "./MultiSkillTooltip.scss";
-declare function MultiSkillTooltip({ skills, debug }: MultiSkillTooltipProps): JSX.Element;
+declare function MultiSkillTooltip({ skills, debug, fullheight, }: MultiSkillTooltipProps): JSX.Element;
 export default MultiSkillTooltip;

package/build/MultiSkillTooltip/MultiSkillTooltip.types.d.ts

@@ -2,6 +2,7 @@ import { Skill } from "../Utilities/ISkill";
 export interface MultiSkillTooltipProps {
     skills: MultiSkillEntry[];
     debug?: boolean;
+    fullheight?: boolean;
 }
 export interface MultiSkillEntry {
     data: Skill;

package/build/MultiSkillTooltipWrapper/MultiSkillTooltipWrapper.types.d.ts

@@ -3,4 +3,5 @@ import { ITooltipWrapper } from "../Utilities/Models";
 export interface MultiSkillTooltipWrapperProps extends ITooltipWrapper {
     skills: MultiSkillEntry[];
     debug?: boolean;
+    fullheight?: boolean;
 }

package/build/index.es.js

@@ -9626,17 +9626,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.createElement("div", { className: "MultiSkillTooltip_container", "data-testid": "MultiSkillTooltip" }, skills.map(function (skill, index) { return (React.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.createElement("div", { className: "MultiSkillTooltip_container", "data-testid": "MultiSkillTooltip" }, skills.map(function (skill, index) { return (React.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 = useRef(null);
-    var _h = useState(null), childRef = _h[0], setChildRef = _h[1];
+    var _j = useState(null), childRef = _j[0], setChildRef = _j[1];
     /**
      * Mount the temporary span element.
      * retrieve and store the target element's reference.
@@ -9649,7 +9649,7 @@ var MultiSkillTooltipWrapper = 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(MultiSkillTooltip, { skills: skills, debug: debug }), 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(MultiSkillTooltip, { skills: skills, debug: debug, fullheight: fullheight }), theme: "grade" + 4, reference: childRef })) : (React.createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
 };
 
 export { EffectTooltip, EffectTooltipWrapper, GetCooldownString, ItemDownloadClient, ItemImproveEffectsTooltip, ItemImproveEffectsTooltipWrapper, ItemImproveSelectStageTooltip, ItemImproveSelectStageTooltipWrapper, ItemImproveTooltip, ItemImproveTooltipWrapper, ItemTooltip, ItemTooltipWrapper, JsonTooltip, MultiSkillTooltip, MultiSkillTooltipWrapper, NpcTooltip, ServerRegion, SkillTooltip, SkillTooltipWrapper, TooltipBase };