@telefonica/mistica 10.28.1 → 10.29.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [10.29.0](https://github.com/Telefonica/mistica-web/compare/v10.28.1...v10.29.0) (2022-03-15)
+
+
+### Features
+
+* **Touchable:** Added loadOnTop prop ([#440](https://github.com/Telefonica/mistica-web/issues/440)) ([884940f](https://github.com/Telefonica/mistica-web/commit/884940fc1b924fef8f398af1c71313068c0e7ad7))
+
 ## [10.28.1](https://github.com/Telefonica/mistica-web/compare/v10.28.0...v10.28.1) (2022-03-09)
 
 

package/dist/button.d.ts

@@ -36,6 +36,7 @@ export interface OnPressButtonProps extends CommonProps {
 export interface HrefButtonProps extends CommonProps {
     href: string;
     newTab?: boolean;
+    loadOnTop?: boolean;
     submit?: undefined;
     fake?: undefined;
     onPress?: undefined;

package/dist/button.js

@@ -442,7 +442,8 @@ var Button = function Button(props) {
     if (props.href || props.href === '') {
         return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
             href: props.href,
-            newTab: props.newTab
+            newTab: props.newTab,
+            loadOnTop: props.loadOnTop
         })));
     }
     if (process.env.NODE_ENV !== 'production') {

package/dist/button.js.flow

@@ -41,6 +41,7 @@ export type HrefButtonProps = {
   ...$Exact<CommonProps>,
   href: string,
   newTab?: boolean,
+  loadOnTop?: boolean,
 };
 export type FakeButtonProps = {
   ...$Exact<CommonProps>,

package/dist/package-version.js

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.PACKAGE_VERSION = void 0;
-var PACKAGE_VERSION = '10.28.1';
+var PACKAGE_VERSION = '10.29.0';
 exports.PACKAGE_VERSION = PACKAGE_VERSION;

package/dist/touchable.d.ts

@@ -27,6 +27,7 @@ interface CommonProps {
 export interface PropsHref extends CommonProps {
     href: string;
     newTab?: boolean;
+    loadOnTop?: boolean;
     to?: undefined;
     onPress?: undefined;
 }
@@ -47,6 +48,7 @@ export interface PropsMaybeHref extends CommonProps {
     maybe: true;
     href?: string;
     newTab?: boolean;
+    loadOnTop?: boolean;
     to?: undefined;
     onPress?: undefined;
 }

package/dist/touchable.js

@@ -68,9 +68,11 @@ function _objectSpread(target) {
     return target;
 }
 var redirect = function redirect(url) {
-    var external = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+    var external = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, loadOnTop = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
     if (external) {
         window.open(url, '_blank');
+    } else if (loadOnTop) {
+        window.open(url, '_top');
     } else {
         document.location.href = url;
     }
@@ -141,6 +143,7 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     }, (0, _dom).getPrefixedDataAttributes(props.dataAttributes));
     var type = props.type ? props.type : 'button';
     var openNewTab = !!props.href && !!props.newTab;
+    var loadOnTop = !openNewTab && !!props.href && !!props.loadOnTop;
     var onPress = function onPress(event) {
         if (props.onPress) {
             props.onPress(event);
@@ -188,7 +191,7 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         }
         event.preventDefault();
         trackOnce(function() {
-            return redirect(getHref(), openNewTab);
+            return redirect(getHref(), openNewTab, loadOnTop);
         });
     };
     var handleKeyDown = function handleKeyDown(event) {
@@ -204,7 +207,11 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
             onClick: handleHrefClick,
             onKeyDown: handleKeyDown,
             href: props.disabled ? undefined : getHref(),
-            target: openNewTab ? '_blank' : undefined,
+            target: function() {
+                if (openNewTab) return '_blank';
+                if (loadOnTop) return '_top';
+                return undefined;
+            }(),
             rel: openNewTab ? 'noopener noreferrer' : undefined,
             ref: ref,
             children: [

package/dist/touchable.js.flow

@@ -36,6 +36,7 @@ export type PropsHref = {
   ...$Exact<CommonProps>,
   href: string,
   newTab?: boolean,
+  loadOnTop?: boolean,
 };
 export type PropsOnPress = {
   ...$Exact<CommonProps>,
@@ -53,6 +54,7 @@ export type PropsMaybeHref = {
   maybe: true,
   href?: string,
   newTab?: boolean,
+  loadOnTop?: boolean,
 };
 export type PropsMaybeTo = {
   ...$Exact<CommonProps>,

package/dist-es/button.js

@@ -409,7 +409,8 @@ var Button = function(props) {
     if (props.href || props.href === '') {
         return(/*#__PURE__*/ _jsx(Touchable, _objectSpread({}, commonProps, {
             href: props.href,
-            newTab: props.newTab
+            newTab: props.newTab,
+            loadOnTop: props.loadOnTop
         })));
     }
     if (process.env.NODE_ENV !== 'production') {

package/dist-es/package-version.js

@@ -1,2 +1,2 @@
 // DO NOT EDIT THIS FILE. It's autogenerated by set-version.js
-export var PACKAGE_VERSION = '10.28.1';
+export var PACKAGE_VERSION = '10.29.0';

package/dist-es/touchable.js

@@ -36,9 +36,11 @@ function _objectSpread(target) {
     return target;
 }
 var redirect = function(url) {
-    var external = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+    var external = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false, loadOnTop = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
     if (external) {
         window.open(url, '_blank');
+    } else if (loadOnTop) {
+        window.open(url, '_top');
     } else {
         document.location.href = url;
     }
@@ -109,6 +111,7 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     }, getPrefixedDataAttributes(props.dataAttributes));
     var type = props.type ? props.type : 'button';
     var openNewTab = !!props.href && !!props.newTab;
+    var loadOnTop = !openNewTab && !!props.href && !!props.loadOnTop;
     var onPress = function(event) {
         if (props.onPress) {
             props.onPress(event);
@@ -156,7 +159,7 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         }
         event.preventDefault();
         trackOnce(function() {
-            return redirect(getHref(), openNewTab);
+            return redirect(getHref(), openNewTab, loadOnTop);
         });
     };
     var handleKeyDown = function(event) {
@@ -172,7 +175,11 @@ var Touchable = /*#__PURE__*/ React.forwardRef(function(props, ref) {
             onClick: handleHrefClick,
             onKeyDown: handleKeyDown,
             href: props.disabled ? undefined : getHref(),
-            target: openNewTab ? '_blank' : undefined,
+            target: function() {
+                if (openNewTab) return '_blank';
+                if (loadOnTop) return '_top';
+                return undefined;
+            }(),
             rel: openNewTab ? 'noopener noreferrer' : undefined,
             ref: ref,
             children: [

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telefonica/mistica",
-    "version": "10.28.1",
+    "version": "10.29.0",
     "license": "MIT",
     "repository": {
         "type": "git",