bnstooltips 1.8.1 → 1.8.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.es.js +42 -30
- package/build/index.es.js.map +1 -1
- package/build/index.js +42 -30
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -5575,7 +5575,7 @@ var index = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
|
|
|
5575
5575
|
|
|
5576
5576
|
var Tippy = index;
|
|
5577
5577
|
|
|
5578
|
-
var css_248z$9 = ".ItemImproveTooltip_PrevCurNext {\n display: flex;\n align-items: center;\n justify-content: center; }\n .ItemImproveTooltip_PrevCurNext_container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 90%; }\n .ItemImproveTooltip_PrevCurNext_container > div {\n margin: 0 .5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_PrevCurNext_container_itemChild {\n flex: 3; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra {\n flex: 3.5; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container {\n display: flex;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container_arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border: solid 1px rgba(
|
|
5578
|
+
var css_248z$9 = ".ItemImproveTooltip_PrevCurNext {\n display: flex;\n align-items: center;\n justify-content: center; }\n .ItemImproveTooltip_PrevCurNext_container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 90%; }\n .ItemImproveTooltip_PrevCurNext_container > div {\n margin: 0 .5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_PrevCurNext_container_itemChild {\n flex: 3; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra {\n flex: 3.5; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container {\n display: flex;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container_arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border: solid 1px rgba(108, 108, 108, 0.6);\n border-radius: 3px;\n padding: 1rem 0;\n cursor: pointer;\n opacity: .8; }\n .ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container_arrow:hover {\n opacity: 1;\n filter: brightness(1.5); }\n .ItemImproveTooltip_PrevCurNext_container_arrowChild {\n flex: 1; }\n .ItemImproveTooltip_PrevCurNext_container_arrowChild_arrowButton {\n cursor: pointer;\n opacity: .8; }\n .ItemImproveTooltip_PrevCurNext_container_arrowChild_arrowButton:hover {\n opacity: 1;\n filter: brightness(1.5); }\n\n.ItemImproveTooltip_ItemWithText {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_ItemWithText_icon {\n width: 56px;\n height: 56px; }\n .ItemImproveTooltip_ItemWithText_iconSmall {\n width: 40px;\n height: 40px; }\n .ItemImproveTooltip_ItemWithText_iconPad {\n border-width: 2px;\n border-color: rgba(108, 108, 108, 0.6);\n border-style: solid;\n border-radius: 3px;\n padding: 1px;\n display: flex;\n justify-content: center;\n align-items: center; }\n .ItemImproveTooltip_ItemWithText_name {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center; }\n\n.ItemImproveUpgradeCost {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-top: 2rem;\n margin-bottom: 1rem; }\n .ItemImproveUpgradeCost_title {\n text-align: center;\n font-size: 18px;\n padding-top: 1rem; }\n .ItemImproveUpgradeCost > div {\n width: 100%; }\n .ItemImproveUpgradeCost_money {\n margin-top: .5rem; }\n\n.SubCostSelector {\n display: flex;\n justify-content: center;\n align-items: stretch;\n margin-top: .5rem;\n margin-bottom: .5rem;\n overflow-x: auto; }\n .SubCostSelector > div {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 2; }\n\n.MainCostSelector {\n margin: .33rem 0 .5rem 0;\n display: flex;\n justify-content: center;\n align-items: stretch; }\n .MainCostSelector_or {\n flex: 0 1 0px !important;\n padding: 0 2rem;\n font-size: 18px; }\n .MainCostSelector > div {\n display: flex;\n justify-content: center;\n align-items: center;\n flex: 1; }\n .MainCostSelector_warning {\n min-height: 1rem;\n display: flex;\n justify-content: center;\n align-items: center; }\n .MainCostSelector_warning_active {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: .5rem; }\n .MainCostSelector_container {\n display: flex;\n flex-direction: column;\n padding: 0 .1rem .33rem .1rem; }\n .MainCostSelector_container_space {\n flex: 1;\n margin: 0 0 .1rem 0; }\n";
|
|
5579
5579
|
styleInject(css_248z$9);
|
|
5580
5580
|
|
|
5581
5581
|
var css_248z$8 = ".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 .tippy-box:hover {\n box-shadow: rgba(0, 0, 0, 0.8) 0px 20px 60px 0px !important; }\n\n.tippy-content {\n padding: 0 !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade1\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #6c6c6c !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade2\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ffffff !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade3\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #58ff77 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade4\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #46bee1 !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade5\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #d739ff !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade6\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #f1b248 !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade7\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ff770a !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"bottom\"]\n.tippy-arrow::before {\n border-bottom-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"top\"]\n.tippy-arrow::before {\n border-top-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"left\"]\n.tippy-arrow::before {\n border-left-color: #ff0084 !important; }\n\n.tippy-box[data-theme~=\"grade8\"][data-placement^=\"right\"]\n.tippy-arrow::before {\n border-right-color: #ff0084 !important; }\n";
|
|
@@ -5607,6 +5607,8 @@ function ItemWithText(_a) {
|
|
|
5607
5607
|
var borderClass = _a.borderClass, itemProp = _a.item, itemLevel = _a.itemLevel, itemId = _a.itemId, client = _a.client, region = _a.region, tooltip = _a.tooltip, _d = _a.small, small = _d === void 0 ? false : _d;
|
|
5608
5608
|
var _e = React.useState(), item = _e[0], setItem = _e[1];
|
|
5609
5609
|
React.useEffect(function () {
|
|
5610
|
+
if (client == null)
|
|
5611
|
+
return;
|
|
5610
5612
|
if (itemProp == null) {
|
|
5611
5613
|
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
5612
5614
|
var _a;
|
|
@@ -5625,7 +5627,7 @@ function ItemWithText(_a) {
|
|
|
5625
5627
|
else {
|
|
5626
5628
|
setItem(itemProp);
|
|
5627
5629
|
}
|
|
5628
|
-
}, [itemProp, itemId, itemLevel]);
|
|
5630
|
+
}, [itemProp, itemId, itemLevel, client]);
|
|
5629
5631
|
if (item == null)
|
|
5630
5632
|
return null;
|
|
5631
5633
|
return (React__default["default"].createElement("div", { className: "ItemImproveTooltip_ItemWithText" },
|
|
@@ -5722,17 +5724,17 @@ function PrevCurNext(_a) {
|
|
|
5722
5724
|
if (nextItem.itemImprove != null)
|
|
5723
5725
|
NavigateTo(nextItem);
|
|
5724
5726
|
} },
|
|
5725
|
-
React__default["default"].createElement("span", { style: { fontSize: 32 }, className: "TooltipBase_upgradeRed material-symbols-outlined" }, "keyboard_arrow_up"))
|
|
5727
|
+
React__default["default"].createElement("span", { style: { fontSize: 32 }, className: "TooltipBase_upgradeRed material-symbols-outlined" }, "keyboard_arrow_up")))
|
|
5728
|
+
: null),
|
|
5729
|
+
React__default["default"].createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChild" }, nextItem != null ?
|
|
5730
|
+
React__default["default"].createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container" },
|
|
5731
|
+
React__default["default"].createElement(ItemWithText, { tooltip: true, small: true, item: nextItem, client: client, region: region }),
|
|
5726
5732
|
GetUpgradeEffects(item, steps, nextItem).length > 0
|
|
5727
5733
|
?
|
|
5728
5734
|
React__default["default"].createElement("div", { style: { cursor: "default" } },
|
|
5729
5735
|
React__default["default"].createElement(ItemImproveEffectsTooltipWrapper, { effectsForName: GetUpgradeEffects(item, steps, nextItem) },
|
|
5730
5736
|
React__default["default"].createElement("span", { style: { fontSize: 16 }, className: "00008130.UI.Label_Green03_12 material-symbols-outlined" }, "help")))
|
|
5731
5737
|
: null)
|
|
5732
|
-
: null),
|
|
5733
|
-
React__default["default"].createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChild" }, nextItem != null ?
|
|
5734
|
-
React__default["default"].createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container" },
|
|
5735
|
-
React__default["default"].createElement(ItemWithText, { tooltip: true, small: true, item: nextItem, client: client, region: region }))
|
|
5736
5738
|
: null))));
|
|
5737
5739
|
}
|
|
5738
5740
|
function GetUpgradeEffects(item, steps, nextItem) {
|
|
@@ -5792,19 +5794,25 @@ function Money(_a) {
|
|
|
5792
5794
|
|
|
5793
5795
|
function MainCostSelector(_a) {
|
|
5794
5796
|
var options = _a.options, client = _a.client, region = _a.region, selectOption = _a.selectOption, selectedOption = _a.selectedOption;
|
|
5795
|
-
return (React__default["default"].createElement("div",
|
|
5796
|
-
|
|
5797
|
-
React__default["default"].createElement("
|
|
5798
|
-
React__default["default"].createElement("
|
|
5799
|
-
|
|
5800
|
-
|
|
5801
|
-
|
|
5802
|
-
|
|
5803
|
-
|
|
5804
|
-
|
|
5805
|
-
|
|
5806
|
-
|
|
5807
|
-
|
|
5797
|
+
return (React__default["default"].createElement("div", null,
|
|
5798
|
+
React__default["default"].createElement("span", { className: "TooltipBase_upgradeRed MainCostSelector_warning" }, options[selectedOption].isRandom ?
|
|
5799
|
+
React__default["default"].createElement("span", { className: "MainCostSelector_warning_active" },
|
|
5800
|
+
React__default["default"].createElement("span", { style: { fontSize: 16 }, className: "material-symbols-outlined" }, "error"),
|
|
5801
|
+
"\u00A0 This upgrade has a chance to fail!")
|
|
5802
|
+
: null),
|
|
5803
|
+
React__default["default"].createElement("div", { className: "MainCostSelector" }, options.map(function (option, i) {
|
|
5804
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, { key: i },
|
|
5805
|
+
React__default["default"].createElement("div", { className: "MainCostSelector_container" },
|
|
5806
|
+
React__default["default"].createElement("div", { onClick: function () {
|
|
5807
|
+
selectOption(i);
|
|
5808
|
+
} },
|
|
5809
|
+
React__default["default"].createElement(ItemWithText, { tooltip: false, borderClass: i == selectedOption ? "TooltipBase_border-grade-4" : "", itemId: option.mainItemCost.itemId, item: null, itemLevel: option.mainItemCost.itemLevel, client: client, region: region })),
|
|
5810
|
+
React__default["default"].createElement("div", null,
|
|
5811
|
+
React__default["default"].createElement("span", null,
|
|
5812
|
+
"x",
|
|
5813
|
+
option.mainItemCost.max))),
|
|
5814
|
+
i < options.length - 1 ? React__default["default"].createElement("div", { className: "MainCostSelector_or" }, "or") : null));
|
|
5815
|
+
}))));
|
|
5808
5816
|
}
|
|
5809
5817
|
|
|
5810
5818
|
function SubCosts(_a) {
|
|
@@ -5816,11 +5824,11 @@ function SubCosts(_a) {
|
|
|
5816
5824
|
React__default["default"].createElement("div", { className: "MainCostSelector_container" },
|
|
5817
5825
|
React__default["default"].createElement("div", null,
|
|
5818
5826
|
React__default["default"].createElement(ItemWithText, { tooltip: false, small: true, itemId: subItem.itemId, item: null, itemLevel: subItem.itemLevel, client: client, region: region })),
|
|
5827
|
+
React__default["default"].createElement("div", { className: "MainCostSelector_container_space" }),
|
|
5819
5828
|
React__default["default"].createElement("div", null,
|
|
5820
5829
|
React__default["default"].createElement("span", null,
|
|
5821
5830
|
"x",
|
|
5822
|
-
subItem.max)))
|
|
5823
|
-
i < options[selectedOption].subItemCost.length - 1 ? React__default["default"].createElement("div", { className: "MainCostSelector_or" }, "and") : null));
|
|
5831
|
+
subItem.max)))));
|
|
5824
5832
|
})));
|
|
5825
5833
|
}
|
|
5826
5834
|
|
|
@@ -5840,7 +5848,13 @@ function ItemImproveUpgradeCost(_a) {
|
|
|
5840
5848
|
React__default["default"].createElement("div", { className: "ItemImproveUpgradeCost_title 00008130.UI.Label_LightYellow_12" }, "Upgrade Cost"),
|
|
5841
5849
|
React__default["default"].createElement(MainCostSelector, { options: accumulatedCost, client: client, region: region, selectOption: selectOption, selectedOption: selectedOption }),
|
|
5842
5850
|
React__default["default"].createElement(SubCosts, { options: accumulatedCost, client: client, region: region, selectedOption: selectedOption }),
|
|
5843
|
-
|
|
5851
|
+
accumulatedCost[selectedOption].moneyCost > 0 ?
|
|
5852
|
+
React__default["default"].createElement("div", { className: "ItemImproveUpgradeCost_money" },
|
|
5853
|
+
React__default["default"].createElement("span", { style: { fontSize: 16, display: "flex", justifyContent: "center", alignItems: "center" } },
|
|
5854
|
+
React__default["default"].createElement("span", { className: "TooltipBase_grade-6" }, "Money:"),
|
|
5855
|
+
"\u00A0",
|
|
5856
|
+
React__default["default"].createElement(Money, { center: true, money: accumulatedCost[selectedOption].moneyCost })))
|
|
5857
|
+
: null));
|
|
5844
5858
|
}
|
|
5845
5859
|
function GetAccumulatedUpgradeCost(item, steps) {
|
|
5846
5860
|
var result = [];
|
|
@@ -5900,10 +5914,8 @@ function ItemImproveTooltip(_a) {
|
|
|
5900
5914
|
var _j = React.useState(), nextItem = _j[0], setNextItem = _j[1];
|
|
5901
5915
|
var _k = React.useState([]), steps = _k[0], setSteps = _k[1];
|
|
5902
5916
|
var _l = React.useState([]), allPossibleUpgrades = _l[0], setAllPossibleUpgrades = _l[1];
|
|
5903
|
-
if (offline)
|
|
5904
|
-
return null;
|
|
5905
5917
|
React.useEffect(function () {
|
|
5906
|
-
if (data == null || client == null)
|
|
5918
|
+
if (data == null || client == null || offline)
|
|
5907
5919
|
return;
|
|
5908
5920
|
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
5909
5921
|
var existing, _a, existing, _b, foundIndex, _c;
|
|
@@ -6006,10 +6018,10 @@ function ItemImproveTooltip(_a) {
|
|
|
6006
6018
|
mainInfos: [],
|
|
6007
6019
|
subInfoGroups: [],
|
|
6008
6020
|
fullHeight: fullHeight,
|
|
6009
|
-
widthOverride: "
|
|
6021
|
+
widthOverride: "500px"
|
|
6010
6022
|
};
|
|
6011
6023
|
if (debug) {
|
|
6012
|
-
tooltipBaseProps.subtitle = data.
|
|
6024
|
+
tooltipBaseProps.subtitle = "debug: " + data.id + "-" + data.level;
|
|
6013
6025
|
}
|
|
6014
6026
|
AddPrevCurNext(tooltipBaseProps.subInfoGroups, data, nextItem, prevItem, steps, allPossibleUpgrades, SetCustomStage, NavigateTo, client, region);
|
|
6015
6027
|
AddUpgradeCost(tooltipBaseProps.subInfoGroups, data, nextItem, steps, client, region);
|
|
@@ -6054,7 +6066,7 @@ function AddUpgradeCost(subInfoGroups, item, nextItem, steps, client, region) {
|
|
|
6054
6066
|
}
|
|
6055
6067
|
|
|
6056
6068
|
var ItemImproveTooltipWrapper = function (_a) {
|
|
6057
|
-
var data = _a.data, region = _a.region, children = _a.children, client = _a.client, _b = _a.offline, offline = _b === void 0 ? false : _b, _c = _a.interactive, interactive = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? "right" : _d, _e = _a.debug, debug = _e === void 0 ? false : _e, _f = _a.followCursor, followCursor$1 = _f === void 0 ? false : _f, _g = _a.trigger, trigger = _g === void 0 ? "mouseenter focus" : _g
|
|
6069
|
+
var data = _a.data, region = _a.region, children = _a.children, client = _a.client, _b = _a.offline, offline = _b === void 0 ? false : _b, _c = _a.interactive, interactive = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? "right" : _d, _e = _a.debug, debug = _e === void 0 ? false : _e, _f = _a.followCursor, followCursor$1 = _f === void 0 ? false : _f, _g = _a.trigger, trigger = _g === void 0 ? "mouseenter focus" : _g, _h = _a.showArrow, showArrow = _h === void 0 ? true : _h;
|
|
6058
6070
|
var spanRef = React.useRef(null);
|
|
6059
6071
|
var _j = React.useState(null), childRef = _j[0], setChildRef = _j[1];
|
|
6060
6072
|
/**
|
|
@@ -6070,7 +6082,7 @@ var ItemImproveTooltipWrapper = function (_a) {
|
|
|
6070
6082
|
var _k = React.useState(true), isOffline = _k[0], setIsOffline = _k[1];
|
|
6071
6083
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
6072
6084
|
children,
|
|
6073
|
-
childRef ? (React__default["default"].createElement(Tippy, { arrow:
|
|
6085
|
+
childRef ? (React__default["default"].createElement(Tippy, { arrow: showArrow, trigger: trigger, plugins: [followCursor], followCursor: followCursor$1 && !interactive, appendTo: document.body, onMount: function () { return setIsOffline(offline); }, placement: placement, animation: "fade", interactive: interactive, content: React__default["default"].createElement(ItemImproveTooltip, { region: region, data: data, offline: isOffline, client: client, debug: debug }), theme: "grade" + data.grade, reference: childRef })) : (React__default["default"].createElement("span", { "data-testid": "TooltipWrapper", ref: spanRef, style: { display: "none" } }))));
|
|
6074
6086
|
};
|
|
6075
6087
|
|
|
6076
6088
|
function ItemMainInfo(item) {
|