@rpg-engine/long-bow 0.5.19 → 0.5.21
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 +0 -1
- package/dist/long-bow.cjs.development.js +4 -11
- 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 +4 -11
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Abstractions/SlotsContainer.tsx +1 -3
- package/src/components/Item/Inventory/ItemContainer.tsx +1 -1
- package/src/components/Item/Inventory/ItemSlot.tsx +6 -12
|
@@ -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:
|
|
14007
|
+
})(["width:100%;height:100%;position:relative;", ""], function (props) {
|
|
14014
14008
|
return props.isFocused && 'z-index: 100; pointer-events: none;';
|
|
14015
14009
|
});
|
|
14016
14010
|
var ItemQtyContainer = /*#__PURE__*/styled.div.withConfig({
|
|
@@ -15441,8 +15435,7 @@ var SlotsContainer = function SlotsContainer(_ref) {
|
|
|
15441
15435
|
_onPositionChangeStart = _ref.onPositionChangeStart,
|
|
15442
15436
|
onOutsideClick = _ref.onOutsideClick,
|
|
15443
15437
|
initialPosition = _ref.initialPosition,
|
|
15444
|
-
scale = _ref.scale
|
|
15445
|
-
width = _ref.width;
|
|
15438
|
+
scale = _ref.scale;
|
|
15446
15439
|
return React__default.createElement(DraggableContainer, {
|
|
15447
15440
|
title: title,
|
|
15448
15441
|
type: exports.RPGUIContainerTypes.Framed,
|
|
@@ -15451,7 +15444,7 @@ var SlotsContainer = function SlotsContainer(_ref) {
|
|
|
15451
15444
|
onClose();
|
|
15452
15445
|
}
|
|
15453
15446
|
},
|
|
15454
|
-
width:
|
|
15447
|
+
width: "450px",
|
|
15455
15448
|
cancelDrag: ".item-container-body, #shortcuts_list",
|
|
15456
15449
|
onPositionChange: function onPositionChange(_ref2) {
|
|
15457
15450
|
var x = _ref2.x,
|
|
@@ -15860,7 +15853,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
15860
15853
|
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
15861
15854
|
displayName: "ItemContainer__ItemsContainer",
|
|
15862
15855
|
componentId: "sc-15y5p9l-0"
|
|
15863
|
-
})(["display:flex;justify-content:center;flex-wrap:wrap;max-height:270px;overflow-y:auto;overflow-x:hidden;width:
|
|
15856
|
+
})(["display:flex;justify-content:center;flex-wrap:wrap;max-height:270px;overflow-y:auto;overflow-x:hidden;width:450px;"]);
|
|
15864
15857
|
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
15865
15858
|
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
15866
15859
|
componentId: "sc-15y5p9l-1"
|