@rpg-engine/long-bow 0.8.149 → 0.8.151
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/long-bow.cjs.development.js +12 -18
- 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 +12 -18
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Marketplace/BuyOrderDetailsModal.tsx +2 -2
- package/src/components/Marketplace/BuyPanel.tsx +71 -82
- package/src/components/Marketplace/__test__/BuyPanel.spec.tsx +129 -0
package/dist/long-bow.esm.js
CHANGED
|
@@ -44904,12 +44904,12 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
|
|
|
44904
44904
|
min: 1,
|
|
44905
44905
|
onFocus: disableHotkeys,
|
|
44906
44906
|
onBlur: enableHotkeys
|
|
44907
|
-
})), React.createElement(FieldRow, null, React.createElement(Label$4, null, "
|
|
44907
|
+
})), React.createElement(FieldRow, null, React.createElement(Label$4, null, "Gold Offer"), React.createElement(StyledInput$3, {
|
|
44908
44908
|
value: maxPrice || '',
|
|
44909
44909
|
onChange: function onChange(e) {
|
|
44910
44910
|
return onMaxPriceChange(Number(e.target.value));
|
|
44911
44911
|
},
|
|
44912
|
-
placeholder: "
|
|
44912
|
+
placeholder: "Gold offer",
|
|
44913
44913
|
type: "number",
|
|
44914
44914
|
min: 1,
|
|
44915
44915
|
onFocus: disableHotkeys,
|
|
@@ -45985,9 +45985,7 @@ var BuyPanel = function BuyPanel(_ref) {
|
|
|
45985
45985
|
openBuyOrdersTotal = _ref$openBuyOrdersTot === void 0 ? 0 : _ref$openBuyOrdersTot,
|
|
45986
45986
|
_ref$openBuyOrdersPag = _ref.openBuyOrdersPage,
|
|
45987
45987
|
openBuyOrdersPage = _ref$openBuyOrdersPag === void 0 ? 1 : _ref$openBuyOrdersPag,
|
|
45988
|
-
onOpenBuyOrdersPageChange = _ref.onOpenBuyOrdersPageChange
|
|
45989
|
-
_ref$isLoading = _ref.isLoading,
|
|
45990
|
-
isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
|
|
45988
|
+
onOpenBuyOrdersPageChange = _ref.onOpenBuyOrdersPageChange;
|
|
45991
45989
|
var _useState = useState(''),
|
|
45992
45990
|
name = _useState[0],
|
|
45993
45991
|
setName = _useState[1];
|
|
@@ -46226,7 +46224,7 @@ var BuyPanel = function BuyPanel(_ref) {
|
|
|
46226
46224
|
}))))), React.createElement(ItemComponentScrollWrapper$1, {
|
|
46227
46225
|
id: "MarketContainer",
|
|
46228
46226
|
ref: itemsContainer
|
|
46229
|
-
},
|
|
46227
|
+
}, !hasVisibleContent ? React.createElement(LoadingState, null, React.createElement(Spinner$2, null), React.createElement(LoadingText$1, null, "Loading marketplace...")) : React.createElement(React.Fragment, null, showSellSection && React.createElement(MarketSection, null, React.createElement(SectionHeader, null, React.createElement(SectionTitle$2, null, "Sell Offers"), React.createElement(SectionMeta, null, groupedItems.length, " groups")), groupedItems.length === 0 ? React.createElement(SectionEmpty, null, "No sell offers found.") : groupedItems.map(function (_ref2) {
|
|
46230
46228
|
var bestListing = _ref2.bestListing,
|
|
46231
46229
|
otherListings = _ref2.otherListings;
|
|
46232
46230
|
return React.createElement(GroupedMarketplaceRow, {
|
|
@@ -46260,7 +46258,7 @@ var BuyPanel = function BuyPanel(_ref) {
|
|
|
46260
46258
|
currentPage: openBuyOrdersPage,
|
|
46261
46259
|
itemsPerPage: BUY_REQUESTS_PER_PAGE,
|
|
46262
46260
|
onPageChange: onOpenBuyOrdersPageChange != null ? onOpenBuyOrdersPageChange : function () {}
|
|
46263
|
-
})))));
|
|
46261
|
+
}))))));
|
|
46264
46262
|
};
|
|
46265
46263
|
var ToolbarRow = /*#__PURE__*/styled.div.withConfig({
|
|
46266
46264
|
displayName: "BuyPanel__ToolbarRow",
|
|
@@ -46326,30 +46324,26 @@ var SectionEmpty = /*#__PURE__*/styled.div.withConfig({
|
|
|
46326
46324
|
displayName: "BuyPanel__SectionEmpty",
|
|
46327
46325
|
componentId: "sc-1si8t7i-12"
|
|
46328
46326
|
})(["min-height:56px;display:flex;align-items:center;justify-content:center;color:#71717a;font-size:0.48rem;text-transform:uppercase;letter-spacing:1px;background:rgba(255,255,255,0.03);border:1px dashed rgba(255,255,255,0.08);border-radius:6px;"]);
|
|
46329
|
-
var EmptyState$4 = /*#__PURE__*/styled.div.withConfig({
|
|
46330
|
-
displayName: "BuyPanel__EmptyState",
|
|
46331
|
-
componentId: "sc-1si8t7i-13"
|
|
46332
|
-
})(["min-height:96px;display:flex;align-items:center;justify-content:center;color:#71717a;font-size:0.52rem;text-transform:uppercase;letter-spacing:1px;padding:0 16px;text-align:center;"]);
|
|
46333
46327
|
var SectionPager = /*#__PURE__*/styled.div.withConfig({
|
|
46334
46328
|
displayName: "BuyPanel__SectionPager",
|
|
46335
|
-
componentId: "sc-1si8t7i-
|
|
46329
|
+
componentId: "sc-1si8t7i-13"
|
|
46336
46330
|
})(["display:flex;justify-content:center;margin-top:10px;"]);
|
|
46337
46331
|
var StyledDropdown$4 = /*#__PURE__*/styled(Dropdown).withConfig({
|
|
46338
46332
|
displayName: "BuyPanel__StyledDropdown",
|
|
46339
|
-
componentId: "sc-1si8t7i-
|
|
46333
|
+
componentId: "sc-1si8t7i-14"
|
|
46340
46334
|
})(["margin:0px !important;width:100% !important;"]);
|
|
46341
46335
|
var spin = /*#__PURE__*/keyframes(["to{transform:rotate(360deg);}"]);
|
|
46342
46336
|
var LoadingState = /*#__PURE__*/styled.div.withConfig({
|
|
46343
46337
|
displayName: "BuyPanel__LoadingState",
|
|
46344
|
-
componentId: "sc-1si8t7i-
|
|
46338
|
+
componentId: "sc-1si8t7i-15"
|
|
46345
46339
|
})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;min-height:160px;"]);
|
|
46346
46340
|
var Spinner$2 = /*#__PURE__*/styled.div.withConfig({
|
|
46347
46341
|
displayName: "BuyPanel__Spinner",
|
|
46348
|
-
componentId: "sc-1si8t7i-
|
|
46342
|
+
componentId: "sc-1si8t7i-16"
|
|
46349
46343
|
})(["width:28px;height:28px;border:3px solid rgba(245,158,11,0.2);border-top-color:#f59e0b;border-radius:50%;animation:", " 0.7s linear infinite;"], spin);
|
|
46350
46344
|
var LoadingText$1 = /*#__PURE__*/styled.span.withConfig({
|
|
46351
46345
|
displayName: "BuyPanel__LoadingText",
|
|
46352
|
-
componentId: "sc-1si8t7i-
|
|
46346
|
+
componentId: "sc-1si8t7i-17"
|
|
46353
46347
|
})(["font-size:0.48rem;color:#8a8a8a;text-transform:uppercase;letter-spacing:1px;"]);
|
|
46354
46348
|
|
|
46355
46349
|
var _TRANSACTION_TYPE_COL;
|
|
@@ -46411,7 +46405,7 @@ var HistoryPanel = function HistoryPanel(_ref) {
|
|
|
46411
46405
|
width: "200px"
|
|
46412
46406
|
})), React.createElement(ScrollArea$1, {
|
|
46413
46407
|
id: "MarketContainer"
|
|
46414
|
-
}, transactions.length === 0 ? React.createElement(EmptyState$
|
|
46408
|
+
}, transactions.length === 0 ? React.createElement(EmptyState$4, null, "No transactions yet") : transactions.map(function (tx, index) {
|
|
46415
46409
|
var _tx$metadata;
|
|
46416
46410
|
return React.createElement(RowWrapper$1, {
|
|
46417
46411
|
key: index,
|
|
@@ -46552,7 +46546,7 @@ var GoldAmount = /*#__PURE__*/styled.span.withConfig({
|
|
|
46552
46546
|
if (negative.includes($type)) return uiColors.red + " !important";
|
|
46553
46547
|
return '#888 !important';
|
|
46554
46548
|
});
|
|
46555
|
-
var EmptyState$
|
|
46549
|
+
var EmptyState$4 = /*#__PURE__*/styled.div.withConfig({
|
|
46556
46550
|
displayName: "HistoryPanel__EmptyState",
|
|
46557
46551
|
componentId: "sc-74mioa-20"
|
|
46558
46552
|
})(["display:flex;align-items:center;justify-content:center;height:45px;font-size:0.5rem;color:#555;text-transform:uppercase;letter-spacing:1px;background:rgba(0,0,0,0.15);border-radius:4px;"]);
|