@rpg-engine/long-bow 0.5.39 → 0.5.41
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/components/ConfirmModal.d.ts +1 -2
- package/dist/components/ShopModal/ShopModal.d.ts +7 -0
- package/dist/long-bow.cjs.development.js +2 -7
- 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 +2 -7
- package/dist/long-bow.esm.js.map +1 -1
- package/dist/stories/ConfirmModal.stories.d.ts +5 -0
- package/dist/stories/ShopModal.stories.d.ts +5 -0
- package/package.json +1 -1
- package/src/components/ConfirmModal.tsx +1 -1
- package/src/components/Item/Inventory/ItemContainer.tsx +3 -13
- package/src/components/ShopModal/ShopModal.tsx +119 -0
- package/src/components/ShopModal/shopImage.png +0 -0
- package/src/mocks/itemContainer.mocks.ts +3 -3
- package/src/stories/ConfirmModal.stories.tsx +25 -0
- package/src/stories/ShopModal.stories.tsx +24 -0
|
@@ -15983,7 +15983,6 @@ var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
15983
15983
|
componentId: "sc-1b8cosc-0"
|
|
15984
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);"]);
|
|
15985
15985
|
|
|
15986
|
-
var MIN_SLOTS_FOR_SCROLL = 20;
|
|
15987
15986
|
var ItemContainer$1 = function ItemContainer(_ref) {
|
|
15988
15987
|
var itemContainer = _ref.itemContainer,
|
|
15989
15988
|
onClose = _ref.onClose,
|
|
@@ -16139,8 +16138,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
16139
16138
|
atlasJSON: atlasJSON
|
|
16140
16139
|
}), React__default.createElement(ItemsContainer, {
|
|
16141
16140
|
className: "item-container-body",
|
|
16142
|
-
ref: containerRef
|
|
16143
|
-
isScrollable: itemContainer.slotQty > MIN_SLOTS_FOR_SCROLL
|
|
16141
|
+
ref: containerRef
|
|
16144
16142
|
}, onRenderSlots())), quantitySelect.isOpen && React__default.createElement(ItemQuantitySelectorModal, {
|
|
16145
16143
|
quantitySelect: quantitySelect,
|
|
16146
16144
|
setQuantitySelect: setQuantitySelect
|
|
@@ -16149,10 +16147,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
16149
16147
|
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
16150
16148
|
displayName: "ItemContainer__ItemsContainer",
|
|
16151
16149
|
componentId: "sc-15y5p9l-0"
|
|
16152
|
-
})(["display:flex;justify-content:center;flex-wrap:wrap;max-height:270px;overflow-y:
|
|
16153
|
-
var isScrollable = _ref2.isScrollable;
|
|
16154
|
-
return isScrollable ? 'scroll' : 'hidden';
|
|
16155
|
-
});
|
|
16150
|
+
})(["display:flex;justify-content:center;flex-wrap:wrap;max-height:270px;overflow-y:auto;overflow-x:hidden;width:415px;"]);
|
|
16156
16151
|
|
|
16157
16152
|
var LeaderboardTable = function LeaderboardTable(props) {
|
|
16158
16153
|
var items = props.items,
|