@rpg-engine/long-bow 0.8.150 → 0.8.153
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 +7 -1
- 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 +7 -1
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Marketplace/BuyOrderRows.tsx +14 -0
- package/src/components/Marketplace/__test__/BuyPanel.spec.tsx +129 -0
- package/src/stories/Features/marketplace/BuyOrderPanel.stories.tsx +3 -0
- package/src/stories/Features/marketplace/BuyOrderRows.stories.tsx +1 -0
- package/src/stories/Features/trading/Marketplace.stories.tsx +1 -0
|
@@ -45228,6 +45228,7 @@ var RARITY_COLORS = {
|
|
|
45228
45228
|
};
|
|
45229
45229
|
var STATUS_COLORS = (_STATUS_COLORS = {}, _STATUS_COLORS[shared.MarketplaceBuyOrderStatus.Active] = uiColors.lightGreen, _STATUS_COLORS[shared.MarketplaceBuyOrderStatus.Fulfilled] = uiColors.blue, _STATUS_COLORS[shared.MarketplaceBuyOrderStatus.Expired] = uiColors.cardinal, _STATUS_COLORS[shared.MarketplaceBuyOrderStatus.Cancelled] = uiColors.red, _STATUS_COLORS);
|
|
45230
45230
|
var BuyOrderRow = function BuyOrderRow(_ref) {
|
|
45231
|
+
var _buyOrder$stackQty;
|
|
45231
45232
|
var buyOrder = _ref.buyOrder,
|
|
45232
45233
|
atlasJSON = _ref.atlasJSON,
|
|
45233
45234
|
atlasIMG = _ref.atlasIMG,
|
|
@@ -45238,6 +45239,7 @@ var BuyOrderRow = function BuyOrderRow(_ref) {
|
|
|
45238
45239
|
showRequestTag = _ref$showRequestTag === void 0 ? false : _ref$showRequestTag,
|
|
45239
45240
|
_ref$requestTagLabel = _ref.requestTagLabel,
|
|
45240
45241
|
requestTagLabel = _ref$requestTagLabel === void 0 ? 'Buy Request' : _ref$requestTagLabel;
|
|
45242
|
+
var stackQty = (_buyOrder$stackQty = buyOrder.stackQty) != null ? _buyOrder$stackQty : buyOrder.quantity;
|
|
45241
45243
|
var timeRemaining = buyOrder.status === shared.MarketplaceBuyOrderStatus.Active ? getTimeRemaining(buyOrder.createdAt) : null;
|
|
45242
45244
|
var spriteKey = resolveAtlasSpriteKey(atlasJSON, buyOrder.itemBlueprintKey);
|
|
45243
45245
|
var rarityGlow = buyOrder.itemRarity ? RARITY_COLORS[buyOrder.itemRarity] || null : null;
|
|
@@ -45249,7 +45251,7 @@ var BuyOrderRow = function BuyOrderRow(_ref) {
|
|
|
45249
45251
|
spriteKey: spriteKey,
|
|
45250
45252
|
imgScale: 2,
|
|
45251
45253
|
imgClassname: "sprite-from-atlas-img--item"
|
|
45252
|
-
}) : React__default.createElement(SpritePlaceholder, null))), React__default.createElement(ItemDetails, null, React__default.createElement(ItemName$1, null, React__default.createElement(Ellipsis, {
|
|
45254
|
+
}) : React__default.createElement(SpritePlaceholder, null)), stackQty && stackQty > 1 && React__default.createElement(QuantityOverlay, null, "x", stackQty)), React__default.createElement(ItemDetails, null, React__default.createElement(ItemName$1, null, React__default.createElement(Ellipsis, {
|
|
45253
45255
|
maxLines: 1,
|
|
45254
45256
|
maxWidth: "200px",
|
|
45255
45257
|
fontSize: "10px"
|
|
@@ -45351,6 +45353,10 @@ var ActionSection = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
45351
45353
|
displayName: "BuyOrderRows__ActionSection",
|
|
45352
45354
|
componentId: "sc-zz5s5j-11"
|
|
45353
45355
|
})(["flex-shrink:0;margin-left:0.75rem;"]);
|
|
45356
|
+
var QuantityOverlay = /*#__PURE__*/styled__default.p.withConfig({
|
|
45357
|
+
displayName: "BuyOrderRows__QuantityOverlay",
|
|
45358
|
+
componentId: "sc-zz5s5j-12"
|
|
45359
|
+
})(["position:absolute;display:block;top:15px;left:-8px;font-size:", " !important;"], uiFonts.size.xsmall);
|
|
45354
45360
|
|
|
45355
45361
|
var BUY_ORDERS_PER_PAGE = 5;
|
|
45356
45362
|
var BuyOrderPanel = function BuyOrderPanel(props) {
|