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.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" },
|
|
@@ -5700,7 +5702,7 @@ var ItemImproveEffectsTooltipWrapper = function (_a) {
|
|
|
5700
5702
|
};
|
|
5701
5703
|
|
|
5702
5704
|
function PrevCurNext(_a) {
|
|
5703
|
-
var item = _a.item, client = _a.client, region = _a.region, nextItem = _a.nextItem, prevItem = _a.prevItem, steps = _a.steps
|
|
5705
|
+
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;
|
|
5704
5706
|
return (React__default["default"].createElement("div", { className: "ItemImproveTooltip_PrevCurNext" },
|
|
5705
5707
|
React__default["default"].createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container" },
|
|
5706
5708
|
React__default["default"].createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChild" }, prevItem != null ?
|
|
@@ -5722,17 +5724,22 @@ 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
|
-
: null
|
|
5732
|
-
|
|
5733
|
-
|
|
5734
|
-
|
|
5735
|
-
|
|
5737
|
+
: null,
|
|
5738
|
+
React__default["default"].createElement(ItemImproveSelectStageTooltipWrapper, { trigger: "click", interactive: true, items: allPossibleUpgrades, onClick: function (item) {
|
|
5739
|
+
SetCustomStage(item);
|
|
5740
|
+
} },
|
|
5741
|
+
React__default["default"].createElement("div", { className: "ItemImproveTooltip_PrevCurNext_container_itemChildExtra_container_arrow" },
|
|
5742
|
+
React__default["default"].createElement("span", { style: { fontSize: 32 }, className: "material-symbols-outlined" }, "keyboard_arrow_down"))))
|
|
5736
5743
|
: null))));
|
|
5737
5744
|
}
|
|
5738
5745
|
function GetUpgradeEffects(item, steps, nextItem) {
|
|
@@ -5792,19 +5799,25 @@ function Money(_a) {
|
|
|
5792
5799
|
|
|
5793
5800
|
function MainCostSelector(_a) {
|
|
5794
5801
|
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
|
-
|
|
5802
|
+
return (React__default["default"].createElement("div", null,
|
|
5803
|
+
React__default["default"].createElement("span", { className: "TooltipBase_upgradeRed MainCostSelector_warning" }, options[selectedOption].isRandom ?
|
|
5804
|
+
React__default["default"].createElement("span", { className: "MainCostSelector_warning_active" },
|
|
5805
|
+
React__default["default"].createElement("span", { style: { fontSize: 16 }, className: "material-symbols-outlined" }, "error"),
|
|
5806
|
+
"\u00A0 This upgrade has a chance to fail!")
|
|
5807
|
+
: null),
|
|
5808
|
+
React__default["default"].createElement("div", { className: "MainCostSelector" }, options.map(function (option, i) {
|
|
5809
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, { key: i },
|
|
5810
|
+
React__default["default"].createElement("div", { className: "MainCostSelector_container" },
|
|
5811
|
+
React__default["default"].createElement("div", { onClick: function () {
|
|
5812
|
+
selectOption(i);
|
|
5813
|
+
} },
|
|
5814
|
+
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 })),
|
|
5815
|
+
React__default["default"].createElement("div", null,
|
|
5816
|
+
React__default["default"].createElement("span", null,
|
|
5817
|
+
"x",
|
|
5818
|
+
option.mainItemCost.max))),
|
|
5819
|
+
i < options.length - 1 ? React__default["default"].createElement("div", { className: "MainCostSelector_or" }, "or") : null));
|
|
5820
|
+
}))));
|
|
5808
5821
|
}
|
|
5809
5822
|
|
|
5810
5823
|
function SubCosts(_a) {
|
|
@@ -5816,11 +5829,11 @@ function SubCosts(_a) {
|
|
|
5816
5829
|
React__default["default"].createElement("div", { className: "MainCostSelector_container" },
|
|
5817
5830
|
React__default["default"].createElement("div", null,
|
|
5818
5831
|
React__default["default"].createElement(ItemWithText, { tooltip: false, small: true, itemId: subItem.itemId, item: null, itemLevel: subItem.itemLevel, client: client, region: region })),
|
|
5832
|
+
React__default["default"].createElement("div", { className: "MainCostSelector_container_space" }),
|
|
5819
5833
|
React__default["default"].createElement("div", null,
|
|
5820
5834
|
React__default["default"].createElement("span", null,
|
|
5821
5835
|
"x",
|
|
5822
|
-
subItem.max)))
|
|
5823
|
-
i < options[selectedOption].subItemCost.length - 1 ? React__default["default"].createElement("div", { className: "MainCostSelector_or" }, "and") : null));
|
|
5836
|
+
subItem.max)))));
|
|
5824
5837
|
})));
|
|
5825
5838
|
}
|
|
5826
5839
|
|
|
@@ -5840,7 +5853,13 @@ function ItemImproveUpgradeCost(_a) {
|
|
|
5840
5853
|
React__default["default"].createElement("div", { className: "ItemImproveUpgradeCost_title 00008130.UI.Label_LightYellow_12" }, "Upgrade Cost"),
|
|
5841
5854
|
React__default["default"].createElement(MainCostSelector, { options: accumulatedCost, client: client, region: region, selectOption: selectOption, selectedOption: selectedOption }),
|
|
5842
5855
|
React__default["default"].createElement(SubCosts, { options: accumulatedCost, client: client, region: region, selectedOption: selectedOption }),
|
|
5843
|
-
|
|
5856
|
+
accumulatedCost[selectedOption].moneyCost > 0 ?
|
|
5857
|
+
React__default["default"].createElement("div", { className: "ItemImproveUpgradeCost_money" },
|
|
5858
|
+
React__default["default"].createElement("span", { style: { fontSize: 16, display: "flex", justifyContent: "center", alignItems: "center" } },
|
|
5859
|
+
React__default["default"].createElement("span", { className: "TooltipBase_grade-6" }, "Money:"),
|
|
5860
|
+
"\u00A0",
|
|
5861
|
+
React__default["default"].createElement(Money, { center: true, money: accumulatedCost[selectedOption].moneyCost })))
|
|
5862
|
+
: null));
|
|
5844
5863
|
}
|
|
5845
5864
|
function GetAccumulatedUpgradeCost(item, steps) {
|
|
5846
5865
|
var result = [];
|
|
@@ -5848,8 +5867,8 @@ function GetAccumulatedUpgradeCost(item, steps) {
|
|
|
5848
5867
|
result = item.itemImprove.upgradeOptions;
|
|
5849
5868
|
}
|
|
5850
5869
|
else {
|
|
5851
|
-
var mainCost = item.itemImprove.upgradeOptions[0].mainItemCost;
|
|
5852
|
-
var subCosts = item.itemImprove.upgradeOptions[0].subItemCost;
|
|
5870
|
+
var mainCost = structuredClone(item.itemImprove.upgradeOptions[0].mainItemCost);
|
|
5871
|
+
var subCosts = structuredClone(item.itemImprove.upgradeOptions[0].subItemCost);
|
|
5853
5872
|
var moneyCost = item.itemImprove.upgradeOptions[0].moneyCost;
|
|
5854
5873
|
steps.forEach(function (step) {
|
|
5855
5874
|
var option0 = step.itemImprove.upgradeOptions[0];
|
|
@@ -5866,7 +5885,7 @@ function GetAccumulatedUpgradeCost(item, steps) {
|
|
|
5866
5885
|
else {
|
|
5867
5886
|
subCosts.push(mainCost);
|
|
5868
5887
|
}
|
|
5869
|
-
mainCost = option0.mainItemCost;
|
|
5888
|
+
mainCost = structuredClone(option0.mainItemCost);
|
|
5870
5889
|
}
|
|
5871
5890
|
moneyCost += option0.moneyCost;
|
|
5872
5891
|
option0.subItemCost.forEach(function (subItem) {
|
|
@@ -6004,10 +6023,10 @@ function ItemImproveTooltip(_a) {
|
|
|
6004
6023
|
mainInfos: [],
|
|
6005
6024
|
subInfoGroups: [],
|
|
6006
6025
|
fullHeight: fullHeight,
|
|
6007
|
-
widthOverride: "
|
|
6026
|
+
widthOverride: "500px"
|
|
6008
6027
|
};
|
|
6009
6028
|
if (debug) {
|
|
6010
|
-
tooltipBaseProps.subtitle = data.
|
|
6029
|
+
tooltipBaseProps.subtitle = "debug: " + data.id + "-" + data.level;
|
|
6011
6030
|
}
|
|
6012
6031
|
AddPrevCurNext(tooltipBaseProps.subInfoGroups, data, nextItem, prevItem, steps, allPossibleUpgrades, SetCustomStage, NavigateTo, client, region);
|
|
6013
6032
|
AddUpgradeCost(tooltipBaseProps.subInfoGroups, data, nextItem, steps, client, region);
|