bnstooltips 1.15.1 → 1.15.2

package/build/index.js

@@ -8118,7 +8118,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) {
@@ -8435,7 +8435,7 @@ function AddRealEffects(subInfoGroups, skill) {
     for (var key in realEffects.Effects) {
         var realEffect = realEffects.Effects[key];
         var subInfoGroup = {
-            title: "Effect: " + realEffect.Alias,
+            title: "Effect",
             texts: []
         };
         var texts = [
@@ -8444,7 +8444,7 @@ function AddRealEffects(subInfoGroups, skill) {
                 React__default["default"].createElement(BlueColoredText, { text: realEffect.Id.toString() })),
             React__default["default"].createElement("div", null,
                 "Alias: ",
-                React__default["default"].createElement(BlueColoredText, { text: realEffect.Alias })),
+                React__default["default"].createElement(BlueColoredText, { text: realEffect.Alias, customClasses: "wordbreakall" })),
             React__default["default"].createElement("div", null,
                 "Effect type: ",
                 React__default["default"].createElement(BlueColoredText, { text: realEffect.EffectType }))
@@ -8457,7 +8457,7 @@ function AddRealEffects(subInfoGroups, skill) {
         if (realEffect.Description != null && realEffect.Description != "") {
             texts.push(React__default["default"].createElement("div", null,
                 "Description: ",
-                React__default["default"].createElement(BlueColoredTextDangerous, { text: realEffect.Description })));
+                React__default["default"].createElement(BlueColoredTextDangerous, { text: realEffect.Description, customClasses: "wordbreakword" })));
         }
         subInfoGroup.texts = texts;
         subInfoGroups.push(subInfoGroup);
@@ -8468,7 +8468,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) {
@@ -8543,12 +8543,12 @@ function AddRealCastConds(subInfoGroups, skill) {
         subInfoGroups.push(subInfoGroup4);
 }
 function BlueColoredTextDangerous(_a) {
-    var text = _a.text;
-    return (React__default["default"].createElement("span", { className: "tooltipArg", dangerouslySetInnerHTML: { __html: text } }));
+    var text = _a.text, _b = _a.customClasses, customClasses = _b === void 0 ? "" : _b;
+    return (React__default["default"].createElement("span", { className: "tooltipArg " + customClasses, dangerouslySetInnerHTML: { __html: text } }));
 }
 function BlueColoredText(_a) {
-    var text = _a.text;
-    return (React__default["default"].createElement("span", { className: "tooltipArg" }, text));
+    var text = _a.text, _b = _a.customClasses, customClasses = _b === void 0 ? "" : _b;
+    return (React__default["default"].createElement("span", { className: "tooltipArg " + customClasses }, text));
 }
 function RedColoredText(_a) {
     var text = _a.text;