@rpg-engine/long-bow 0.8.10 → 0.8.11
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/dist/components/Item/Inventory/ItemGem.d.ts +3 -0
- package/dist/components/itemSelector/GemSelector.d.ts +11 -0
- package/dist/index.d.ts +1 -0
- package/dist/long-bow.cjs.development.js +139 -27
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +139 -28
- package/dist/long-bow.esm.js.map +1 -1
- package/dist/stories/UI/dropdownsAndSelectors/GemSelector.stories.d.ts +5 -0
- package/package.json +2 -2
- package/src/components/Item/Inventory/ItemGem.tsx +1 -1
- package/src/components/Item/Inventory/itemContainerHelper.ts +4 -0
- package/src/components/itemSelector/GemSelector.tsx +203 -0
- package/src/index.tsx +1 -0
- package/src/stories/UI/dropdownsAndSelectors/GemSelector.stories.tsx +66 -0
package/dist/long-bow.esm.js
CHANGED
|
@@ -27812,6 +27812,12 @@ var generateContextMenu = function generateContextMenu(item, itemContainerType,
|
|
|
27812
27812
|
}
|
|
27813
27813
|
}
|
|
27814
27814
|
}
|
|
27815
|
+
if (item.attachedGems && item.attachedGems.length > 0) {
|
|
27816
|
+
contextActionMenu.push({
|
|
27817
|
+
id: ItemSocketEvents.DetachGem,
|
|
27818
|
+
text: "Detach Gems"
|
|
27819
|
+
});
|
|
27820
|
+
}
|
|
27815
27821
|
return contextActionMenu;
|
|
27816
27822
|
};
|
|
27817
27823
|
|
|
@@ -31432,6 +31438,111 @@ var ItemPropertySimpleHandler = function ItemPropertySimpleHandler(_ref) {
|
|
|
31432
31438
|
});
|
|
31433
31439
|
};
|
|
31434
31440
|
|
|
31441
|
+
var GemSelector = function GemSelector(_ref) {
|
|
31442
|
+
var _item$attachedGems;
|
|
31443
|
+
var atlasJSON = _ref.atlasJSON,
|
|
31444
|
+
atlasIMG = _ref.atlasIMG,
|
|
31445
|
+
item = _ref.item,
|
|
31446
|
+
scale = _ref.scale,
|
|
31447
|
+
onClose = _ref.onClose,
|
|
31448
|
+
onSelect = _ref.onSelect;
|
|
31449
|
+
var _useState = useState([]),
|
|
31450
|
+
selectedGems = _useState[0],
|
|
31451
|
+
setSelectedGems = _useState[1];
|
|
31452
|
+
var size = useResponsiveSize(scale);
|
|
31453
|
+
var handleGemToggle = function handleGemToggle(gem) {
|
|
31454
|
+
setSelectedGems(function (prev) {
|
|
31455
|
+
return prev.some(function (selected) {
|
|
31456
|
+
return selected.key === gem.key;
|
|
31457
|
+
}) ? prev.filter(function (selected) {
|
|
31458
|
+
return selected.key !== gem.key;
|
|
31459
|
+
}) : [].concat(prev, [gem]);
|
|
31460
|
+
});
|
|
31461
|
+
};
|
|
31462
|
+
var handleConfirm = function handleConfirm() {
|
|
31463
|
+
onSelect(selectedGems);
|
|
31464
|
+
onClose();
|
|
31465
|
+
};
|
|
31466
|
+
if (!size) return null;
|
|
31467
|
+
return React.createElement(DraggableContainer, {
|
|
31468
|
+
type: RPGUIContainerTypes.Framed,
|
|
31469
|
+
width: "450px",
|
|
31470
|
+
height: size.height,
|
|
31471
|
+
scale: scale,
|
|
31472
|
+
cancelDrag: ".gem-selector-container",
|
|
31473
|
+
onCloseButton: onClose
|
|
31474
|
+
}, React.createElement(ContentWrapper$1, null, React.createElement(Header$2, null, React.createElement(Title$3, null, "GEM SELECTION"), React.createElement(Subtitle, null, "Select gems to detach")), React.createElement(GemGrid, null, (_item$attachedGems = item.attachedGems) == null ? void 0 : _item$attachedGems.map(function (gem, index) {
|
|
31475
|
+
return React.createElement(GemItem, {
|
|
31476
|
+
key: gem.key + "-" + index
|
|
31477
|
+
}, React.createElement(CheckItemWrapper, null, React.createElement(CheckItem, {
|
|
31478
|
+
defaultValue: selectedGems.some(function (selected) {
|
|
31479
|
+
return selected.key === gem.key;
|
|
31480
|
+
}),
|
|
31481
|
+
onChange: function onChange() {
|
|
31482
|
+
handleGemToggle(gem);
|
|
31483
|
+
}
|
|
31484
|
+
})), React.createElement(SpriteWrapper, null, React.createElement(SpriteFromAtlas, {
|
|
31485
|
+
atlasIMG: atlasIMG,
|
|
31486
|
+
atlasJSON: atlasJSON,
|
|
31487
|
+
spriteKey: "gems/" + gem.key + ".png",
|
|
31488
|
+
imgScale: 2,
|
|
31489
|
+
imgClassname: "gem-sprite",
|
|
31490
|
+
centered: true
|
|
31491
|
+
})), React.createElement(GemName, null, gem.name.replace(/ of /gi, '\n').toUpperCase()));
|
|
31492
|
+
})), React.createElement(ButtonWrapper, null, React.createElement(Button, {
|
|
31493
|
+
buttonType: ButtonTypes.RPGUIButton,
|
|
31494
|
+
onPointerDown: function onPointerDown() {
|
|
31495
|
+
onClose();
|
|
31496
|
+
}
|
|
31497
|
+
}, "Cancel"), React.createElement(Button, {
|
|
31498
|
+
buttonType: ButtonTypes.RPGUIButton,
|
|
31499
|
+
onPointerDown: function onPointerDown() {
|
|
31500
|
+
handleConfirm();
|
|
31501
|
+
},
|
|
31502
|
+
disabled: selectedGems.length === 0
|
|
31503
|
+
}, "Confirm"))));
|
|
31504
|
+
};
|
|
31505
|
+
var Title$3 = /*#__PURE__*/styled.h1.withConfig({
|
|
31506
|
+
displayName: "GemSelector__Title",
|
|
31507
|
+
componentId: "sc-gbt8g4-0"
|
|
31508
|
+
})(["font-size:0.8rem;color:", " !important;"], uiColors.yellow);
|
|
31509
|
+
var Subtitle = /*#__PURE__*/styled.h2.withConfig({
|
|
31510
|
+
displayName: "GemSelector__Subtitle",
|
|
31511
|
+
componentId: "sc-gbt8g4-1"
|
|
31512
|
+
})(["font-size:0.6rem;color:", ";margin:0;"], uiColors.white);
|
|
31513
|
+
var Header$2 = /*#__PURE__*/styled.div.withConfig({
|
|
31514
|
+
displayName: "GemSelector__Header",
|
|
31515
|
+
componentId: "sc-gbt8g4-2"
|
|
31516
|
+
})(["text-align:center;padding:5px;border-bottom:2px solid #444;"]);
|
|
31517
|
+
var GemGrid = /*#__PURE__*/styled.div.withConfig({
|
|
31518
|
+
displayName: "GemSelector__GemGrid",
|
|
31519
|
+
componentId: "sc-gbt8g4-3"
|
|
31520
|
+
})(["display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;margin-top:10px;min-height:150px;overflow-y:auto;"]);
|
|
31521
|
+
var ContentWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
31522
|
+
displayName: "GemSelector__ContentWrapper",
|
|
31523
|
+
componentId: "sc-gbt8g4-4"
|
|
31524
|
+
})(["display:flex;flex-direction:column;align-items:center;margin-left:20px;justify-content:space-between;height:100%;"]);
|
|
31525
|
+
var GemItem = /*#__PURE__*/styled.div.withConfig({
|
|
31526
|
+
displayName: "GemSelector__GemItem",
|
|
31527
|
+
componentId: "sc-gbt8g4-5"
|
|
31528
|
+
})(["display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:", " !important;height:100px;width:90px;padding:5px;"], uiColors.darkGray);
|
|
31529
|
+
var GemName = /*#__PURE__*/styled.div.withConfig({
|
|
31530
|
+
displayName: "GemSelector__GemName",
|
|
31531
|
+
componentId: "sc-gbt8g4-6"
|
|
31532
|
+
})(["font-size:0.5rem;color:", " !important;text-align:center;text-transform:uppercase;line-height:1.2;width:100%;min-height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;"], uiColors.yellow);
|
|
31533
|
+
var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
31534
|
+
displayName: "GemSelector__ButtonWrapper",
|
|
31535
|
+
componentId: "sc-gbt8g4-7"
|
|
31536
|
+
})(["display:flex;justify-content:center;align-self:center;"]);
|
|
31537
|
+
var CheckItemWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
31538
|
+
displayName: "GemSelector__CheckItemWrapper",
|
|
31539
|
+
componentId: "sc-gbt8g4-8"
|
|
31540
|
+
})(["display:flex;justify-content:center;width:100%;height:20px;input.rpgui-checkbox + label{margin:0 !important;padding-left:23px !important;}"]);
|
|
31541
|
+
var SpriteWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
31542
|
+
displayName: "GemSelector__SpriteWrapper",
|
|
31543
|
+
componentId: "sc-gbt8g4-9"
|
|
31544
|
+
})(["display:flex;align-items:center;justify-content:center;width:100%;height:50px;"]);
|
|
31545
|
+
|
|
31435
31546
|
var ItemSelector = function ItemSelector(_ref) {
|
|
31436
31547
|
var atlasIMG = _ref.atlasIMG,
|
|
31437
31548
|
atlasJSON = _ref.atlasJSON,
|
|
@@ -31464,7 +31575,7 @@ var ItemSelector = function ItemSelector(_ref) {
|
|
|
31464
31575
|
style: {
|
|
31465
31576
|
width: '100%'
|
|
31466
31577
|
}
|
|
31467
|
-
}, React.createElement(Title$
|
|
31578
|
+
}, React.createElement(Title$4, null, 'Harvesting instruments'), React.createElement(Subtitle$1, null, 'Use the tool, you need it'), React.createElement("hr", {
|
|
31468
31579
|
className: "golden"
|
|
31469
31580
|
})), React.createElement(RadioInputScroller$1, null, options == null ? void 0 : options.map(function (option, index) {
|
|
31470
31581
|
return React.createElement(RadioOptionsWrapper$1, {
|
|
@@ -31486,18 +31597,18 @@ var ItemSelector = function ItemSelector(_ref) {
|
|
|
31486
31597
|
alignItems: 'center'
|
|
31487
31598
|
}
|
|
31488
31599
|
}, option.name, " ", React.createElement("br", null), option.description)));
|
|
31489
|
-
})), React.createElement(ButtonWrapper, null, React.createElement(Button, {
|
|
31600
|
+
})), React.createElement(ButtonWrapper$1, null, React.createElement(Button, {
|
|
31490
31601
|
buttonType: ButtonTypes.RPGUIButton,
|
|
31491
31602
|
onPointerDown: onClose
|
|
31492
31603
|
}, "Cancel"), React.createElement(Button, {
|
|
31493
31604
|
buttonType: ButtonTypes.RPGUIButton
|
|
31494
31605
|
}, "Select")));
|
|
31495
31606
|
};
|
|
31496
|
-
var Title$
|
|
31607
|
+
var Title$4 = /*#__PURE__*/styled.h1.withConfig({
|
|
31497
31608
|
displayName: "ItemSelector__Title",
|
|
31498
31609
|
componentId: "sc-gptoxp-0"
|
|
31499
31610
|
})(["font-size:0.6rem;color:yellow !important;"]);
|
|
31500
|
-
var Subtitle = /*#__PURE__*/styled.h1.withConfig({
|
|
31611
|
+
var Subtitle$1 = /*#__PURE__*/styled.h1.withConfig({
|
|
31501
31612
|
displayName: "ItemSelector__Subtitle",
|
|
31502
31613
|
componentId: "sc-gptoxp-1"
|
|
31503
31614
|
})(["font-size:0.4rem;color:yellow !important;"]);
|
|
@@ -31513,7 +31624,7 @@ var RadioOptionsWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
31513
31624
|
displayName: "ItemSelector__RadioOptionsWrapper",
|
|
31514
31625
|
componentId: "sc-gptoxp-4"
|
|
31515
31626
|
})(["display:flex;align-items:stretch;margin-bottom:40px;"]);
|
|
31516
|
-
var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
31627
|
+
var ButtonWrapper$1 = /*#__PURE__*/styled.div.withConfig({
|
|
31517
31628
|
displayName: "ItemSelector__ButtonWrapper",
|
|
31518
31629
|
componentId: "sc-gptoxp-5"
|
|
31519
31630
|
})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
|
|
@@ -32404,12 +32515,12 @@ var PartyCreate = function PartyCreate(_ref) {
|
|
|
32404
32515
|
style: {
|
|
32405
32516
|
width: '100%'
|
|
32406
32517
|
}
|
|
32407
|
-
}, React.createElement(Title$
|
|
32518
|
+
}, React.createElement(Title$5, null, "Create Party"), React.createElement("hr", {
|
|
32408
32519
|
className: "golden"
|
|
32409
32520
|
}))), React.createElement("h1", null, "Type your party name"), React.createElement(Input, {
|
|
32410
32521
|
placeholder: "Type party name",
|
|
32411
32522
|
type: "text"
|
|
32412
|
-
}), React.createElement(ButtonWrapper$
|
|
32523
|
+
}), React.createElement(ButtonWrapper$2, null, React.createElement(Button, {
|
|
32413
32524
|
buttonType: ButtonTypes.RPGUIButton,
|
|
32414
32525
|
onPointerDown: function onPointerDown() {
|
|
32415
32526
|
onCreate();
|
|
@@ -32427,11 +32538,11 @@ var Wrapper$2 = /*#__PURE__*/styled.div.withConfig({
|
|
|
32427
32538
|
displayName: "PartyCreate__Wrapper",
|
|
32428
32539
|
componentId: "sc-13brop0-0"
|
|
32429
32540
|
})(["display:flex;flex-direction:column;width:100%;"]);
|
|
32430
|
-
var Title$
|
|
32541
|
+
var Title$5 = /*#__PURE__*/styled.h1.withConfig({
|
|
32431
32542
|
displayName: "PartyCreate__Title",
|
|
32432
32543
|
componentId: "sc-13brop0-1"
|
|
32433
32544
|
})(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
|
|
32434
|
-
var ButtonWrapper$
|
|
32545
|
+
var ButtonWrapper$2 = /*#__PURE__*/styled.div.withConfig({
|
|
32435
32546
|
displayName: "PartyCreate__ButtonWrapper",
|
|
32436
32547
|
componentId: "sc-13brop0-2"
|
|
32437
32548
|
})(["margin-top:10px;width:100%;display:flex;justify-content:space-around;align-items:center;.cancel-button{filter:grayscale(0.7);}"]);
|
|
@@ -32476,7 +32587,7 @@ var PartyDashboard = function PartyDashboard(_ref) {
|
|
|
32476
32587
|
style: {
|
|
32477
32588
|
width: '100%'
|
|
32478
32589
|
}
|
|
32479
|
-
}, React.createElement(Title$
|
|
32590
|
+
}, React.createElement(Title$6, null, "Party Dashboard"), React.createElement(Button, {
|
|
32480
32591
|
buttonType: ButtonTypes.RPGUIButton
|
|
32481
32592
|
}, "Create"), React.createElement("hr", {
|
|
32482
32593
|
className: "golden"
|
|
@@ -32503,7 +32614,7 @@ var RowsWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
|
32503
32614
|
displayName: "PartyDashboard__RowsWrapper",
|
|
32504
32615
|
componentId: "sc-16cm41r-1"
|
|
32505
32616
|
})(["overflow-y:scroll;-webkit-overflow-scrolling:touch;width:100%;height:200px;"]);
|
|
32506
|
-
var Title$
|
|
32617
|
+
var Title$6 = /*#__PURE__*/styled.h1.withConfig({
|
|
32507
32618
|
displayName: "PartyDashboard__Title",
|
|
32508
32619
|
componentId: "sc-16cm41r-2"
|
|
32509
32620
|
})(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
|
|
@@ -32540,7 +32651,7 @@ var PartyInvite = function PartyInvite(_ref) {
|
|
|
32540
32651
|
style: {
|
|
32541
32652
|
width: '100%'
|
|
32542
32653
|
}
|
|
32543
|
-
}, React.createElement(Title$
|
|
32654
|
+
}, React.createElement(Title$7, null, "Invite for Party"), React.createElement("hr", {
|
|
32544
32655
|
className: "golden"
|
|
32545
32656
|
}))), React.createElement(RowsWrapper$1, {
|
|
32546
32657
|
className: "playersRows"
|
|
@@ -32559,7 +32670,7 @@ var Wrapper$4 = /*#__PURE__*/styled.div.withConfig({
|
|
|
32559
32670
|
displayName: "PartyInvite__Wrapper",
|
|
32560
32671
|
componentId: "sc-eu8ggt-0"
|
|
32561
32672
|
})(["display:flex;flex-direction:column;width:100%;"]);
|
|
32562
|
-
var Title$
|
|
32673
|
+
var Title$7 = /*#__PURE__*/styled.h1.withConfig({
|
|
32563
32674
|
displayName: "PartyInvite__Title",
|
|
32564
32675
|
componentId: "sc-eu8ggt-1"
|
|
32565
32676
|
})(["font-size:0.6rem;color:", " !important;"], uiColors.yellow);
|
|
@@ -32997,7 +33108,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
32997
33108
|
onPointerDown: onRightClick
|
|
32998
33109
|
}), React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
|
|
32999
33110
|
className: "drag-handler"
|
|
33000
|
-
}, React.createElement(Title$
|
|
33111
|
+
}, React.createElement(Title$8, null, React.createElement(Thumbnail, {
|
|
33001
33112
|
src: quests[currentIndex].thumbnail || img$8
|
|
33002
33113
|
}), quests[currentIndex].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
|
|
33003
33114
|
className: "golden"
|
|
@@ -33016,7 +33127,7 @@ var QuestInfo = function QuestInfo(_ref) {
|
|
|
33016
33127
|
}, button.title);
|
|
33017
33128
|
})))) : React.createElement(QuestsContainer, null, React.createElement(QuestContainer, null, React.createElement(TitleContainer$1, {
|
|
33018
33129
|
className: "drag-handler"
|
|
33019
|
-
}, React.createElement(Title$
|
|
33130
|
+
}, React.createElement(Title$8, null, React.createElement(Thumbnail, {
|
|
33020
33131
|
src: quests[0].thumbnail || img$8
|
|
33021
33132
|
}), quests[0].title), React.createElement(QuestSplitDiv, null, React.createElement("hr", {
|
|
33022
33133
|
className: "golden"
|
|
@@ -33063,7 +33174,7 @@ var TitleContainer$1 = /*#__PURE__*/styled.div.withConfig({
|
|
|
33063
33174
|
displayName: "QuestInfo__TitleContainer",
|
|
33064
33175
|
componentId: "sc-1wccpiy-6"
|
|
33065
33176
|
})(["width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:1rem;"]);
|
|
33066
|
-
var Title$
|
|
33177
|
+
var Title$8 = /*#__PURE__*/styled.h1.withConfig({
|
|
33067
33178
|
displayName: "QuestInfo__Title",
|
|
33068
33179
|
componentId: "sc-1wccpiy-7"
|
|
33069
33180
|
})(["color:white;z-index:22;font-size:", " !important;color:", " !important;"], uiFonts.size.medium, uiColors.yellow);
|
|
@@ -33746,7 +33857,7 @@ var SpellInfo = function SpellInfo(_ref) {
|
|
|
33746
33857
|
castingType = spell.castingType,
|
|
33747
33858
|
cooldown = spell.cooldown,
|
|
33748
33859
|
maxDistanceGrid = spell.maxDistanceGrid;
|
|
33749
|
-
return React.createElement(Container$v, null, React.createElement(Header$
|
|
33860
|
+
return React.createElement(Container$v, null, React.createElement(Header$3, null, React.createElement("div", null, React.createElement(Title$9, null, name), React.createElement(Type$1, null, magicWords))), React.createElement(Statistic$1, null, React.createElement("div", {
|
|
33750
33861
|
className: "label"
|
|
33751
33862
|
}, "Casting Type:"), React.createElement("div", {
|
|
33752
33863
|
className: "value"
|
|
@@ -33776,7 +33887,7 @@ var Container$v = /*#__PURE__*/styled.div.withConfig({
|
|
|
33776
33887
|
displayName: "SpellInfo__Container",
|
|
33777
33888
|
componentId: "sc-4hbw3q-0"
|
|
33778
33889
|
})(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;font-size:", ";border:3px solid ", ";height:max-content;width:30rem;@media (max-width:580px){width:80vw;}"], uiFonts.size.small, uiColors.lightGray);
|
|
33779
|
-
var Title$
|
|
33890
|
+
var Title$9 = /*#__PURE__*/styled.div.withConfig({
|
|
33780
33891
|
displayName: "SpellInfo__Title",
|
|
33781
33892
|
componentId: "sc-4hbw3q-1"
|
|
33782
33893
|
})(["font-size:", ";font-weight:bold;margin-bottom:0.5rem;display:flex;align-items:center;margin:0;"], uiFonts.size.medium);
|
|
@@ -33788,7 +33899,7 @@ var Description$2 = /*#__PURE__*/styled.div.withConfig({
|
|
|
33788
33899
|
displayName: "SpellInfo__Description",
|
|
33789
33900
|
componentId: "sc-4hbw3q-3"
|
|
33790
33901
|
})(["margin-top:1.5rem;font-size:", ";color:", ";font-style:italic;"], uiFonts.size.small, uiColors.lightGray);
|
|
33791
|
-
var Header$
|
|
33902
|
+
var Header$3 = /*#__PURE__*/styled.div.withConfig({
|
|
33792
33903
|
displayName: "SpellInfo__Header",
|
|
33793
33904
|
componentId: "sc-4hbw3q-4"
|
|
33794
33905
|
})(["display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;"]);
|
|
@@ -33984,7 +34095,7 @@ var Spell = function Spell(_ref) {
|
|
|
33984
34095
|
imgScale: IMAGE_SCALE,
|
|
33985
34096
|
containerStyle: CONTAINER_STYLE,
|
|
33986
34097
|
centered: true
|
|
33987
|
-
})), React.createElement(Info, null, React.createElement(Title$
|
|
34098
|
+
})), React.createElement(Info, null, React.createElement(Title$a, null, React.createElement("span", null, name), React.createElement("span", {
|
|
33988
34099
|
className: "spell"
|
|
33989
34100
|
}, "(", magicWords, ")")), React.createElement(Description$3, null, description)), React.createElement(Divider$1, null), React.createElement(Cost, null, React.createElement("span", null, "Mana cost:"), React.createElement("span", {
|
|
33990
34101
|
className: "mana"
|
|
@@ -34005,7 +34116,7 @@ var Info = /*#__PURE__*/styled.span.withConfig({
|
|
|
34005
34116
|
displayName: "Spell__Info",
|
|
34006
34117
|
componentId: "sc-j96fa2-2"
|
|
34007
34118
|
})(["width:0;flex:1;@media (orientation:portrait){display:none;}"]);
|
|
34008
|
-
var Title$
|
|
34119
|
+
var Title$a = /*#__PURE__*/styled.p.withConfig({
|
|
34009
34120
|
displayName: "Spell__Title",
|
|
34010
34121
|
componentId: "sc-j96fa2-3"
|
|
34011
34122
|
})(["display:flex;flex-wrap:wrap;align-items:center;margin-bottom:5px;margin:0;span{font-size:", " !important;font-weight:bold !important;color:", " !important;margin-right:0.5rem;}.spell{font-size:", " !important;font-weight:normal !important;color:", " !important;}"], uiFonts.size.medium, uiColors.yellow, uiFonts.size.small, uiColors.lightGray);
|
|
@@ -34069,7 +34180,7 @@ var Spellbook = function Spellbook(_ref) {
|
|
|
34069
34180
|
height: "inherit",
|
|
34070
34181
|
cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
|
|
34071
34182
|
scale: scale
|
|
34072
|
-
}, React.createElement(Container$z, null, React.createElement(Title$
|
|
34183
|
+
}, React.createElement(Container$z, null, React.createElement(Title$b, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
|
|
34073
34184
|
setSettingShortcutIndex: setSettingShortcutIndex,
|
|
34074
34185
|
settingShortcutIndex: settingShortcutIndex,
|
|
34075
34186
|
shortcuts: shortcuts,
|
|
@@ -34101,7 +34212,7 @@ var Spellbook = function Spellbook(_ref) {
|
|
|
34101
34212
|
}, spell)));
|
|
34102
34213
|
}))));
|
|
34103
34214
|
};
|
|
34104
|
-
var Title$
|
|
34215
|
+
var Title$b = /*#__PURE__*/styled.h1.withConfig({
|
|
34105
34216
|
displayName: "Spellbook__Title",
|
|
34106
34217
|
componentId: "sc-r02nfq-0"
|
|
34107
34218
|
})(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
|
|
@@ -34587,7 +34698,7 @@ var TradingMenu = function TradingMenu(_ref) {
|
|
|
34587
34698
|
width: "500px",
|
|
34588
34699
|
cancelDrag: "#TraderContainer",
|
|
34589
34700
|
scale: scale
|
|
34590
|
-
}, React.createElement(Container$A, null, React.createElement(Title$
|
|
34701
|
+
}, React.createElement(Container$A, null, React.createElement(Title$c, null, type.charAt(0).toUpperCase() + type.slice(1), " Menu"), React.createElement("hr", {
|
|
34591
34702
|
className: "golden"
|
|
34592
34703
|
}), React.createElement(ScrollWrapper, {
|
|
34593
34704
|
id: "TraderContainer"
|
|
@@ -34604,7 +34715,7 @@ var TradingMenu = function TradingMenu(_ref) {
|
|
|
34604
34715
|
scale: scale,
|
|
34605
34716
|
isBuy: isBuy()
|
|
34606
34717
|
});
|
|
34607
|
-
})), React.createElement(InfoSection, null, React.createElement(GoldInfo, null, React.createElement("p", null, "Available Gold:"), React.createElement("p", null, "$", characterAvailableGold.toFixed(2))), React.createElement(GoldInfo, null, React.createElement("p", null, "Total:"), React.createElement("p", null, "$", sum)), !hasGoldForSale() ? React.createElement(AlertText, null, "Sorry, not enough money.") : React.createElement(GoldInfo, null, React.createElement("p", null, "Final Gold:"), React.createElement("p", null, "$", getFinalGold().toFixed(2)))), React.createElement(ButtonWrapper$
|
|
34718
|
+
})), React.createElement(InfoSection, null, React.createElement(GoldInfo, null, React.createElement("p", null, "Available Gold:"), React.createElement("p", null, "$", characterAvailableGold.toFixed(2))), React.createElement(GoldInfo, null, React.createElement("p", null, "Total:"), React.createElement("p", null, "$", sum)), !hasGoldForSale() ? React.createElement(AlertText, null, "Sorry, not enough money.") : React.createElement(GoldInfo, null, React.createElement("p", null, "Final Gold:"), React.createElement("p", null, "$", getFinalGold().toFixed(2)))), React.createElement(ButtonWrapper$3, null, React.createElement(Button, {
|
|
34608
34719
|
buttonType: ButtonTypes.RPGUIButton,
|
|
34609
34720
|
disabled: !hasGoldForSale(),
|
|
34610
34721
|
onPointerDown: function onPointerDown() {
|
|
@@ -34619,7 +34730,7 @@ var Container$A = /*#__PURE__*/styled.div.withConfig({
|
|
|
34619
34730
|
displayName: "TradingMenu__Container",
|
|
34620
34731
|
componentId: "sc-1wjsz1l-0"
|
|
34621
34732
|
})(["width:100%;"]);
|
|
34622
|
-
var Title$
|
|
34733
|
+
var Title$c = /*#__PURE__*/styled.h1.withConfig({
|
|
34623
34734
|
displayName: "TradingMenu__Title",
|
|
34624
34735
|
componentId: "sc-1wjsz1l-1"
|
|
34625
34736
|
})(["font-size:0.7rem !important;color:yellow !important;text-align:center;"]);
|
|
@@ -34639,7 +34750,7 @@ var AlertText = /*#__PURE__*/styled.p.withConfig({
|
|
|
34639
34750
|
displayName: "TradingMenu__AlertText",
|
|
34640
34751
|
componentId: "sc-1wjsz1l-5"
|
|
34641
34752
|
})(["color:red !important;text-align:center;margin:0.3rem 0;font-size:0.5rem;"]);
|
|
34642
|
-
var ButtonWrapper$
|
|
34753
|
+
var ButtonWrapper$3 = /*#__PURE__*/styled.div.withConfig({
|
|
34643
34754
|
displayName: "TradingMenu__ButtonWrapper",
|
|
34644
34755
|
componentId: "sc-1wjsz1l-6"
|
|
34645
34756
|
})(["display:flex;justify-content:space-around;width:100%;margin-top:1rem;"]);
|
|
@@ -34799,5 +34910,5 @@ var LessonContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
34799
34910
|
componentId: "sc-7tgzv2-6"
|
|
34800
34911
|
})(["display:flex;flex-direction:column;justify-content:space-between;min-height:200px;p{font-size:0.7rem !important;}"]);
|
|
34801
34912
|
|
|
34802
|
-
export { ActionButtons, AsyncDropdown, Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, Marketplace, MarketplaceRows, MultitabType, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
|
|
34913
|
+
export { ActionButtons, AsyncDropdown, Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, GemSelector, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio, InternalTabs, ItemContainer$1 as ItemContainer, ItemPropertySimpleHandler, ItemQuantitySelectorModal, ItemSelector, ItemSlot, JoystickDPad, Leaderboard, ListMenu, Marketplace, MarketplaceRows, MultitabType, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuantitySelectorModal, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, SelectArrow, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, SocialModal, Spellbook, SpriteFromAtlas, Stepper, TabBody, Table, TableCell, TableHeader, TableRow, TabsContainer, TextArea, TimeWidget, Tooltip, TradingMenu, Truncate, TutorialStepper, UserActionLink, _RPGUI, formatQuestStatus, formatQuestText, getMockedPlayersRowsLeader, getMockedPlayersRowsNotLeader, getQuestStatusColor, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
|
|
34803
34914
|
//# sourceMappingURL=long-bow.esm.js.map
|