@rpg-engine/long-bow 0.5.38 → 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 +7 -2
- 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 +7 -2
- 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/mocks/itemContainer.mocks.ts +3 -3
package/dist/long-bow.esm.js
CHANGED
|
@@ -15981,6 +15981,7 @@ var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
15981
15981
|
componentId: "sc-1b8cosc-0"
|
|
15982
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);"]);
|
|
15983
15983
|
|
|
15984
|
+
var MIN_SLOTS_FOR_SCROLL = 20;
|
|
15984
15985
|
var ItemContainer$1 = function ItemContainer(_ref) {
|
|
15985
15986
|
var itemContainer = _ref.itemContainer,
|
|
15986
15987
|
onClose = _ref.onClose,
|
|
@@ -16136,7 +16137,8 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
16136
16137
|
atlasJSON: atlasJSON
|
|
16137
16138
|
}), React.createElement(ItemsContainer, {
|
|
16138
16139
|
className: "item-container-body",
|
|
16139
|
-
ref: containerRef
|
|
16140
|
+
ref: containerRef,
|
|
16141
|
+
isScrollable: itemContainer.slotQty > MIN_SLOTS_FOR_SCROLL
|
|
16140
16142
|
}, onRenderSlots())), quantitySelect.isOpen && React.createElement(ItemQuantitySelectorModal, {
|
|
16141
16143
|
quantitySelect: quantitySelect,
|
|
16142
16144
|
setQuantitySelect: setQuantitySelect
|
|
@@ -16145,7 +16147,10 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
16145
16147
|
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
16146
16148
|
displayName: "ItemContainer__ItemsContainer",
|
|
16147
16149
|
componentId: "sc-15y5p9l-0"
|
|
16148
|
-
})(["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
|
+
});
|
|
16149
16154
|
|
|
16150
16155
|
var LeaderboardTable = function LeaderboardTable(props) {
|
|
16151
16156
|
var items = props.items,
|