@rpg-engine/long-bow 0.4.81 → 0.4.83

package/dist/long-bow.esm.js

@@ -15756,13 +15756,15 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
     onMarketPlaceItemBuy = _ref.onMarketPlaceItemBuy,
     onMarketPlaceItemRemove = _ref.onMarketPlaceItemRemove,
     disabled = _ref.disabled;
-  return React.createElement(MarketplaceWrapper, null, React.createElement(ItemInfoWrapper, {
+  return React.createElement(MarketplaceWrapper, null, React.createElement(ItemIconContainer, null, React.createElement(SpriteContainer, null, React.createElement(ItemInfoWrapper, {
     item: item,
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     equipmentSet: equipmentSet,
     scale: scale
-  }, React.createElement(ItemIconContainer, null, React.createElement(SpriteContainer, null, React.createElement(SpriteFromAtlas, {
+  }, React.createElement(RarityContainer, {
+    item: item
+  }, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: getItemTextureKeyPath({
@@ -15772,11 +15774,11 @@ var MarketplaceRows = function MarketplaceRows(_ref) {
       isStackable: item.isStackable
     }, atlasJSON),
     imgScale: 2
-  }), React.createElement(QuantityContainer, null, item.stackQty && item.stackQty > 1 && "x" + Math.round(item.stackQty * 10) / 10)), React.createElement(PriceValue, null, React.createElement("p", null, React.createElement(Ellipsis, {
+  })), React.createElement(QuantityContainer, null, item.stackQty && item.stackQty > 1 && "x" + Math.round(item.stackQty * 10) / 10))), React.createElement(PriceValue, null, React.createElement("p", null, React.createElement(Ellipsis, {
     maxLines: 1,
     maxWidth: "200px",
     fontSize: "10px"
-  }, item.name))))), React.createElement(Flex$1, null, React.createElement(ItemIconContainer, null, React.createElement(SpriteContainer, null, React.createElement(SpriteFromAtlas, {
+  }, item.name)))), React.createElement(Flex$1, null, React.createElement(ItemIconContainer, null, React.createElement(GoldContainer, null, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
     spriteKey: "others/gold-coin-qty-5.png",
@@ -15811,18 +15813,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) {
@@ -15854,7 +15873,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(),
@@ -15863,7 +15882,7 @@ var orderByOptions = /*#__PURE__*/Object.values(OrderByType).flatMap(function (o
         transform: 'translateY(-2px)',
         display: 'inline-block'
       }
-    }, "\u2191"))
+    }, "\u2193"))
   }];
 });
 
@@ -15882,7 +15901,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 = useState(''),
     name = _useState[0],
     setName = _useState[1];
@@ -15898,6 +15918,11 @@ var BuyPanel = function BuyPanel(_ref) {
   var _useState5 = useState(null),
     buyingItemId = _useState5[0],
     setBuyingItemId = _useState5[1];
+  var itemsContainer = useRef(null);
+  useEffect(function () {
+    var _itemsContainer$curre;
+    (_itemsContainer$curre = itemsContainer.current) == null ? void 0 : _itemsContainer$curre.scrollTo(0, 0);
+  }, [currentPage]);
   return React.createElement(React.Fragment, null, buyingItemId && React.createElement(ConfirmModal, {
     onClose: setBuyingItemId.bind(null, null),
     onConfirm: function onConfirm() {
@@ -15990,7 +16015,8 @@ var BuyPanel = function BuyPanel(_ref) {
     onChange: onChangeOrder,
     width: "100%"
   }))), React.createElement(ItemComponentScrollWrapper, {
-    id: "MarketContainer"
+    id: "MarketContainer",
+    ref: itemsContainer
   }, items == null ? void 0 : items.map(function (_ref2, index) {
     var item = _ref2.item,
       price = _ref2.price,
@@ -16046,7 +16072,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 = useState(''),
     name = _useState[0],
     setName = _useState[1];
@@ -16059,6 +16086,11 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
   var _useState4 = useState(null),
     removingItemId = _useState4[0],
     setRemovingItemId = _useState4[1];
+  var itemsContainer = useRef(null);
+  useEffect(function () {
+    var _itemsContainer$curre;
+    (_itemsContainer$curre = itemsContainer.current) == null ? void 0 : _itemsContainer$curre.scrollTo(0, 0);
+  }, [currentPage]);
   return React.createElement(React.Fragment, null, isCreatingOffer && React.createElement(ConfirmModal, {
     onClose: setIsCreatingOffer.bind(null, false),
     onConfirm: function onConfirm() {
@@ -16125,7 +16157,8 @@ var ManagmentPanel = function ManagmentPanel(_ref) {
       return availableGold > 0 && onMoneyWithdraw();
     }
   }, "Withdraw")))), React.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,