@rpg-engine/long-bow 0.8.151 → 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/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
package/dist/long-bow.esm.js
CHANGED
|
@@ -45225,6 +45225,7 @@ var RARITY_COLORS = {
|
|
|
45225
45225
|
};
|
|
45226
45226
|
var STATUS_COLORS = (_STATUS_COLORS = {}, _STATUS_COLORS[MarketplaceBuyOrderStatus.Active] = uiColors.lightGreen, _STATUS_COLORS[MarketplaceBuyOrderStatus.Fulfilled] = uiColors.blue, _STATUS_COLORS[MarketplaceBuyOrderStatus.Expired] = uiColors.cardinal, _STATUS_COLORS[MarketplaceBuyOrderStatus.Cancelled] = uiColors.red, _STATUS_COLORS);
|
|
45227
45227
|
var BuyOrderRow = function BuyOrderRow(_ref) {
|
|
45228
|
+
var _buyOrder$stackQty;
|
|
45228
45229
|
var buyOrder = _ref.buyOrder,
|
|
45229
45230
|
atlasJSON = _ref.atlasJSON,
|
|
45230
45231
|
atlasIMG = _ref.atlasIMG,
|
|
@@ -45235,6 +45236,7 @@ var BuyOrderRow = function BuyOrderRow(_ref) {
|
|
|
45235
45236
|
showRequestTag = _ref$showRequestTag === void 0 ? false : _ref$showRequestTag,
|
|
45236
45237
|
_ref$requestTagLabel = _ref.requestTagLabel,
|
|
45237
45238
|
requestTagLabel = _ref$requestTagLabel === void 0 ? 'Buy Request' : _ref$requestTagLabel;
|
|
45239
|
+
var stackQty = (_buyOrder$stackQty = buyOrder.stackQty) != null ? _buyOrder$stackQty : buyOrder.quantity;
|
|
45238
45240
|
var timeRemaining = buyOrder.status === MarketplaceBuyOrderStatus.Active ? getTimeRemaining(buyOrder.createdAt) : null;
|
|
45239
45241
|
var spriteKey = resolveAtlasSpriteKey(atlasJSON, buyOrder.itemBlueprintKey);
|
|
45240
45242
|
var rarityGlow = buyOrder.itemRarity ? RARITY_COLORS[buyOrder.itemRarity] || null : null;
|
|
@@ -45246,7 +45248,7 @@ var BuyOrderRow = function BuyOrderRow(_ref) {
|
|
|
45246
45248
|
spriteKey: spriteKey,
|
|
45247
45249
|
imgScale: 2,
|
|
45248
45250
|
imgClassname: "sprite-from-atlas-img--item"
|
|
45249
|
-
}) : React.createElement(SpritePlaceholder, null))), React.createElement(ItemDetails, null, React.createElement(ItemName$1, null, React.createElement(Ellipsis, {
|
|
45251
|
+
}) : React.createElement(SpritePlaceholder, null)), stackQty && stackQty > 1 && React.createElement(QuantityOverlay, null, "x", stackQty)), React.createElement(ItemDetails, null, React.createElement(ItemName$1, null, React.createElement(Ellipsis, {
|
|
45250
45252
|
maxLines: 1,
|
|
45251
45253
|
maxWidth: "200px",
|
|
45252
45254
|
fontSize: "10px"
|
|
@@ -45348,6 +45350,10 @@ var ActionSection = /*#__PURE__*/styled.div.withConfig({
|
|
|
45348
45350
|
displayName: "BuyOrderRows__ActionSection",
|
|
45349
45351
|
componentId: "sc-zz5s5j-11"
|
|
45350
45352
|
})(["flex-shrink:0;margin-left:0.75rem;"]);
|
|
45353
|
+
var QuantityOverlay = /*#__PURE__*/styled.p.withConfig({
|
|
45354
|
+
displayName: "BuyOrderRows__QuantityOverlay",
|
|
45355
|
+
componentId: "sc-zz5s5j-12"
|
|
45356
|
+
})(["position:absolute;display:block;top:15px;left:-8px;font-size:", " !important;"], uiFonts.size.xsmall);
|
|
45351
45357
|
|
|
45352
45358
|
var BUY_ORDERS_PER_PAGE = 5;
|
|
45353
45359
|
var BuyOrderPanel = function BuyOrderPanel(props) {
|