@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
|
@@ -44907,12 +44907,12 @@ var BuyOrderDetailsModal = function BuyOrderDetailsModal(_ref) {
|
|
|
44907
44907
|
min: 1,
|
|
44908
44908
|
onFocus: disableHotkeys,
|
|
44909
44909
|
onBlur: enableHotkeys
|
|
44910
|
-
})), React__default.createElement(FieldRow, null, React__default.createElement(Label$4, null, "
|
|
44910
|
+
})), React__default.createElement(FieldRow, null, React__default.createElement(Label$4, null, "Gold Offer"), React__default.createElement(StyledInput$3, {
|
|
44911
44911
|
value: maxPrice || '',
|
|
44912
44912
|
onChange: function onChange(e) {
|
|
44913
44913
|
return onMaxPriceChange(Number(e.target.value));
|
|
44914
44914
|
},
|
|
44915
|
-
placeholder: "
|
|
44915
|
+
placeholder: "Gold offer",
|
|
44916
44916
|
type: "number",
|
|
44917
44917
|
min: 1,
|
|
44918
44918
|
onFocus: disableHotkeys,
|
|
@@ -45988,9 +45988,7 @@ var BuyPanel = function BuyPanel(_ref) {
|
|
|
45988
45988
|
openBuyOrdersTotal = _ref$openBuyOrdersTot === void 0 ? 0 : _ref$openBuyOrdersTot,
|
|
45989
45989
|
_ref$openBuyOrdersPag = _ref.openBuyOrdersPage,
|
|
45990
45990
|
openBuyOrdersPage = _ref$openBuyOrdersPag === void 0 ? 1 : _ref$openBuyOrdersPag,
|
|
45991
|
-
onOpenBuyOrdersPageChange = _ref.onOpenBuyOrdersPageChange
|
|
45992
|
-
_ref$isLoading = _ref.isLoading,
|
|
45993
|
-
isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
|
|
45991
|
+
onOpenBuyOrdersPageChange = _ref.onOpenBuyOrdersPageChange;
|
|
45994
45992
|
var _useState = React.useState(''),
|
|
45995
45993
|
name = _useState[0],
|
|
45996
45994
|
setName = _useState[1];
|
|
@@ -46229,7 +46227,7 @@ var BuyPanel = function BuyPanel(_ref) {
|
|
|
46229
46227
|
}))))), React__default.createElement(ItemComponentScrollWrapper$1, {
|
|
46230
46228
|
id: "MarketContainer",
|
|
46231
46229
|
ref: itemsContainer
|
|
46232
|
-
},
|
|
46230
|
+
}, !hasVisibleContent ? React__default.createElement(LoadingState, null, React__default.createElement(Spinner$2, null), React__default.createElement(LoadingText$1, null, "Loading marketplace...")) : React__default.createElement(React__default.Fragment, null, showSellSection && React__default.createElement(MarketSection, null, React__default.createElement(SectionHeader, null, React__default.createElement(SectionTitle$2, null, "Sell Offers"), React__default.createElement(SectionMeta, null, groupedItems.length, " groups")), groupedItems.length === 0 ? React__default.createElement(SectionEmpty, null, "No sell offers found.") : groupedItems.map(function (_ref2) {
|
|
46233
46231
|
var bestListing = _ref2.bestListing,
|
|
46234
46232
|
otherListings = _ref2.otherListings;
|
|
46235
46233
|
return React__default.createElement(GroupedMarketplaceRow, {
|
|
@@ -46263,7 +46261,7 @@ var BuyPanel = function BuyPanel(_ref) {
|
|
|
46263
46261
|
currentPage: openBuyOrdersPage,
|
|
46264
46262
|
itemsPerPage: BUY_REQUESTS_PER_PAGE,
|
|
46265
46263
|
onPageChange: onOpenBuyOrdersPageChange != null ? onOpenBuyOrdersPageChange : function () {}
|
|
46266
|
-
})))));
|
|
46264
|
+
}))))));
|
|
46267
46265
|
};
|
|
46268
46266
|
var ToolbarRow = /*#__PURE__*/styled__default.div.withConfig({
|
|
46269
46267
|
displayName: "BuyPanel__ToolbarRow",
|
|
@@ -46329,30 +46327,26 @@ var SectionEmpty = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
46329
46327
|
displayName: "BuyPanel__SectionEmpty",
|
|
46330
46328
|
componentId: "sc-1si8t7i-12"
|
|
46331
46329
|
})(["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;"]);
|
|
46332
|
-
var EmptyState$4 = /*#__PURE__*/styled__default.div.withConfig({
|
|
46333
|
-
displayName: "BuyPanel__EmptyState",
|
|
46334
|
-
componentId: "sc-1si8t7i-13"
|
|
46335
|
-
})(["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;"]);
|
|
46336
46330
|
var SectionPager = /*#__PURE__*/styled__default.div.withConfig({
|
|
46337
46331
|
displayName: "BuyPanel__SectionPager",
|
|
46338
|
-
componentId: "sc-1si8t7i-
|
|
46332
|
+
componentId: "sc-1si8t7i-13"
|
|
46339
46333
|
})(["display:flex;justify-content:center;margin-top:10px;"]);
|
|
46340
46334
|
var StyledDropdown$4 = /*#__PURE__*/styled__default(Dropdown).withConfig({
|
|
46341
46335
|
displayName: "BuyPanel__StyledDropdown",
|
|
46342
|
-
componentId: "sc-1si8t7i-
|
|
46336
|
+
componentId: "sc-1si8t7i-14"
|
|
46343
46337
|
})(["margin:0px !important;width:100% !important;"]);
|
|
46344
46338
|
var spin = /*#__PURE__*/styled.keyframes(["to{transform:rotate(360deg);}"]);
|
|
46345
46339
|
var LoadingState = /*#__PURE__*/styled__default.div.withConfig({
|
|
46346
46340
|
displayName: "BuyPanel__LoadingState",
|
|
46347
|
-
componentId: "sc-1si8t7i-
|
|
46341
|
+
componentId: "sc-1si8t7i-15"
|
|
46348
46342
|
})(["display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;min-height:160px;"]);
|
|
46349
46343
|
var Spinner$2 = /*#__PURE__*/styled__default.div.withConfig({
|
|
46350
46344
|
displayName: "BuyPanel__Spinner",
|
|
46351
|
-
componentId: "sc-1si8t7i-
|
|
46345
|
+
componentId: "sc-1si8t7i-16"
|
|
46352
46346
|
})(["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);
|
|
46353
46347
|
var LoadingText$1 = /*#__PURE__*/styled__default.span.withConfig({
|
|
46354
46348
|
displayName: "BuyPanel__LoadingText",
|
|
46355
|
-
componentId: "sc-1si8t7i-
|
|
46349
|
+
componentId: "sc-1si8t7i-17"
|
|
46356
46350
|
})(["font-size:0.48rem;color:#8a8a8a;text-transform:uppercase;letter-spacing:1px;"]);
|
|
46357
46351
|
|
|
46358
46352
|
var _TRANSACTION_TYPE_COL;
|
|
@@ -46414,7 +46408,7 @@ var HistoryPanel = function HistoryPanel(_ref) {
|
|
|
46414
46408
|
width: "200px"
|
|
46415
46409
|
})), React__default.createElement(ScrollArea$1, {
|
|
46416
46410
|
id: "MarketContainer"
|
|
46417
|
-
}, transactions.length === 0 ? React__default.createElement(EmptyState$
|
|
46411
|
+
}, transactions.length === 0 ? React__default.createElement(EmptyState$4, null, "No transactions yet") : transactions.map(function (tx, index) {
|
|
46418
46412
|
var _tx$metadata;
|
|
46419
46413
|
return React__default.createElement(RowWrapper$1, {
|
|
46420
46414
|
key: index,
|
|
@@ -46555,7 +46549,7 @@ var GoldAmount = /*#__PURE__*/styled__default.span.withConfig({
|
|
|
46555
46549
|
if (negative.includes($type)) return uiColors.red + " !important";
|
|
46556
46550
|
return '#888 !important';
|
|
46557
46551
|
});
|
|
46558
|
-
var EmptyState$
|
|
46552
|
+
var EmptyState$4 = /*#__PURE__*/styled__default.div.withConfig({
|
|
46559
46553
|
displayName: "HistoryPanel__EmptyState",
|
|
46560
46554
|
componentId: "sc-74mioa-20"
|
|
46561
46555
|
})(["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;"]);
|