@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
package/dist/long-bow.esm.js
CHANGED
|
@@ -14015,7 +14015,8 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
|
|
|
14015
14015
|
onStart: onDraggableStart,
|
|
14016
14016
|
onDrag: onDraggableProgress,
|
|
14017
14017
|
position: dragPosition,
|
|
14018
|
-
cancel: ".empty-slot"
|
|
14018
|
+
cancel: ".empty-slot",
|
|
14019
|
+
bounds: ".item-container-body"
|
|
14019
14020
|
}, React.createElement(ItemContainer, {
|
|
14020
14021
|
ref: dragContainer,
|
|
14021
14022
|
isFocused: isFocused,
|
|
@@ -15980,6 +15981,7 @@ var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
15980
15981
|
componentId: "sc-1b8cosc-0"
|
|
15981
15982
|
})(["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);"]);
|
|
15982
15983
|
|
|
15984
|
+
var MIN_SLOTS_FOR_SCROLL = 20;
|
|
15983
15985
|
var ItemContainer$1 = function ItemContainer(_ref) {
|
|
15984
15986
|
var itemContainer = _ref.itemContainer,
|
|
15985
15987
|
onClose = _ref.onClose,
|
|
@@ -16135,7 +16137,8 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
16135
16137
|
atlasJSON: atlasJSON
|
|
16136
16138
|
}), React.createElement(ItemsContainer, {
|
|
16137
16139
|
className: "item-container-body",
|
|
16138
|
-
ref: containerRef
|
|
16140
|
+
ref: containerRef,
|
|
16141
|
+
isScrollable: itemContainer.slotQty > MIN_SLOTS_FOR_SCROLL
|
|
16139
16142
|
}, onRenderSlots())), quantitySelect.isOpen && React.createElement(ItemQuantitySelectorModal, {
|
|
16140
16143
|
quantitySelect: quantitySelect,
|
|
16141
16144
|
setQuantitySelect: setQuantitySelect
|
|
@@ -16144,7 +16147,10 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
16144
16147
|
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
16145
16148
|
displayName: "ItemContainer__ItemsContainer",
|
|
16146
16149
|
componentId: "sc-15y5p9l-0"
|
|
16147
|
-
})(["display:flex;justify-content:center;flex-wrap:wrap;max-height:270px;overflow-y:
|
|
16150
|
+
})(["display:flex;justify-content:center;flex-wrap:wrap;max-height:270px;overflow-y:", ";overflow-x:hidden;width:415px;"], function (_ref2) {
|
|
16151
|
+
var isScrollable = _ref2.isScrollable;
|
|
16152
|
+
return isScrollable ? 'scroll' : 'hidden';
|
|
16153
|
+
});
|
|
16148
16154
|
|
|
16149
16155
|
var LeaderboardTable = function LeaderboardTable(props) {
|
|
16150
16156
|
var items = props.items,
|