@rpg-engine/long-bow 0.4.81 → 0.4.83

package/dist/components/Marketplace/BuyPanel.d.ts

@@ -18,5 +18,6 @@ export interface IBuyPanelProps {
     characterId: string;
     enableHotkeys?: () => void;
     disableHotkeys?: () => void;
+    currentPage: number;
 }
 export declare const BuyPanel: React.FC<IBuyPanelProps>;

package/dist/components/Marketplace/ManagmentPanel.d.ts

@@ -14,5 +14,6 @@ export interface IManagmentPanelProps {
     enableHotkeys?: () => void;
     disableHotkeys?: () => void;
     onMoneyWithdraw: () => void;
+    currentPage: number;
 }
 export declare const ManagmentPanel: React.FC<IManagmentPanelProps>;

package/dist/long-bow.cjs.development.js

@@ -15758,13 +15758,15 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
     onMarketPlaceItemBuy = _ref.onMarketPlaceItemBuy,
     onMarketPlaceItemRemove = _ref.onMarketPlaceItemRemove,
     disabled = _ref.disabled;
-  return React__default.createElement(MarketplaceWrapper, null, React__default.createElement(ItemInfoWrapper, {
+  return React__default.createElement(MarketplaceWrapper, null, React__default.createElement(ItemIconContainer, null, React__default.createElement(SpriteContainer, null, React__default.createElement(ItemInfoWrapper, {
     item: item,
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     equipmentSet: equipmentSet,
     scale: scale
-  }, React__default.createElement(ItemIconContainer, null, React__default.createElement(SpriteContainer, null, React__default.createElement(SpriteFromAtlas, {
+  }, React__default.createElement(RarityContainer, {
+    item: item
+  }, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: shared.getItemTextureKeyPath({
@@ -15774,11 +15776,11 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
       isStackable: item.isStackable
     }, atlasJSON),
     imgScale: 2
-  }), React__default.createElement(QuantityContainer, null, item.stackQty && item.stackQty > 1 && "x" + Math.round(item.stackQty * 10) / 10)), React__default.createElement(PriceValue, null, React__default.createElement("p", null, React__default.createElement(Ellipsis, {
+  })), React__default.createElement(QuantityContainer, null, item.stackQty && item.stackQty > 1 && "x" + Math.round(item.stackQty * 10) / 10))), React__default.createElement(PriceValue, null, React__default.createElement("p", null, React__default.createElement(Ellipsis, {
     maxLines: 1,
     maxWidth: "200px",
     fontSize: "10px"
-  }, item.name))))), React__default.createElement(Flex$1, null, React__default.createElement(ItemIconContainer, null, React__default.createElement(SpriteContainer, null, React__default.createElement(SpriteFromAtlas, {
+  }, item.name)))), React__default.createElement(Flex$1, null, React__default.createElement(ItemIconContainer, null, React__default.createElement(GoldContainer, null, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: "others/gold-coin-qty-5.png",
@@ -15813,18 +15815,35 @@ var ItemIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "MarketplaceRows__ItemIconContainer",
   componentId: "sc-wmpr1o-3"
 })(["display:flex;justify-content:flex-start;align-items:center;"]);
-var SpriteContainer = /*#__PURE__*/styled.div.withConfig({
-  displayName: "MarketplaceRows__SpriteContainer",
+var GoldContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "MarketplaceRows__GoldContainer",
   componentId: "sc-wmpr1o-4"
 })(["position:relative;top:-0.5rem;left:0.5rem;"]);
+var SpriteContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "MarketplaceRows__SpriteContainer",
+  componentId: "sc-wmpr1o-5"
+})(["position:relative;left:0.5rem;"]);
 var PriceValue = /*#__PURE__*/styled.div.withConfig({
   displayName: "MarketplaceRows__PriceValue",
-  componentId: "sc-wmpr1o-5"
+  componentId: "sc-wmpr1o-6"
 })(["margin-left:40px;"]);
 var ButtonContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "MarketplaceRows__ButtonContainer",
-  componentId: "sc-wmpr1o-6"
+  componentId: "sc-wmpr1o-7"
 })(["margin:auto;"]);
+var RarityContainer = /*#__PURE__*/styled.div.withConfig({
+  displayName: "MarketplaceRows__RarityContainer",
+  componentId: "sc-wmpr1o-8"
+})(["border-color:", ";box-shadow:", " inset,", ";width:32px;height:32px;"], function (_ref2) {
+  var item = _ref2.item;
+  return rarityColor(item);
+}, function (_ref3) {
+  var item = _ref3.item;
+  return "0 0 5px 8px " + rarityColor(item);
+}, function (_ref4) {
+  var item = _ref4.item;
+  return "0 0 8px 6px " + rarityColor(item);
+});
 
 var OrderByType;
 (function (OrderByType) {
@@ -15856,7 +15875,7 @@ var orderByOptions = /*#__PURE__*/Object.values(OrderByType).flatMap(function (o
         transform: 'translateY(-2px)',
         display: 'inline-block'
       }
-    }, "\u2193"))
+    }, "\u2191"))
   }, {
     id: index * 2 + 2,
     value: '-' + orderBy.toLowerCase(),
@@ -15865,7 +15884,7 @@ var orderByOptions = /*#__PURE__*/Object.values(OrderByType).flatMap(function (o
         transform: 'translateY(-2px)',
         display: 'inline-block'
       }
-    }, "\u2191"))
+    }, "\u2193"))
   }];
 });
 
