@rpg-engine/long-bow 0.3.63 → 0.3.65

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

@@ -33224,6 +33224,17 @@ var DraggableContainer = function DraggableContainer(_ref) {
     } : _ref$initialPosition;
   var draggableRef = React.useRef(null);
   useOutsideClick(draggableRef, 'item-container');
+  React.useEffect(function () {
+    var handleKeyDown = function handleKeyDown(event) {
+      if (event.key === 'Escape' && onCloseButton) {
+        onCloseButton();
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    return function () {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [onCloseButton]);
   React.useEffect(function () {
     document.addEventListener('clickOutside', function (event) {
       var e = event;
@@ -35978,37 +35989,25 @@ var DayNightContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1ja236h-3"
 })(["margin-top:-0.3rem;margin-left:-0.3rem;"]);
 
+var outerQty = 10;
 var TradingItemRow = function TradingItemRow(_ref) {
   var atlasIMG = _ref.atlasIMG,
     atlasJSON = _ref.atlasJSON,
     onQuantityChange = _ref.onQuantityChange,
     traderItem = _ref.traderItem,
     selectedQty = _ref.selectedQty;
-  var onLeftClick = function onLeftClick() {
-    if (selectedQty > 0) {
-      var newQuantity = selectedQty - 1;
-      onQuantityChange(traderItem, newQuantity);
+  var onLeftClick = function onLeftClick(qty) {
+    if (qty === void 0) {
+      qty = 1;
     }
+    onQuantityChange(traderItem, Math.max(0, selectedQty - qty));
   };
-  var onRightClick = function onRightClick() {
+  var onRightClick = function onRightClick(qty) {
     var _traderItem$qty;
-    if (selectedQty < ((_traderItem$qty = traderItem.qty) != null ? _traderItem$qty : 999)) {
-      var newQuantity = selectedQty + 1;
-      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 + 10 <= ((_traderItem$qty2 = traderItem.qty) != null ? _traderItem$qty2 : 999)) {
-      var newQuantity = selectedQty + 10;
-      onQuantityChange(traderItem, newQuantity);
+    if (qty === void 0) {
+      qty = 1;
     }
+    onQuantityChange(traderItem, Math.min((_traderItem$qty = traderItem.qty) != null ? _traderItem$qty : 999, selectedQty + qty));
   };
   return React__default.createElement(ItemWrapper, null, React__default.createElement(ItemIconContainer, null, React__default.createElement(SpriteContainer$1, null, React__default.createElement(SpriteFromAtlas, {
     atlasIMG: atlasIMG,
@@ -36026,7 +36025,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
     size: 32,
     className: "arrow-selector",
     direction: "left",
-    onPointerDown: onLeftOutClick
+    onPointerDown: onLeftClick.bind(null, outerQty)
   }), React__default.createElement(StyledArrow, {
     size: 32,
     className: "arrow-selector",
@@ -36041,7 +36040,7 @@ var TradingItemRow = function TradingItemRow(_ref) {
     size: 32,
     className: "arrow-selector",
     direction: "right",
-    onPointerDown: onRightOutClick
+    onPointerDown: onRightClick.bind(null, outerQty)
   })));
 };
 var StyledArrow = /*#__PURE__*/styled(SelectArrow).withConfig({