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