@rc-component/tour - npm Package Compare versions

Comparing version 1.12.1 to 1.12.2

es/Mask.js

@@ -28,2 +28,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
   var mergedAnimated = _typeof(animated) === 'object' ? animated === null || animated === void 0 ? void 0 : animated.placeholder : animated;
+  var isSafari = typeof navigator !== 'undefined' && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+  var maskRectSize = isSafari ? {
+    width: '100%',
+    height: '100%'
+  } : {
+    width: '100vw',
+    height: '100vh'
+  };
   return /*#__PURE__*/React.createElement(Portal, {
@@ -50,9 +58,8 @@ open: open,
     id: maskId
-  }, /*#__PURE__*/React.createElement("rect", {
+  }, /*#__PURE__*/React.createElement("rect", _extends({
     x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%",
+    y: "0"
+  }, maskRectSize, {
     fill: "white"
-  }), pos && /*#__PURE__*/React.createElement("rect", {
+  })), pos && /*#__PURE__*/React.createElement("rect", {
     x: pos.left,
@@ -59,0 +66,0 @@ y: pos.top,

lib/Mask.js

@@ -35,2 +35,10 @@ "use strict";
   var mergedAnimated = (0, _typeof2.default)(animated) === 'object' ? animated === null || animated === void 0 ? void 0 : animated.placeholder : animated;
+  var isSafari = typeof navigator !== 'undefined' && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+  var maskRectSize = isSafari ? {
+    width: '100%',
+    height: '100%'
+  } : {
+    width: '100vw',
+    height: '100vh'
+  };
   return /*#__PURE__*/_react.default.createElement(_portal.default, {
@@ -57,9 +65,8 @@ open: open,
     id: maskId
-  }, /*#__PURE__*/_react.default.createElement("rect", {
+  }, /*#__PURE__*/_react.default.createElement("rect", (0, _extends2.default)({
     x: "0",
-    y: "0",
-    width: "100%",
-    height: "100%",
+    y: "0"
+  }, maskRectSize, {
     fill: "white"
-  }), pos && /*#__PURE__*/_react.default.createElement("rect", {
+  })), pos && /*#__PURE__*/_react.default.createElement("rect", {
     x: pos.left,
@@ -66,0 +73,0 @@ y: pos.top,

package.json

 {
   "name": "@rc-component/tour",
-  "version": "1.12.1",
+  "version": "1.12.2",
   "description": "React tour Component",
@@ -5,0 +5,0 @@ "keywords": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

60737

increased by0.78%

Lines of code

1306

increased by1.08%

No dependency changes