@rpg-engine/long-bow 0.8.9 → 0.8.10

package/dist/long-bow.cjs.development.js

@@ -31181,7 +31181,7 @@ var ItemContainer$1 = /*#__PURE__*/React__default.memo(function (_ref) {
     onItemDragEnd = _ref.onItemDragEnd,
     onItemDragStart = _ref.onItemDragStart,
     onItemPlaceDrop = _ref.onItemPlaceDrop,
-    _onOutsideDrop = _ref.onOutsideDrop,
+    onOutsideDrop = _ref.onOutsideDrop,
     checkIfItemCanBeMoved = _ref.checkIfItemCanBeMoved,
     initialPosition = _ref.initialPosition,
     checkIfItemShouldDragEnd = _ref.checkIfItemShouldDragEnd,
@@ -31246,12 +31246,49 @@ var ItemContainer$1 = /*#__PURE__*/React__default.memo(function (_ref) {
     }
     onDragEndScrollingEvents();
   }, [onItemDragEnd, onDragEndScrollingEvents]);
-  // Memoize handleSetShortcut to prevent unnecessary re-renders
-  var memoizedHandleSetShortcut = React.useCallback(function (item, index) {
-    handleSetShortcut(item, index);
-  }, [handleSetShortcut]);
-  // Memoize onRenderSlots to prevent re-creating the slots array on every render
-  var onRenderSlots = React.useMemo(function () {
+  var handleItemClick = React.useCallback(function (itemType, containerType, item) {
+    if (settingShortcutIndex !== -1) {
+      setSettingShortcutIndex(-1);
+      handleSetShortcut(item, settingShortcutIndex);
+    } else if (onItemClick) {
+      onItemClick(item, itemType, containerType);
+    }
+  }, [settingShortcutIndex, handleSetShortcut, onItemClick]);
+  var handlePlaceDrop = React.useCallback(function (item, slotIndex, itemContainerType) {
+    if (onItemPlaceDrop) {
+      onItemPlaceDrop(item, slotIndex, itemContainerType);
+    }
+    onDragEndScrollingEvents();
+  }, [onItemPlaceDrop, onDragEndScrollingEvents]);
+  var handleOutsideDrop = React.useCallback(function (item, position) {
+    if (onOutsideDrop) {
+      onOutsideDrop(item, position);
+    }
+    onDragEndScrollingEvents();
+  }, [onOutsideDrop, onDragEndScrollingEvents]);
+  var handleQuantitySelect = React.useCallback(function (maxQuantity, callback) {
+    setQuantitySelect({
+      isOpen: true,
+      maxQuantity: maxQuantity,
+      callback: callback
+    });
+  }, []);
+  // Memoize slot rendering configuration
+  var slotConfig = React.useMemo(function () {
+    return {
+      type: type,
+      atlasIMG: atlasIMG,
+      atlasJSON: atlasJSON,
+      scale: scale,
+      equipmentSet: equipmentSet,
+      isDepotSystem: isDepotSystem,
+      isSelectingShortcut: settingShortcutIndex !== -1,
+      checkIfItemCanBeMoved: checkIfItemCanBeMoved,
+      checkIfItemShouldDragEnd: checkIfItemShouldDragEnd
+    };
+  }, [type, atlasIMG, atlasJSON, scale, equipmentSet, isDepotSystem, settingShortcutIndex, checkIfItemCanBeMoved, checkIfItemShouldDragEnd]);
+  // Memoize slots rendering
+  var renderSlots = React.useMemo(function () {
     var slots = [];
     for (var i = 0; i < itemContainer.slotQty; i++) {
       var _itemContainer$slots;
@@ -31260,55 +31297,27 @@ var ItemContainer$1 = /*#__PURE__*/React__default.memo(function (_ref) {
         key: i,
         slotIndex: i,
         item: currentItem,
-        itemContainerType: type,
-        onMouseOver: onMouseOver ? function (event, slotIndex, item) {
-          return onMouseOver(event, slotIndex, item);
-        } : undefined,
-        onMouseOut: undefined,
-        onPointerDown: function onPointerDown(itemType, containerType, item) {
-          if (settingShortcutIndex !== -1) {
-            setSettingShortcutIndex(-1);
-            memoizedHandleSetShortcut(item, settingShortcutIndex);
-          } else if (onItemClick) {
-            onItemClick(item, itemType, containerType);
-          }
-        },
+        itemContainerType: slotConfig.type,
+        onMouseOver: onMouseOver,
+        onPointerDown: handleItemClick,
         onDragStart: onDragStartHandler,
         onDragEnd: onDragEndHandler,
-        dragScale: scale,
-        checkIfItemCanBeMoved: checkIfItemCanBeMoved,
-        checkIfItemShouldDragEnd: checkIfItemShouldDragEnd,
-        openQuantitySelector: function openQuantitySelector(maxQuantity, callback) {
-          setQuantitySelect({
-            isOpen: true,
-            maxQuantity: maxQuantity,
-            callback: callback
-          });
-        },
-        onPlaceDrop: function onPlaceDrop(item, slotIndex, itemContainerType) {
-          if (onItemPlaceDrop) {
-            onItemPlaceDrop(item, slotIndex, itemContainerType);
-          }
-          console.log('PLACE DROP');
-          onDragEndScrollingEvents();
-        },
-        onOutsideDrop: function onOutsideDrop(item, position) {
-          if (_onOutsideDrop) {
-            _onOutsideDrop(item, position);
-          }
-          console.log('OUTSIDE DROP');
-          onDragEndScrollingEvents();
-        },
-        atlasIMG: atlasIMG,
-        atlasJSON: atlasJSON,
-        isSelectingShortcut: settingShortcutIndex !== -1,
-        equipmentSet: equipmentSet,
-        setItemShortcut: type === shared.ItemContainerType.Inventory ? memoizedHandleSetShortcut : undefined,
-        isDepotSystem: isDepotSystem
+        dragScale: slotConfig.scale,
+        checkIfItemCanBeMoved: slotConfig.checkIfItemCanBeMoved,
+        checkIfItemShouldDragEnd: slotConfig.checkIfItemShouldDragEnd,
+        openQuantitySelector: handleQuantitySelect,
+        onPlaceDrop: handlePlaceDrop,
+        onOutsideDrop: handleOutsideDrop,
+        atlasIMG: slotConfig.atlasIMG,
+        atlasJSON: slotConfig.atlasJSON,
+        isSelectingShortcut: slotConfig.isSelectingShortcut,
+        equipmentSet: slotConfig.equipmentSet,
+        setItemShortcut: type === shared.ItemContainerType.Inventory ? handleSetShortcut : undefined,
+        isDepotSystem: slotConfig.isDepotSystem
       }));
     }
     return slots;
-  }, [itemContainer.slotQty, itemContainer.slots, type, onMouseOver, settingShortcutIndex, memoizedHandleSetShortcut, onItemClick, onDragStartHandler, onDragEndHandler, scale, checkIfItemCanBeMoved, checkIfItemShouldDragEnd, onItemPlaceDrop, _onOutsideDrop, atlasIMG, atlasJSON, equipmentSet, isDepotSystem, onDragEndScrollingEvents]);
+  }, [itemContainer.slotQty, itemContainer.slots, slotConfig, onMouseOver, handleItemClick, onDragStartHandler, onDragEndHandler, handleQuantitySelect, handlePlaceDrop, handleOutsideDrop, handleSetShortcut, type]);
   return React__default.createElement(ItemSlotDraggingProvider, null, React__default.createElement(ItemSlotDetailsProvider, null, React__default.createElement(DraggedItem, {
     atlasIMG: atlasIMG,
     atlasJSON: atlasJSON,
@@ -31334,7 +31343,7 @@ var ItemContainer$1 = /*#__PURE__*/React__default.memo(function (_ref) {
     ref: containerRef,
     isScrollable: itemContainer.slotQty > MIN_SLOTS_FOR_SCROLL,
     isFullScreen: isFullScreen
-  }, onRenderSlots)), quantitySelect.isOpen && React__default.createElement(ItemQuantitySelectorModal, {
+  }, renderSlots)), quantitySelect.isOpen && React__default.createElement(ItemQuantitySelectorModal, {
     quantitySelect: quantitySelect,
     setQuantitySelect: setQuantitySelect
   }), React__default.createElement(ItemSlotToolTips, {