reactour - npm Package Compare versions

Comparing version 1.18.1 to 1.18.2

dist/reactour.cjs.js

@@ -135,3 +135,3 @@ 'use strict';
   try {
-    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
     return true;
@@ -303,12 +303,12 @@ } catch (e) {
 
-var _templateObject;
-var GlobalStyle = styled.createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .focus-outline-hidden :focus {\n      outline: none;\n  }\n"])));
+var _templateObject$9;
+var GlobalStyle = styled.createGlobalStyle(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n  .focus-outline-hidden :focus {\n      outline: none;\n  }\n"])));
 
-var _templateObject$1;
-var SvgButton = styled__default['default'].button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  display: block;\n  padding: 0;\n  border: 0;\n  background: none;\n  font-size: 0;\n  cursor: ", ";\n"])), function (props) {
+var _templateObject$8;
+var SvgButton = styled__default['default'].button(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n  display: block;\n  padding: 0;\n  border: 0;\n  background: none;\n  font-size: 0;\n  cursor: ", ";\n"])), function (props) {
   return props.disabled ? 'not-allowed' : 'pointer';
 });
 
-var _templateObject$2, _templateObject2;
-var Label = styled__default['default'].span(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  line-height: 1;\n"])));
+var _templateObject$7, _templateObject2;
+var Label = styled__default['default'].span(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  line-height: 1;\n"])));
 
@@ -355,3 +355,3 @@ function Arrow(_ref) {
 
-var _templateObject$3;
+var _templateObject$6;
 
@@ -376,3 +376,3 @@ function Close(_ref) {
 };
-var StyledClose = styled__default['default'](Close)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 22px;\n  right: 22px;\n  width: 9px;\n  height: 9px;\n  color: #5e5e5e;\n  &:hover {\n    color: #000;\n  }\n"])));
+var StyledClose = styled__default['default'](Close)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 22px;\n  right: 22px;\n  width: 9px;\n  height: 9px;\n  color: #5e5e5e;\n  &:hover {\n    color: #000;\n  }\n"])));
 
@@ -483,4 +483,4 @@ function getNodeRect(node) {
 
-var _templateObject$4;
-var Guide = styled__default['default'].div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  --reactour-accent: ", ";\n  ", "\n  position: fixed;\n  transition: transform 0.3s;\n  top: 0;\n  left: 0;\n  z-index: 1000000;\n\n  transform: ", ";\n"])), function (props) {
+var _templateObject$5;
+var Guide = styled__default['default'].div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  --reactour-accent: ", ";\n  ", "\n  position: fixed;\n  transition: transform 0.3s;\n  top: 0;\n  left: 0;\n  z-index: 1000000;\n\n  transform: ", ";\n"])), function (props) {
   return props.accentColor;
@@ -560,15 +560,15 @@ }, function (props) {
 
-var _templateObject$5;
-var Badge = styled__default['default'].span(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  position: absolute;\n  font-family: monospace;\n  background: var(--reactour-accent);\n  background: ", ";\n  height: 1.875em;\n  line-height: 2;\n  padding-left: 0.8125em;\n  padding-right: 0.8125em;\n  font-size: 1em;\n  border-radius: 1.625em;\n  color: white;\n  text-align: center;\n  box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.3);\n  top: -0.8125em;\n  left: -0.8125em;\n"])), function (props) {
+var _templateObject$4;
+var Badge = styled__default['default'].span(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  position: absolute;\n  font-family: monospace;\n  background: var(--reactour-accent);\n  background: ", ";\n  height: 1.875em;\n  line-height: 2;\n  padding-left: 0.8125em;\n  padding-right: 0.8125em;\n  font-size: 1em;\n  border-radius: 1.625em;\n  color: white;\n  text-align: center;\n  box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.3);\n  top: -0.8125em;\n  left: -0.8125em;\n"])), function (props) {
   return props.accentColor;
 });
 
-var _templateObject$6;
-var Controls = styled__default['default'].div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-top: 24px;\n  align-items: center;\n"])));
+var _templateObject$3;
+var Controls = styled__default['default'].div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-top: 24px;\n  align-items: center;\n"])));
 
-var _templateObject$7;
-var Navigation = styled__default['default'].nav(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  counter-reset: dot;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n"])));
+var _templateObject$2;
+var Navigation = styled__default['default'].nav(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  counter-reset: dot;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n"])));
 
-var _templateObject$8;
-var Dot = styled__default['default'].button(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n  counter-increment: dot;\n  width: 8px;\n  height: 8px;\n  border: ", ";\n\n  border-radius: 100%;\n  padding: 0;\n  display: block;\n  margin: 4px;\n  transition: opacity 0.3s, transform 0.3s;\n  cursor: ", ";\n  transform: scale(", ");\n\n  color: ", ";\n  background: ", ";\n\n  color: ", ";\n  background: ", ";\n\n  &:before {\n    content: counter(dot);\n    position: absolute;\n    bottom: calc(100% + 0.25em);\n    left: 50%;\n    opacity: 0;\n    transform: translate(-50%, 1em);\n    transition: 0.3s;\n    display: ", ";\n  }\n\n  &:hover {\n    background-color: currentColor;\n\n    &:before {\n      opacity: 0.5;\n      transform: translate(-50%, -2px);\n    }\n  }\n"])), function (props) {
+var _templateObject$1;
+var Dot = styled__default['default'].button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  counter-increment: dot;\n  width: 8px;\n  height: 8px;\n  border: ", ";\n\n  border-radius: 100%;\n  padding: 0;\n  display: block;\n  margin: 4px;\n  transition: opacity 0.3s, transform 0.3s;\n  cursor: ", ";\n  transform: scale(", ");\n\n  color: ", ";\n  background: ", ";\n\n  color: ", ";\n  background: ", ";\n\n  &:before {\n    content: counter(dot);\n    position: absolute;\n    bottom: calc(100% + 0.25em);\n    left: 50%;\n    opacity: 0;\n    transform: translate(-50%, 1em);\n    transition: 0.3s;\n    display: ", ";\n  }\n\n  &:hover {\n    background-color: currentColor;\n\n    &:before {\n      opacity: 0.5;\n      transform: translate(-50%, -2px);\n    }\n  }\n"])), function (props) {
   return props.current === props.index ? '0' : '1px solid #caccce';
@@ -591,4 +591,4 @@ }, function (props) {
 
-var _templateObject$9;
-var SvgMaskWrapper = styled__default['default'].div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n  opacity: ", ";\n  color: ", ";\n  width: 100%;\n  left: 0;\n  top: 0;\n  height: 100%;\n  position: fixed;\n  z-index: 99999;\n  pointer-events: none;\n"])), function (props) {
+var _templateObject;
+var SvgMaskWrapper = styled__default['default'].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  opacity: ", ";\n  color: ", ";\n  width: 100%;\n  left: 0;\n  top: 0;\n  height: 100%;\n  position: fixed;\n  z-index: 99999;\n  pointer-events: none;\n"])), function (props) {
   return !props.maskClassName && 0.7;
@@ -1500,3 +1500,4 @@ }, function (props) {
         }), /*#__PURE__*/React__default['default'].createElement(FocusLock__default['default'], {
-          disabled: disableFocusLock
+          disabled: disableFocusLock,
+          autoFocus: false
         }, /*#__PURE__*/React__default['default'].createElement(Guide, {
@@ -1503,0 +1504,0 @@ ref: this.helper,

dist/reactour.esm.js

@@ -120,3 +120,3 @@ import 'focus-outline-manager';
   try {
-    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
     return true;
@@ -288,12 +288,12 @@ } catch (e) {
 
-var _templateObject;
-var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .focus-outline-hidden :focus {\n      outline: none;\n  }\n"])));
+var _templateObject$9;
+var GlobalStyle = createGlobalStyle(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n  .focus-outline-hidden :focus {\n      outline: none;\n  }\n"])));
 
-var _templateObject$1;
-var SvgButton = styled.button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  display: block;\n  padding: 0;\n  border: 0;\n  background: none;\n  font-size: 0;\n  cursor: ", ";\n"])), function (props) {
+var _templateObject$8;
+var SvgButton = styled.button(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n  display: block;\n  padding: 0;\n  border: 0;\n  background: none;\n  font-size: 0;\n  cursor: ", ";\n"])), function (props) {
   return props.disabled ? 'not-allowed' : 'pointer';
 });
 
-var _templateObject$2, _templateObject2;
-var Label = styled.span(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  line-height: 1;\n"])));
+var _templateObject$7, _templateObject2;
+var Label = styled.span(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  font-size: 12px;\n  line-height: 1;\n"])));
 
@@ -340,3 +340,3 @@ function Arrow(_ref) {
 
-var _templateObject$3;
+var _templateObject$6;
 
@@ -361,3 +361,3 @@ function Close(_ref) {
 };
-var StyledClose = styled(Close)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 22px;\n  right: 22px;\n  width: 9px;\n  height: 9px;\n  color: #5e5e5e;\n  &:hover {\n    color: #000;\n  }\n"])));
+var StyledClose = styled(Close)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 22px;\n  right: 22px;\n  width: 9px;\n  height: 9px;\n  color: #5e5e5e;\n  &:hover {\n    color: #000;\n  }\n"])));
 
@@ -468,4 +468,4 @@ function getNodeRect(node) {
 
-var _templateObject$4;
-var Guide = styled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  --reactour-accent: ", ";\n  ", "\n  position: fixed;\n  transition: transform 0.3s;\n  top: 0;\n  left: 0;\n  z-index: 1000000;\n\n  transform: ", ";\n"])), function (props) {
+var _templateObject$5;
+var Guide = styled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  --reactour-accent: ", ";\n  ", "\n  position: fixed;\n  transition: transform 0.3s;\n  top: 0;\n  left: 0;\n  z-index: 1000000;\n\n  transform: ", ";\n"])), function (props) {
   return props.accentColor;
@@ -545,15 +545,15 @@ }, function (props) {
 
-var _templateObject$5;
-var Badge = styled.span(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n  position: absolute;\n  font-family: monospace;\n  background: var(--reactour-accent);\n  background: ", ";\n  height: 1.875em;\n  line-height: 2;\n  padding-left: 0.8125em;\n  padding-right: 0.8125em;\n  font-size: 1em;\n  border-radius: 1.625em;\n  color: white;\n  text-align: center;\n  box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.3);\n  top: -0.8125em;\n  left: -0.8125em;\n"])), function (props) {
+var _templateObject$4;
+var Badge = styled.span(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n  position: absolute;\n  font-family: monospace;\n  background: var(--reactour-accent);\n  background: ", ";\n  height: 1.875em;\n  line-height: 2;\n  padding-left: 0.8125em;\n  padding-right: 0.8125em;\n  font-size: 1em;\n  border-radius: 1.625em;\n  color: white;\n  text-align: center;\n  box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.3);\n  top: -0.8125em;\n  left: -0.8125em;\n"])), function (props) {
   return props.accentColor;
 });
 
-var _templateObject$6;
-var Controls = styled.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-top: 24px;\n  align-items: center;\n"])));
+var _templateObject$3;
+var Controls = styled.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-top: 24px;\n  align-items: center;\n"])));
 
-var _templateObject$7;
-var Navigation = styled.nav(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n  counter-reset: dot;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n"])));
+var _templateObject$2;
+var Navigation = styled.nav(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  counter-reset: dot;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n"])));
 
-var _templateObject$8;
-var Dot = styled.button(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n  counter-increment: dot;\n  width: 8px;\n  height: 8px;\n  border: ", ";\n\n  border-radius: 100%;\n  padding: 0;\n  display: block;\n  margin: 4px;\n  transition: opacity 0.3s, transform 0.3s;\n  cursor: ", ";\n  transform: scale(", ");\n\n  color: ", ";\n  background: ", ";\n\n  color: ", ";\n  background: ", ";\n\n  &:before {\n    content: counter(dot);\n    position: absolute;\n    bottom: calc(100% + 0.25em);\n    left: 50%;\n    opacity: 0;\n    transform: translate(-50%, 1em);\n    transition: 0.3s;\n    display: ", ";\n  }\n\n  &:hover {\n    background-color: currentColor;\n\n    &:before {\n      opacity: 0.5;\n      transform: translate(-50%, -2px);\n    }\n  }\n"])), function (props) {
+var _templateObject$1;
+var Dot = styled.button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  counter-increment: dot;\n  width: 8px;\n  height: 8px;\n  border: ", ";\n\n  border-radius: 100%;\n  padding: 0;\n  display: block;\n  margin: 4px;\n  transition: opacity 0.3s, transform 0.3s;\n  cursor: ", ";\n  transform: scale(", ");\n\n  color: ", ";\n  background: ", ";\n\n  color: ", ";\n  background: ", ";\n\n  &:before {\n    content: counter(dot);\n    position: absolute;\n    bottom: calc(100% + 0.25em);\n    left: 50%;\n    opacity: 0;\n    transform: translate(-50%, 1em);\n    transition: 0.3s;\n    display: ", ";\n  }\n\n  &:hover {\n    background-color: currentColor;\n\n    &:before {\n      opacity: 0.5;\n      transform: translate(-50%, -2px);\n    }\n  }\n"])), function (props) {
   return props.current === props.index ? '0' : '1px solid #caccce';
@@ -576,4 +576,4 @@ }, function (props) {
 
-var _templateObject$9;
-var SvgMaskWrapper = styled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n  opacity: ", ";\n  color: ", ";\n  width: 100%;\n  left: 0;\n  top: 0;\n  height: 100%;\n  position: fixed;\n  z-index: 99999;\n  pointer-events: none;\n"])), function (props) {
+var _templateObject;
+var SvgMaskWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  opacity: ", ";\n  color: ", ";\n  width: 100%;\n  left: 0;\n  top: 0;\n  height: 100%;\n  position: fixed;\n  z-index: 99999;\n  pointer-events: none;\n"])), function (props) {
   return !props.maskClassName && 0.7;
@@ -1485,3 +1485,4 @@ }, function (props) {
         }), /*#__PURE__*/React.createElement(FocusLock, {
-          disabled: disableFocusLock
+          disabled: disableFocusLock,
+          autoFocus: false
         }, /*#__PURE__*/React.createElement(Guide, {
@@ -1488,0 +1489,0 @@ ref: this.helper,

package.json

 {
   "name": "reactour",
-  "version": "1.18.1",
+  "version": "1.18.2",
   "description": "Tourist Guide into your React Components",
@@ -45,8 +45,8 @@ "main": "dist/reactour.cjs.js",
   "devDependencies": {
-    "@babel/cli": "7.12.13",
-    "@babel/core": "7.12.13",
-    "@babel/plugin-proposal-class-properties": "7.12.13",
+    "@babel/cli": "7.13.0",
+    "@babel/core": "7.13.8",
+    "@babel/plugin-proposal-class-properties": "7.13.0",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
     "@babel/polyfill": "7.12.1",
-    "@babel/preset-env": "7.12.13",
+    "@babel/preset-env": "7.13.9",
     "@babel/preset-react": "7.12.13",
@@ -56,8 +56,8 @@ "babel-eslint": "10.1.0",
     "body-scroll-lock": "3.1.5",
-    "css-loader": "5.0.2",
-    "eslint": "7.19.0",
+    "css-loader": "5.1.1",
+    "eslint": "7.21.0",
     "eslint-config-prettier": "7.2.0",
     "eslint-plugin-prettier": "3.3.1",
-    "html-loader": "1.3.2",
-    "html-webpack-plugin": "5.0.0",
+    "html-loader": "2.1.1",
+    "html-webpack-plugin": "5.3.0",
     "prettier": "2.2.1",
@@ -69,9 +69,9 @@ "react": "^17.0.1",
     "rimraf": "3.0.2",
-    "rollup": "2.38.5",
+    "rollup": "2.40.0",
     "rollup-plugin-babel": "4.4.0",
-    "rollup-plugin-filesize": "9.1.0",
+    "rollup-plugin-filesize": "9.1.1",
     "rollup-plugin-node-resolve": "5.2.0",
     "style-loader": "2.0.0",
     "styled-components": "^5.2.1",
-    "webpack": "5.21.2",
+    "webpack": "5.24.4",
     "webpack-cli": "4.5.0",
@@ -87,3 +87,3 @@ "webpack-dev-server": "3.11.2"
   "dependencies": {
-    "@rooks/use-mutation-observer": "4.9.1",
+    "@rooks/use-mutation-observer": "4.9.2",
     "classnames": "2.2.6",
@@ -90,0 +90,0 @@ "focus-outline-manager": "^1.0.2",

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

121231

increased by0.05%

Lines of code

2850

increased by0.04%

Dependency changes

• + Added@rooks/use-mutation-observer@4.9.2(transitive)

• - Removed@rooks/use-mutation-observer@4.9.1(transitive)

• Updated@rooks/use-mutation-observer@4.9.2