bnstooltips 1.8.2 → 1.8.5
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 +49 -30
- package/build/index.es.js.map +1 -1
- package/build/index.js +49 -30
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.es.js
CHANGED
|
@@ -5547,7 +5547,7 @@ var index = /*#__PURE__*/forwardRef( /*#__PURE__*/TippyGenerator(tippy));
|
|
|
5547
5547
|
|
|
5548
5548
|
var Tippy = index;
|
|
5549
5549
|
|
|
5550
|
-
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(
|
|
5550
|
+
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";
|
|
5551
5551
|
styleInject(css_248z$9);
|
|
5552
5552
|
|
|
5553
5553
|
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";
|
|
@@ -5579,6 +5579,8 @@ function ItemWithText(_a) {
|
|
|
5579
5579
|
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;
|
|
5580
5580
|
var _e = useState(), item = _e[0], setItem = _e[1];
|
|
5581
5581
|
useEffect(function () {
|
|
5582
|
+
if (client == null)
|
|
5583
|
+
return;
|
|
5582
5584
|
if (itemProp == null) {
|
|
5583
5585
|
(function () { return __awaiter(_this, void 0, void 0, function () {
|
|
5584
5586
|
var _a;
|
|
@@ -5597,7 +5599,7 @@ function ItemWithText(_a) {
|
|
|
5597
5599
|
else {
|
|
5598
5600
|
setItem(itemProp);
|
|
5599
5601
|
}
|
|
5600
|
-
}, [itemProp, itemId, itemLevel]);
|
|
5602
|
+
}, [itemProp, itemId, itemLevel, client]);
|
|
5601
5603
|
if (item == null)
|
|
5602
5604
|
return null;
|
|
5603
5605
|
return (React.createElement("div", { className: "ItemImproveTooltip_ItemWithText" },
|
|
@@ -5672,7 +5674,7 @@ var ItemImproveEffectsTooltipWrapper = function (_a) {
|
|
|
5672
5674
|
};
|
|
5673
5675
|
|
|
5674
5676
|
function PrevCurNext(_a) {
|
|
5675
|
-
var item = _a.item, client = _a.client, region = _a.region, nextItem = _a.nextItem, prevItem = _a.prevItem, steps = _a.steps
|
|
5677
|
+
var item = _a.item, client = _a.client, region = _a.region, nextItem = _a.nextItem, prevItem = _a.prevItem, steps = _a.steps, allPossibleUpgrades = _a.allPossibleUpgrades, SetCustomStage = _a.SetCustomStage, NavigateTo = _a.NavigateTo;
|
|
5676
5678
|
return (React.createElement("div", { className: "ItemImproveTooltip_PrevCurNext" },
|
|
5677
5679
|
React.createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container" },
|
|
5678
5680
|
React.createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChild" }, prevItem != null ?
|
|
@@ -5694,17 +5696,22 @@ function PrevCurNext(_a) {
|
|
|
5694
5696
|
if (nextItem.itemImprove != null)
|
|
5695
5697
|
NavigateTo(nextItem);
|
|
5696
5698
|
} },
|
|
5697
|
-
React.createElement("span", { style: { fontSize: 32 }, className: "TooltipBase_upgradeRed material-symbols-outlined" }, "keyboard_arrow_up"))
|
|
5699
|
+
React.createElement("span", { style: { fontSize: 32 }, className: "TooltipBase_upgradeRed material-symbols-outlined" }, "keyboard_arrow_up")))
|
|
5700
|
+
: null),
|
|
5701
|
+
React.createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChild" }, nextItem != null ?
|
|
5702
|
+
React.createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container" },
|
|
5703
|
+
React.createElement(ItemWithText, { tooltip: true, small: true, item: nextItem, client: client, region: region }),
|
|
5698
5704
|
GetUpgradeEffects(item, steps, nextItem).length > 0
|
|
5699
5705
|
?
|
|
5700
5706
|
React.createElement("div", { style: { cursor: "default" } },
|
|
5701
5707
|
React.createElement(ItemImproveEffectsTooltipWrapper, { effectsForName: GetUpgradeEffects(item, steps, nextItem) },
|
|
5702
5708
|
React.createElement("span", { style: { fontSize: 16 }, className: "00008130.UI.Label_Green03_12 material-symbols-outlined" }, "help")))
|
|
5703
|
-
: null
|
|
5704
|
-
|
|
5705
|
-
|
|
5706
|
-
|
|
5707
|
-
|
|
5709
|
+
: null,
|
|
5710
|
+
React.createElement(ItemImproveSelectStageTooltipWrapper, { trigger: "click", interactive: true, items: allPossibleUpgrades, onClick: function (item) {
|
|
5711
|
+
SetCustomStage(item);
|
|
5712
|
+
} },
|
|
5713
|
+
React.createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container_arrow" },
|
|
5714
|
+
React.createElement("span", { style: { fontSize: 32 }, className: "material-symbols-outlined" }, "keyboard_arrow_down"))))
|
|
5708
5715
|
: null))));
|
|
5709
5716
|
}
|
|
5710
5717
|
function GetUpgradeEffects(item, steps, nextItem) {
|
|
@@ -5764,19 +5771,25 @@ function Money(_a) {
|
|
|
5764
5771
|
|
|
5765
5772
|
function MainCostSelector(_a) {
|
|
5766
5773
|
var options = _a.options, client = _a.client, region = _a.region, selectOption = _a.selectOption, selectedOption = _a.selectedOption;
|
|
5767
|
-
return (React.createElement("div",
|
|
5768
|
-
|
|
5769
|
-
React.createElement("
|
|
5770
|
-
React.createElement("
|
|
5771
|
-
|
|
5772
|
-
|
|
5773
|
-
|
|
5774
|
-
|
|
5775
|
-
|
|
5776
|
-
|
|
5777
|
-
|
|
5778
|
-
|
|
5779
|
-
|
|
5774
|
+
return (React.createElement("div", null,
|
|
5775
|
+
React.createElement("span", { className: "TooltipBase_upgradeRed MainCostSelector_warning" }, options[selectedOption].isRandom ?
|
|
5776
|
+
React.createElement("span", { className: "MainCostSelector_warning_active" },
|
|
5777
|
+
React.createElement("span", { style: { fontSize: 16 }, className: "material-symbols-outlined" }, "error"),
|
|
5778
|
+
"\u00A0 This upgrade has a chance to fail!")
|
|
5779
|
+
: null),
|
|
5780
|
+
React.createElement("div", { className: "MainCostSelector" }, options.map(function (option, i) {
|
|
5781
|
+
return (React.createElement(React.Fragment, { key: i },
|
|
5782
|
+
React.createElement("div", { className: "MainCostSelector_container" },
|
|
5783
|
+
React.createElement("div", { onClick: function () {
|
|
5784
|
+
selectOption(i);
|
|
5785
|
+
} },
|
|
5786
|
+
React.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 })),
|
|
5787
|
+
React.createElement("div", null,
|
|
5788
|
+
React.createElement("span", null,
|
|
5789
|
+
"x",
|
|
5790
|
+
option.mainItemCost.max))),
|
|
5791
|
+
i < options.length - 1 ? React.createElement("div", { className: "MainCostSelector_or" }, "or") : null));
|
|
5792
|
+
}))));
|
|
5780
5793
|
}
|
|
5781
5794
|
|
|
5782
5795
|
function SubCosts(_a) {
|
|
@@ -5788,11 +5801,11 @@ function SubCosts(_a) {
|
|
|
5788
5801
|
React.createElement("div", { className: "MainCostSelector_container" },
|
|
5789
5802
|
React.createElement("div", null,
|
|
5790
5803
|
React.createElement(ItemWithText, { tooltip: false, small: true, itemId: subItem.itemId, item: null, itemLevel: subItem.itemLevel, client: client, region: region })),
|
|
5804
|
+
React.createElement("div", { className: "MainCostSelector_container_space" }),
|
|
5791
5805
|
React.createElement("div", null,
|
|
5792
5806
|
React.createElement("span", null,
|
|
5793
5807
|
"x",
|
|
5794
|
-
subItem.max)))
|
|
5795
|
-
i < options[selectedOption].subItemCost.length - 1 ? React.createElement("div", { className: "MainCostSelector_or" }, "and") : null));
|
|
5808
|
+
subItem.max)))));
|
|
5796
5809
|
})));
|
|
5797
5810
|
}
|
|
5798
5811
|
|
|
@@ -5812,7 +5825,13 @@ function ItemImproveUpgradeCost(_a) {
|
|
|
5812
5825
|
React.createElement("div", { className: "ItemImproveUpgradeCost_title 00008130.UI.Label_LightYellow_12" }, "Upgrade Cost"),
|
|
5813
5826
|
React.createElement(MainCostSelector, { options: accumulatedCost, client: client, region: region, selectOption: selectOption, selectedOption: selectedOption }),
|
|
5814
5827
|
React.createElement(SubCosts, { options: accumulatedCost, client: client, region: region, selectedOption: selectedOption }),
|
|
5815
|
-
|
|
5828
|
+
accumulatedCost[selectedOption].moneyCost > 0 ?
|
|
5829
|
+
React.createElement("div", { className: "ItemImproveUpgradeCost_money" },
|
|
5830
|
+
React.createElement("span", { style: { fontSize: 16, display: "flex", justifyContent: "center", alignItems: "center" } },
|
|
5831
|
+
React.createElement("span", { className: "TooltipBase_grade-6" }, "Money:"),
|
|
5832
|
+
"\u00A0",
|
|
5833
|
+
React.createElement(Money, { center: true, money: accumulatedCost[selectedOption].moneyCost })))
|
|
5834
|
+
: null));
|
|
5816
5835
|
}
|
|
5817
5836
|
function GetAccumulatedUpgradeCost(item, steps) {
|
|
5818
5837
|
var result = [];
|
|
@@ -5820,8 +5839,8 @@ function GetAccumulatedUpgradeCost(item, steps) {
|
|
|
5820
5839
|
result = item.itemImprove.upgradeOptions;
|
|
5821
5840
|
}
|
|
5822
5841
|
else {
|
|
5823
|
-
var mainCost = item.itemImprove.upgradeOptions[0].mainItemCost;
|
|
5824
|
-
var subCosts = item.itemImprove.upgradeOptions[0].subItemCost;
|
|
5842
|
+
var mainCost = structuredClone(item.itemImprove.upgradeOptions[0].mainItemCost);
|
|
5843
|
+
var subCosts = structuredClone(item.itemImprove.upgradeOptions[0].subItemCost);
|
|
5825
5844
|
var moneyCost = item.itemImprove.upgradeOptions[0].moneyCost;
|
|
5826
5845
|
steps.forEach(function (step) {
|
|
5827
5846
|
var option0 = step.itemImprove.upgradeOptions[0];
|
|
@@ -5838,7 +5857,7 @@ function GetAccumulatedUpgradeCost(item, steps) {
|
|
|
5838
5857
|
else {
|
|
5839
5858
|
subCosts.push(mainCost);
|
|
5840
5859
|
}
|
|
5841
|
-
mainCost = option0.mainItemCost;
|
|
5860
|
+
mainCost = structuredClone(option0.mainItemCost);
|
|
5842
5861
|
}
|
|
5843
5862
|
moneyCost += option0.moneyCost;
|
|
5844
5863
|
option0.subItemCost.forEach(function (subItem) {
|
|
@@ -5976,10 +5995,10 @@ function ItemImproveTooltip(_a) {
|
|
|
5976
5995
|
mainInfos: [],
|
|
5977
5996
|
subInfoGroups: [],
|
|
5978
5997
|
fullHeight: fullHeight,
|
|
5979
|
-
widthOverride: "
|
|
5998
|
+
widthOverride: "500px"
|
|
5980
5999
|
};
|
|
5981
6000
|
if (debug) {
|
|
5982
|
-
tooltipBaseProps.subtitle = data.
|
|
6001
|
+
tooltipBaseProps.subtitle = "debug: " + data.id + "-" + data.level;
|
|
5983
6002
|
}
|
|
5984
6003
|
AddPrevCurNext(tooltipBaseProps.subInfoGroups, data, nextItem, prevItem, steps, allPossibleUpgrades, SetCustomStage, NavigateTo, client, region);
|
|
5985
6004
|
AddUpgradeCost(tooltipBaseProps.subInfoGroups, data, nextItem, steps, client, region);
|