bnstooltips 1.15.0 → 1.15.2

package/build/index.es.js

@@ -8110,7 +8110,7 @@ function JsonArrayToJsxArray(stringArray) {
     return jsxArray;
 }
 
-var css_248z$4 = ".TooltipBase_bns_upgradeRed_color {\n  color: #FF2818; }\n\n.TooltipBase_bns_downgradeBlue_color {\n  color: #28A9F0; }\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: .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.tooltipArg {\n  color: #46bee1;\n  font-weight: 600; }\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.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.laser {\n  background-image: url(\"./laser.png\");\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  background-size: auto 64px; }\n";
+var css_248z$4 = ".TooltipBase_bns_upgradeRed_color {\n  color: #FF2818; }\n\n.TooltipBase_bns_downgradeBlue_color {\n  color: #28A9F0; }\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: .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.tooltipArg {\n  color: #46bee1;\n  font-weight: 600; }\n\n.wordbreakall {\n  word-break: break-all; }\n\n.wordbreakword {\n  word-break: break-word; }\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.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.laser {\n  background-image: url(\"./laser.png\");\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  background-size: auto 64px; }\n";
 styleInject(css_248z$4);
 
 function getButtonIconPath(button) {
@@ -8427,20 +8427,31 @@ function AddRealEffects(subInfoGroups, skill) {
     for (var key in realEffects.Effects) {
         var realEffect = realEffects.Effects[key];
         var subInfoGroup = {
-            title: "Effect: " + realEffect.Alias,
+            title: "Effect",
             texts: []
         };
-        subInfoGroup.texts.push(React.createElement("div", null,
-            "Id: ",
-            React.createElement(BlueColoredText, { text: realEffect.Id.toString() })), React.createElement("div", null,
-            "Alias: ",
-            React.createElement(BlueColoredText, { text: realEffect.Alias })), React.createElement("div", null,
-            "Name: ",
-            React.createElement(BlueColoredText, { text: realEffect.Name })), React.createElement("div", null,
-            "Description: ",
-            React.createElement("span", { dangerouslySetInnerHTML: { __html: realEffect.Description } })), React.createElement("div", null,
-            "Effect type: ",
-            React.createElement(BlueColoredText, { text: realEffect.EffectType })));
+        var texts = [
+            React.createElement("div", null,
+                "Id: ",
+                React.createElement(BlueColoredText, { text: realEffect.Id.toString() })),
+            React.createElement("div", null,
+                "Alias: ",
+                React.createElement(BlueColoredText, { text: realEffect.Alias, customClasses: "wordbreakall" })),
+            React.createElement("div", null,
+                "Effect type: ",
+                React.createElement(BlueColoredText, { text: realEffect.EffectType }))
+        ];
+        if (realEffect.Name != null && realEffect.Name != "") {
+            texts.push(React.createElement("div", null,
+                "Name: ",
+                React.createElement(BlueColoredText, { text: realEffect.Name })));
+        }
+        if (realEffect.Description != null && realEffect.Description != "") {
+            texts.push(React.createElement("div", null,
+                "Description: ",
+                React.createElement(BlueColoredTextDangerous, { text: realEffect.Description, customClasses: "wordbreakword" })));
+        }
+        subInfoGroup.texts = texts;
         subInfoGroups.push(subInfoGroup);
     }
 }
@@ -8449,7 +8460,7 @@ function AddRealCastConds(subInfoGroups, skill) {
     if (realCastCondition == undefined || realCastCondition == null)
         return;
     var subInfoGroup = {
-        title: "Real cast conditions",
+        title: "Cast conditions",
         texts: [],
     };
     if (realCastCondition.Id != null) {
@@ -8523,9 +8534,13 @@ function AddRealCastConds(subInfoGroups, skill) {
     if (subInfoGroup4 != null)
         subInfoGroups.push(subInfoGroup4);
 }
+function BlueColoredTextDangerous(_a) {
+    var text = _a.text, _b = _a.customClasses, customClasses = _b === void 0 ? "" : _b;
+    return (React.createElement("span", { className: "tooltipArg " + customClasses, dangerouslySetInnerHTML: { __html: text } }));
+}
 function BlueColoredText(_a) {
-    var text = _a.text;
-    return (React.createElement("span", { className: "tooltipArg" }, text));
+    var text = _a.text, _b = _a.customClasses, customClasses = _b === void 0 ? "" : _b;
+    return (React.createElement("span", { className: "tooltipArg " + customClasses }, text));
 }
 function RedColoredText(_a) {
     var text = _a.text;
@@ -8555,7 +8570,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, appendTo: document.body, placement: placement, animation: "fade", interactive: interactive, content: React.createElement(SkillTooltip, { data: data, 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(SkillTooltip, { data: data, debug: debug }), theme: "grade" + 4, reference: childRef })) : (React.createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
 };
 
 var ServerRegion;