@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
package/dist/long-bow.esm.js
CHANGED
|
@@ -13680,12 +13680,6 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
|
|
|
13680
13680
|
dropPosition = _useState8[0],
|
|
13681
13681
|
setDropPosition = _useState8[1];
|
|
13682
13682
|
var dragContainer = useRef(null);
|
|
13683
|
-
useEffect(function () {
|
|
13684
|
-
// This fixes an issue where if you drag an item inside of a scrollable container (overflow), its cut out
|
|
13685
|
-
if (dragContainer.current) {
|
|
13686
|
-
dragContainer.current.style.position = 'fixed';
|
|
13687
|
-
}
|
|
13688
|
-
}, []);
|
|
13689
13683
|
var _useState9 = useState([]),
|
|
13690
13684
|
contextActions = _useState9[0],
|
|
13691
13685
|
setContextActions = _useState9[1];
|
|
@@ -14005,7 +13999,7 @@ var Container$a = /*#__PURE__*/styled.div.withConfig({
|
|
|
14005
13999
|
var ItemContainer = /*#__PURE__*/styled.div.withConfig({
|
|
14006
14000
|
displayName: "ItemSlot__ItemContainer",
|
|
14007
14001
|
componentId: "sc-l2j5ef-1"
|
|
14008
|
-
})(["width:
|
|
14002
|
+
})(["width:100%;height:100%;position:relative;", ""], function (props) {
|
|
14009
14003
|
return props.isFocused && 'z-index: 100; pointer-events: none;';
|
|
14010
14004
|
});
|
|
14011
14005
|
var ItemQtyContainer = /*#__PURE__*/styled.div.withConfig({
|
|
@@ -15438,8 +15432,7 @@ var SlotsContainer = function SlotsContainer(_ref) {
|
|
|
15438
15432
|
_onPositionChangeStart = _ref.onPositionChangeStart,
|
|
15439
15433
|
onOutsideClick = _ref.onOutsideClick,
|
|
15440
15434
|
initialPosition = _ref.initialPosition,
|
|
15441
|
-
scale = _ref.scale
|
|
15442
|
-
width = _ref.width;
|
|
15435
|
+
scale = _ref.scale;
|
|
15443
15436
|
return React.createElement(DraggableContainer, {
|
|
15444
15437
|
title: title,
|
|
15445
15438
|
type: RPGUIContainerTypes.Framed,
|
|
@@ -15448,7 +15441,7 @@ var SlotsContainer = function SlotsContainer(_ref) {
|
|
|
15448
15441
|
onClose();
|
|
15449
15442
|
}
|
|
15450
15443
|
},
|
|
15451
|
-
width:
|
|
15444
|
+
width: "450px",
|
|
15452
15445
|
cancelDrag: ".item-container-body, #shortcuts_list",
|
|
15453
15446
|
onPositionChange: function onPositionChange(_ref2) {
|
|
15454
15447
|
var x = _ref2.x,
|
|
@@ -15858,7 +15851,7 @@ var ItemContainer$1 = function ItemContainer(_ref) {
|
|
|
15858
15851
|
var ItemsContainer = /*#__PURE__*/styled.div.withConfig({
|
|
15859
15852
|
displayName: "ItemContainer__ItemsContainer",
|
|
15860
15853
|
componentId: "sc-15y5p9l-0"
|
|
15861
|
-
})(["display:flex;justify-content:center;flex-wrap:wrap;max-height:270px;overflow-y:auto;overflow-x:hidden;width:
|
|
15854
|
+
})(["display:flex;justify-content:center;flex-wrap:wrap;max-height:270px;overflow-y:auto;overflow-x:hidden;width:450px;"]);
|
|
15862
15855
|
var QuantitySelectorContainer = /*#__PURE__*/styled.div.withConfig({
|
|
15863
15856
|
displayName: "ItemContainer__QuantitySelectorContainer",
|
|
15864
15857
|
componentId: "sc-15y5p9l-1"
|