@rpg-engine/long-bow 0.3.37 → 0.3.39

package/dist/long-bow.esm.js

@@ -33851,9 +33851,11 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
         onDragStart(item, slotIndex, containerType);
       }
     },
-    onDrag: function onDrag() {
-      setWasDragged(true);
-      setIsFocused(true);
+    onDrag: function onDrag(_e, data) {
+      if (Math.abs(data.x - dragPosition.x) > 5 || Math.abs(data.y - dragPosition.y) > 5) {
+        setWasDragged(true);
+        setIsFocused(true);
+      }
     },
     position: dragPosition,
     cancel: ".empty-slot"
@@ -35755,6 +35757,19 @@ var TradingItemRow = function TradingItemRow(_ref) {
       onQuantityChange(traderItem, newQuantity);
     }
   };
+  var onLeftOutClick = function onLeftOutClick() {
+    if (selectedQty >= 10) {
+      var newQuantity = selectedQty - 10;
+      onQuantityChange(traderItem, newQuantity);
+    }
+  };
+  var onRightOutClick = function onRightOutClick() {
+    var _traderItem$qty2;
+    if (selectedQty < ((_traderItem$qty2 = traderItem.qty) != null ? _traderItem$qty2 : 999)) {
+      var newQuantity = selectedQty + 10;
+      onQuantityChange(traderItem, newQuantity);
+    }
+  };
   return React.createElement(ItemWrapper, null, React.createElement(ItemIconContainer, null, React.createElement(SpriteContainer$1, null, React.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
@@ -35768,54 +35783,70 @@ var TradingItemRow = function TradingItemRow(_ref) {
     maxLines: 1,
     maxWidth: "250px"
   }, capitalize(traderItem.name))), React.createElement("p", null, "$", traderItem.price))), React.createElement(QuantityContainer, null, React.createElement(SelectArrow, {
+    size: 32,
+    className: "arrow-selector",
+    direction: "left",
+    onClick: onLeftOutClick,
+    onTouchStart: onLeftOutClick
+  }), React.createElement(StyledArrow, {
     size: 32,
     className: "arrow-selector",
     direction: "left",
     onClick: onLeftClick,
     onTouchStart: onLeftClick
-  }), React.createElement(QuantityDisplay, null, React.createElement(TextOverlay$2, null, React.createElement(Item$1, null, selectedQty))), React.createElement(SelectArrow, {
+  }), React.createElement(QuantityDisplay, null, React.createElement(TextOverlay$2, null, React.createElement(Item$1, null, selectedQty))), React.createElement(StyledArrow, {
     size: 32,
     className: "arrow-selector",
     direction: "right",
     onClick: onRightClick,
     onTouchStart: onRightClick
+  }), React.createElement(SelectArrow, {
+    size: 32,
+    className: "arrow-selector",
+    direction: "right",
+    onClick: onRightOutClick,
+    onTouchStart: onRightOutClick
   })));
 };
+var StyledArrow = /*#__PURE__*/styled(SelectArrow).withConfig({
+  displayName: "TradingItemRow__StyledArrow",
+  componentId: "sc-mja0b5-0"
+})(["margin:40px;"]);
 var ItemWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__ItemWrapper",
-  componentId: "sc-mja0b5-0"
+  componentId: "sc-mja0b5-1"
 })(["width:100%;margin:auto;display:flex;justify-content:space-between;margin-bottom:1rem;&:hover{background-color:", ";}padding:0.5rem;"], uiColors.darkGray);
 var ItemNameContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__ItemNameContainer",
-  componentId: "sc-mja0b5-1"
+  componentId: "sc-mja0b5-2"
 })(["flex:60%;"]);
 var ItemIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__ItemIconContainer",
-  componentId: "sc-mja0b5-2"
+  componentId: "sc-mja0b5-3"
 })(["display:flex;justify-content:flex-start;align-items:center;flex:0 0 58px;"]);
 var SpriteContainer$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__SpriteContainer",
-  componentId: "sc-mja0b5-3"
+  componentId: "sc-mja0b5-4"
 })(["position:relative;top:-0.5rem;left:0.5rem;"]);
 var NameValue = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__NameValue",
-  componentId: "sc-mja0b5-4"
+  componentId: "sc-mja0b5-5"
 })(["p{font-size:0.75rem;margin:0;}"]);
 var Item$1 = /*#__PURE__*/styled.span.withConfig({
   displayName: "TradingItemRow__Item",
-  componentId: "sc-mja0b5-5"
+  componentId: "sc-mja0b5-6"
 })(["color:white;text-align:center;z-index:1;width:100%;"]);
 var TextOverlay$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__TextOverlay",
-  componentId: "sc-mja0b5-6"
+  componentId: "sc-mja0b5-7"
 })(["width:100%;position:relative;"]);
 var QuantityContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__QuantityContainer",
-  componentId: "sc-mja0b5-7"
-})(["position:relative;display:flex;min-width:100px;width:40%;justify-content:center;align-items:center;flex:20%;"]);
+  componentId: "sc-mja0b5-8"
+})(["position:relative;display:flex;min-width:100px;width:40%;justify-content:center;align-items:center;flex:40%;"]);
 var QuantityDisplay = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingItemRow__QuantityDisplay",
-  componentId: "sc-mja0b5-8"
+  componentId: "sc-mja0b5-9"
 })(["font-size:", ";"], uiFonts.size.small);
 
 var TradingMenu = function TradingMenu(_ref) {
@@ -35877,7 +35908,7 @@ var TradingMenu = function TradingMenu(_ref) {
     onCloseButton: function onCloseButton() {
       if (onClose) onClose();
     },
-    width: "500px",
+    width: "600px",
     cancelDrag: ".equipment-container-body .arrow-selector"
   }, React.createElement(React.Fragment, null, React.createElement("div", {
     style: {