@rpg-engine/long-bow 0.8.59 → 0.8.60

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

@@ -34045,32 +34045,46 @@ var ConfirmModal = function ConfirmModal(_ref) {
     onClose = _ref.onClose,
     _ref$message = _ref.message,
     message = _ref$message === void 0 ? 'Are you sure?' : _ref$message;
-  var handleConfirm = function handleConfirm() {
+  var handleConfirm = React.useCallback(function (e) {
+    e.preventDefault();
+    e.stopPropagation();
     onConfirm();
-  };
-  var handleClose = function handleClose() {
+  }, [onConfirm]);
+  var handleClose = React.useCallback(function (e) {
+    e.preventDefault();
+    e.stopPropagation();
     onClose();
-  };
-  var stopPropagation = function stopPropagation(e) {
+  }, [onClose]);
+  // Fix type issues by separating event handlers for different event types
+  var stopPropagationClick = React.useCallback(function (e) {
     e.stopPropagation();
-  };
+  }, []);
+  var stopPropagationTouch = React.useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
+  var stopPropagationPointer = React.useCallback(function (e) {
+    e.stopPropagation();
+  }, []);
   return React__default.createElement(ModalPortal, null, React__default.createElement(GlobalStyle, null), React__default.createElement(Overlay$2, {
     onPointerDown: handleClose
   }), React__default.createElement(ModalContainer, null, React__default.createElement(ModalContent, {
-    onClick: stopPropagation,
-    onTouchStart: stopPropagation
+    onClick: stopPropagationClick,
+    onTouchStart: stopPropagationTouch,
+    onTouchEnd: stopPropagationTouch,
+    onTouchMove: stopPropagationTouch,
+    onPointerDown: stopPropagationPointer
   }, React__default.createElement(MessageContainer, null, typeof message === 'string' ? React__default.createElement(Message$1, null, message) : message), React__default.createElement(ButtonsContainer$2, null, React__default.createElement(CancelButtonWrapper, null, React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
-    onClick: handleClose
+    onPointerDown: handleClose
   }, "No")), React__default.createElement(Button, {
     buttonType: exports.ButtonTypes.RPGUIButton,
-    onClick: handleConfirm
+    onPointerDown: handleConfirm
   }, "Yes")))));
 };
 var Overlay$2 = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ConfirmModal__Overlay",
   componentId: "sc-11qkyu1-0"
-})(["position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);z-index:1000;animation:fadeIn 0.2s ease-out;cursor:pointer;@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}"]);
+})(["position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);z-index:1000;animation:fadeIn 0.2s ease-out;cursor:pointer;touch-action:none;@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}"]);
 var ModalContainer = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ConfirmModal__ModalContainer",
   componentId: "sc-11qkyu1-1"