@rpg-engine/long-bow 0.5.37 → 0.5.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/long-bow.cjs.development.js +9 -3
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +9 -3
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Item/Inventory/ItemContainer.tsx +13 -3
- package/src/components/Item/Inventory/ItemSlot.tsx +1 -0
- package/src/mocks/itemContainer.mocks.ts +3 -3
|
@@ -14020,7 +14020,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
14020
14020
|
onStart: onDraggableStart,
|
|
14021
14021
|
onDrag: onDraggableProgress,
|
|
14022
14022
|
position: dragPosition,
|
|
14023
|
-
cancel: ".empty-slot"
|
|
14023
|
+
cancel: ".empty-slot",
|
|
14024
|
+
bounds: ".item-container-body"
|
|
14024
14025
|
}, React__default.createElement(ItemContainer, {
|
|
14025
14026
|
ref: dragContainer,
|
|
14026
14027
|
isFocused: isFocused,
|
|
@@ -15982,6 +15983,7 @@ var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
15982
15983
|
componentId: "sc-1b8cosc-0"
|
|
15983
15984
|
})(["position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);"]);
|
|
15984
15985
|
|
|
15986
|
+
var MIN_SLOTS_FOR_SCROLL = 20;
|
|
15985
15987
|
var ItemContainer$1 = function ItemContainer(_ref) {
|
|
15986
15988
|
var itemContainer = _ref.itemContainer,
|
|
15987
15989
|
onClose = _ref.onClose,
|
|
@@ -16137,7 +16139,8 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
16137
16139
|
atlasJSON: atlasJSON
|
|
16138
16140
|
}), React__default.createElement(ItemsContainer, {
|
|
16139
16141
|
className: "item-container-body",
|
|
16140
|
-
ref: containerRef
|
|
16142
|
+
ref: containerRef,
|
|
16143
|
+
isScrollable: itemContainer.slotQty > MIN_SLOTS_FOR_SCROLL
|
|
16141
16144
|
}, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(ItemQuantitySelectorModal, {
|
|
16142
16145
|
quantitySelect: quantitySelect,
|
|
16143
16146
|
setQuantitySelect: setQuantitySelect
|
|
@@ -16146,7 +16149,10 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
16146
16149
|
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
16147
16150
|
displayName: "ItemContainer__ItemsContainer",
|
|
16148
16151
|
componentId: "sc-15y5p9l-0"
|
|
16149
|
-
})(["display:flex;justify-content:center;flex-wrap:wrap;max-height:270px;overflow-y:
|
|
16152
|
+
})(["display:flex;justify-content:center;flex-wrap:wrap;max-height:270px;overflow-y:", ";overflow-x:hidden;width:415px;"], function (_ref2) {
|
|
16153
|
+
var isScrollable = _ref2.isScrollable;
|
|
16154
|
+
return isScrollable ? 'scroll' : 'hidden';
|
|
16155
|
+
});
|
|
16150
16156
|
|
|
16151
16157
|
var LeaderboardTable = function LeaderboardTable(props) {
|
|
16152
16158
|
var items = props.items,
|