@@ -15884,7 +15903,8 @@ var BuyPanel = function BuyPanel(_ref) {
     onMarketPlaceItemBuy = _ref.onMarketPlaceItemBuy,
     characterId = _ref.characterId,
     enableHotkeys = _ref.enableHotkeys,
-    disableHotkeys = _ref.disableHotkeys;
+    disableHotkeys = _ref.disableHotkeys,
+    currentPage = _ref.currentPage;
   var _useState = React.useState(''),
     name = _useState[0],
     setName = _useState[1];
@@ -15900,6 +15920,11 @@ var BuyPanel = function BuyPanel(_ref) {
   var _useState5 = React.useState(null),
     buyingItemId = _useState5[0],
     setBuyingItemId = _useState5[1];
+  var itemsContainer = React.useRef(null);
+  React.useEffect(function () {
+    var _itemsContainer$curre;
+    (_itemsContainer$curre = itemsContainer.current) == null ? void 0 : _itemsContainer$curre.scrollTo(0, 0);
+  }, [currentPage]);
   return React__default.createElement(React__default.Fragment, null, buyingItemId && React__default.createElement(ConfirmModal, {
     onClose: setBuyingItemId.bind(null, null),
     onConfirm: function onConfirm() {
@@ -15992,7 +16017,8 @@ var BuyPanel = function BuyPanel(_ref) {
     onChange: onChangeOrder,
     width: "100%"
   }))), React__default.createElement(ItemComponentScrollWrapper, {
-    id: "MarketContainer"
+    id: "MarketContainer",
+    ref: itemsContainer
   }, items == null ? void 0 : items.map(function (_ref2, index) {
     var item = _ref2.item,
       price = _ref2.price,
@@ -16048,7 +16074,8 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
     onAddItemToMarketplace = _ref.onAddItemToMarketplace,
     enableHotkeys = _ref.enableHotkeys,
     disableHotkeys = _ref.disableHotkeys,
-    onMoneyWithdraw = _ref.onMoneyWithdraw;
+    onMoneyWithdraw = _ref.onMoneyWithdraw,
+    currentPage = _ref.currentPage;
   var _useState = React.useState(''),
     name = _useState[0],
     setName = _useState[1];
@@ -16061,6 +16088,11 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
   var _useState4 = React.useState(null),
     removingItemId = _useState4[0],
     setRemovingItemId = _useState4[1];
+  var itemsContainer = React.useRef(null);
+  React.useEffect(function () {
+    var _itemsContainer$curre;
+    (_itemsContainer$curre = itemsContainer.current) == null ? void 0 : _itemsContainer$curre.scrollTo(0, 0);
+  }, [currentPage]);
   return React__default.createElement(React__default.Fragment, null, isCreatingOffer && React__default.createElement(ConfirmModal, {
     onClose: setIsCreatingOffer.bind(null, false),
     onConfirm: function onConfirm() {
@@ -16127,7 +16159,8 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
       return availableGold > 0 && onMoneyWithdraw();
     }
   }, "Withdraw")))), React__default.createElement(ItemComponentScrollWrapper$1, {
-    id: "MarketContainer"
+    id: "MarketContainer",
+    ref: itemsContainer
   }, items == null ? void 0 : items.map(function (_ref2, index) {
     var item = _ref2.item,
       price = _ref2.price,