@rpg-engine/long-bow 0.8.15 → 0.8.17

package/dist/long-bow.esm.js

@@ -28670,10 +28670,11 @@ var modifyString = function modifyString(str) {
   return modifiedWords.join(' ');
 };
 
+var OFFSET = 20;
 var TooltipContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "CraftingTooltip__TooltipContainer",
   componentId: "sc-iqzgok-0"
-})(["position:fixed;left:", "px;top:", "px;background-color:rgba(0,0,0,0.95);color:white;text-align:left;border-radius:4px;padding:10px;z-index:1000;font-family:'Press Start 2P',cursive;font-size:0.6rem;width:max-content;max-width:250px;white-space:normal;border:1px solid ", ";box-shadow:0 2px 4px rgba(0,0,0,0.2);line-height:1.4;&:before{content:'';position:absolute;top:12px;left:-6px;border-width:6px 6px 6px 0;border-style:solid;border-color:transparent rgba(0,0,0,0.95) transparent transparent;}"], function (props) {
+})(["position:fixed;left:", "px;top:", "px;background-color:rgba(0,0,0,0.95);color:white;text-align:left;border-radius:4px;padding:10px;z-index:1000;font-family:'Press Start 2P',cursive;font-size:0.6rem;width:max-content;max-width:250px;white-space:normal;border:1px solid ", ";box-shadow:0 2px 4px rgba(0,0,0,0.2);line-height:1.4;"], function (props) {
   return props.x;
 }, function (props) {
   return props.y;
@@ -28709,11 +28710,47 @@ var CraftingTooltip = function CraftingTooltip(_ref3) {
     skills = _ref3.skills,
     atlasIMG = _ref3.atlasIMG,
     atlasJSON = _ref3.atlasJSON;
+  var tooltipRef = useRef(null);
+  var _React$useState = React.useState({
+      x: x,
+      y: y
+    }),
+    adjustedPosition = _React$useState[0],
+    setAdjustedPosition = _React$useState[1];
+  useEffect(function () {
+    var tooltipElement = tooltipRef.current;
+    if (tooltipElement) {
+      var rect = tooltipElement.getBoundingClientRect();
+      var tooltipWidth = rect.width;
+      var tooltipHeight = rect.height;
+      var adjustedX = x;
+      var adjustedY = y;
+      // If tooltip would go off the right edge, show it on the left side of the cursor
+      if (x + tooltipWidth + OFFSET > window.innerWidth) {
+        adjustedX = x - tooltipWidth - OFFSET;
+      } else {
+        // Otherwise, show it on the right side of the cursor
+        adjustedX = x + OFFSET;
+      }
+      // Vertical positioning
+      if (y + tooltipHeight > window.innerHeight) {
+        adjustedY = window.innerHeight - tooltipHeight - OFFSET;
+      }
+      if (y < OFFSET) {
+        adjustedY = OFFSET;
+      }
+      setAdjustedPosition({
+        x: adjustedX,
+        y: adjustedY
+      });
+    }
+  }, [x, y]);
   var levelInSkill = (_skills$level = skills == null ? void 0 : (_skills = skills[(_recipe$minCraftingRe = recipe == null ? void 0 : (_recipe$minCraftingRe2 = recipe.minCraftingRequirements) == null ? void 0 : _recipe$minCraftingRe2[0]) != null ? _recipe$minCraftingRe : '']) == null ? void 0 : _skills.level) != null ? _skills$level : 1;
   var levelIsOk = (_recipe$levelIsOk = recipe == null ? void 0 : recipe.levelIsOk) != null ? _recipe$levelIsOk : false;
   return React.createElement(TooltipContainer, {
-    x: x,
-    y: y
+    ref: tooltipRef,
+    x: adjustedPosition.x,
+    y: adjustedPosition.y
   }, React.createElement(TooltipTitle, null, "Skill Requirements"), React.createElement(MinCraftingRequirementsText, {
     levelIsOk: levelIsOk
   }, modifyString("" + ((_recipe$minCraftingRe3 = recipe == null ? void 0 : (_recipe$minCraftingRe4 = recipe.minCraftingRequirements) == null ? void 0 : _recipe$minCraftingRe4[0]) != null ? _recipe$minCraftingRe3 : '')), " lvl", ' ', (_recipe$minCraftingRe5 = recipe == null ? void 0 : (_recipe$minCraftingRe6 = recipe.minCraftingRequirements) == null ? void 0 : _recipe$minCraftingRe6[1]) != null ? _recipe$minCraftingRe5 : 0, " (", levelInSkill, ")"), React.createElement(TooltipTitle, null, "Ingredients"), recipe.ingredients.map(function (ingredient, index) {
@@ -29476,7 +29513,7 @@ var useCursorPosition = function useCursorPosition(_ref) {
 };
 
 var CONTAINER_SIZE = 32;
-var OFFSET = CONTAINER_SIZE / 2;
+var OFFSET$1 = CONTAINER_SIZE / 2;
 var DraggedItem = function DraggedItem(_ref) {
   var _item$_id, _item$stackQty;
   var atlasJSON = _ref.atlasJSON,
@@ -29496,8 +29533,8 @@ var DraggedItem = function DraggedItem(_ref) {
   if (x === 0 && y === 0) {
     return null;
   }
-  var centeredX = x - OFFSET;
-  var centeredY = y - OFFSET;
+  var centeredX = x - OFFSET$1;
+  var centeredY = y - OFFSET$1;
   var stackInfo = onRenderStackInfo((_item$_id = item == null ? void 0 : item._id) != null ? _item$_id : '', (_item$stackQty = item == null ? void 0 : item.stackQty) != null ? _item$stackQty : 0);
   return React.createElement(Container$e, null, React.createElement(SpriteContainer, {
     x: centeredX,
@@ -32904,13 +32941,15 @@ var ItemPropertySimpleHandler = function ItemPropertySimpleHandler(_ref) {
     selectedColor = _ref.selectedColor,
     onClose = _ref.onClose,
     onConfirm = _ref.onConfirm,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    costWarning = _ref.costWarning;
   return React.createElement(ColorSelector, {
     selectedColor: selectedColor,
     isOpen: isOpen,
     onClose: onClose,
     onConfirm: onConfirm,
-    onChange: onChange
+    onChange: onChange,
+    costWarning: costWarning
   });
 };