@rpg-engine/long-bow 0.4.8 → 0.4.9

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

@@ -15220,13 +15220,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({
@@ -15236,11 +15238,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",
@@ -15275,18 +15277,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) {
@@ -15346,7 +15365,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];
@@ -15362,6 +15382,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() {
@@ -15454,7 +15479,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,
@@ -15510,7 +15536,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];
@@ -15523,6 +15550,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() {
@@ -15589,7 +15621,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,