@rpg-engine/long-bow 0.6.85 → 0.6.86

package/dist/components/Spellbook/cards/SpellInfoWrapper.d.ts

@@ -4,6 +4,7 @@ interface ISpellInfoWrapperProps {
     spell: ISpell;
     children: React.ReactNode;
     scale?: number;
+    holdTouchDuration?: number;
 }
 export declare const SpellInfoWrapper: React.FC<ISpellInfoWrapperProps>;
 export {};

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

@@ -32704,22 +32704,35 @@ var Container$v = /*#__PURE__*/styled__default.div.withConfig({
 var SpellInfoWrapper = function SpellInfoWrapper(_ref) {
   var children = _ref.children,
     spell = _ref.spell,
-    scale = _ref.scale;
+    scale = _ref.scale,
+    _ref$holdTouchDuratio = _ref.holdTouchDuration,
+    holdTouchDuration = _ref$holdTouchDuratio === void 0 ? 500 : _ref$holdTouchDuratio;
   var _useState = React.useState(false),
     isTooltipVisible = _useState[0],
     setIsTooltipVisible = _useState[1];
   var _useState2 = React.useState(false),
     isTooltipMobileVisible = _useState2[0],
     setIsTooltipMobileVisible = _useState2[1];
+  var touchTimeoutRef = React.useRef(null);
+  var handleTouchStart = function handleTouchStart() {
+    touchTimeoutRef.current = setTimeout(function () {
+      setIsTooltipMobileVisible(true);
+      setIsTooltipVisible(false);
+    }, holdTouchDuration);
+  };
+  var handleTouchEnd = function handleTouchEnd() {
+    if (touchTimeoutRef.current) {
+      clearTimeout(touchTimeoutRef.current);
+      touchTimeoutRef.current = null;
+    }
+  };
   return React__default.createElement("div", {
     onMouseEnter: function onMouseEnter() {
       if (!isTooltipMobileVisible) setIsTooltipVisible(true);
     },
     onMouseLeave: setIsTooltipVisible.bind(null, false),
-    onTouchEnd: function onTouchEnd() {
-      setIsTooltipMobileVisible(true);
-      setIsTooltipVisible(false);
-    }
+    onTouchStart: handleTouchStart,
+    onTouchEnd: handleTouchEnd
   }, children, isTooltipVisible && !isTooltipMobileVisible && React__default.createElement(MagicTooltip, {
     spell: spell
   }), isTooltipMobileVisible && React__default.createElement(MobileSpellTooltip, {