@rpg-engine/long-bow 0.5.18 → 0.5.20
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/Abstractions/SlotsContainer.d.ts +1 -0
- package/dist/long-bow.cjs.development.js +5 -10
- 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 +5 -10
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Abstractions/SlotsContainer.tsx +3 -1
- package/src/components/Item/Inventory/ItemContainer.tsx +1 -1
- package/src/components/Item/Inventory/ItemSlot.tsx +3 -8
|
@@ -13685,12 +13685,6 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
|
|
|
13685
13685
|
dropPosition = _useState8[0],
|
|
13686
13686
|
setDropPosition = _useState8[1];
|
|
13687
13687
|
var dragContainer = React.useRef(null);
|
|
13688
|
-
React.useEffect(function () {
|
|
13689
|
-
// This fixes an issue where if you drag an item inside of a scrollable container (overflow), its cut out
|
|
13690
|
-
if (dragContainer.current) {
|
|
13691
|
-
dragContainer.current.style.position = 'fixed';
|
|
13692
|
-
}
|
|
13693
|
-
}, []);
|
|
13694
13688
|
var _useState9 = React.useState([]),
|
|
13695
13689
|
contextActions = _useState9[0],
|
|
13696
13690
|
setContextActions = _useState9[1];
|
|
@@ -14010,7 +14004,7 @@ var Container$a = /*#__PURE__*/styled.div.withConfig({
|
|
|
14010
14004
|
var ItemContainer = /*#__PURE__*/styled.div.withConfig({
|
|
14011
14005
|
displayName: "ItemSlot__ItemContainer",
|
|
14012
14006
|
componentId: "sc-l2j5ef-1"
|
|
14013
|
-
})(["width:64px;height:64px;", ""], function (props) {
|
|
14007
|
+
})(["width:64px;height:64px;position:fixed;", ";"], function (props) {
|
|
14014
14008
|
return props.isFocused && 'z-index: 100; pointer-events: none;';
|
|
14015
14009
|
});
|
|
14016
14010
|
var ItemQtyContainer = /*#__PURE__*/styled.div.withConfig({
|
|
@@ -15441,7 +15435,8 @@ var SlotsContainer = function SlotsContainer(_ref) {
|
|
|
15441
15435
|
_onPositionChangeStart = _ref.onPositionChangeStart,
|
|
15442
15436
|
onOutsideClick = _ref.onOutsideClick,
|
|
15443
15437
|
initialPosition = _ref.initialPosition,
|
|
15444
|
-
scale = _ref.scale
|
|
15438
|
+
scale = _ref.scale,
|
|
15439
|
+
width = _ref.width;
|
|
15445
15440
|
return React__default.createElement(DraggableContainer, {
|
|
15446
15441
|
title: title,
|
|
15447
15442
|
type: exports.RPGUIContainerTypes.Framed,
|
|
@@ -15450,7 +15445,7 @@ var SlotsContainer = function SlotsContainer(_ref) {
|
|
|
15450
15445
|
onClose();
|
|
15451
15446
|
}
|
|
15452
15447
|
},
|
|
15453
|
-
width:
|
|
15448
|
+
width: width != null ? width : '415px',
|
|
15454
15449
|
cancelDrag: ".item-container-body, #shortcuts_list",
|
|
15455
15450
|
onPositionChange: function onPositionChange(_ref2) {
|
|
15456
15451
|
var x = _ref2.x,
|
|
@@ -15859,7 +15854,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
15859
15854
|
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
15860
15855
|
displayName: "ItemContainer__ItemsContainer",
|
|
15861
15856
|
componentId: "sc-15y5p9l-0"
|
|
15862
|
-
})(["display:flex;justify-content:center;flex-wrap:wrap;max-height:270px;overflow-y:auto;overflow-x:hidden;width:
|
|
15857
|
+
})(["display:flex;justify-content:center;flex-wrap:wrap;max-height:270px;overflow-y:auto;overflow-x:hidden;width:415px;"]);
|
|
15863
15858
|
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
15864
15859
|
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
15865
15860
|
componentId: "sc-15y5p9l-1"
|