@telefonica/mistica 10.22.3 → 10.23.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [10.23.0](https://github.com/Telefonica/mistica-web/compare/v10.22.3...v10.23.0) (2022-02-10)
+
+
+### Features
+
+* **Dialog:** allow disable history update in dialogs ([#412](https://github.com/Telefonica/mistica-web/issues/412)) ([178bc55](https://github.com/Telefonica/mistica-web/commit/178bc55abc19f0d9117d0a51bbcb5a8a2353f68e))
+
 ## [10.22.3](https://github.com/Telefonica/mistica-web/compare/v10.22.2...v10.22.3) (2022-02-08)
 
 

package/dist/dialog.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import type { Theme } from './theme';
 interface DialogProps {
     className?: string;
     title?: string;
@@ -20,6 +21,7 @@ declare type DialogRootState = {
     instanceNumber: number;
 };
 export default class DialogRoot extends React.Component<DialogRootProps, DialogRootState> {
+    static contextType: React.Context<Theme | null>;
     state: DialogRootState;
     componentDidMount(): void;
     componentWillUnmount(): void;

package/dist/dialog.js

@@ -560,7 +560,9 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
                 dialogRootInstances++;
                 if (dialogRootInstances === 1) {
                     dialogInstance = this;
-                    window.addEventListener('popstate', this.handleBack);
+                    if (!this.context.unstable_disableHistoryUpdateInDialogs) {
+                        window.addEventListener('popstate', this.handleBack);
+                    }
                 }
             }
         },
@@ -570,7 +572,9 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
                 dialogRootInstances--;
                 if (dialogRootInstances === 0) {
                     dialogInstance = null;
-                    window.removeEventListener('popstate', this.handleBack);
+                    if (!this.context.unstable_disableHistoryUpdateInDialogs) {
+                        window.removeEventListener('popstate', this.handleBack);
+                    }
                 }
             }
         },
@@ -580,8 +584,10 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
                 if (this.state.dialogProps) {
                     throw Error('Tried to show a dialog on top of another dialog. This functionality is not currently supported.');
                 }
-                // We add an additional entry to history with the same page, so the first time back is pressed we only close the Dialog
-                window.history.pushState(null, document.title, window.location.href);
+                if (!this.context.unstable_disableHistoryUpdateInDialogs) {
+                    // We add an additional entry to history with the same page, so the first time back is pressed we only close the Dialog
+                    window.history.pushState(null, document.title, window.location.href);
+                }
                 this.setState({
                     dialogProps: props,
                     isClosing: false
@@ -591,8 +597,12 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
         {
             key: "close",
             value: function close() {
-                // Here we have to remove the additional entry added to history when we created the Dialog
-                window.history.back();
+                if (!this.context.unstable_disableHistoryUpdateInDialogs) {
+                    // Here we have to remove the additional entry added to history when we created the Dialog
+                    window.history.back();
+                } else {
+                    this.handleBack();
+                }
             }
         },
         {
@@ -651,6 +661,7 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
     ]);
     return DialogRoot;
 }(React.Component);
+DialogRoot.contextType = _themeContext.default;
 exports.default = DialogRoot;
 var showDialog = function showDialog(param) {
     var showCancel = param === void 0 ? false : param;

package/dist/dialog.js.flow

@@ -1,6 +1,7 @@
 // @flow
 
 import * as React from "react";
+import type { Theme } from "./theme";
 declare type DialogProps = {
   className?: string,
   title?: string,
@@ -24,6 +25,7 @@ declare type DialogRootState = {
 declare export default class DialogRoot
   mixins React.Component<DialogRootProps, DialogRootState>
 {
+  static contextType: React.Context<Theme | null>;
   state: DialogRootState;
   componentDidMount(): void;
   componentWillUnmount(): void;

package/dist/package-version.js

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

package/dist/theme-context-provider.js

@@ -197,7 +197,8 @@ var ThemeContextProvider = function ThemeContextProvider(param) {
             Link: (_Link = theme.Link) !== null && _Link !== void 0 ? _Link : _theme.AnchorLink,
             isDarkMode: isDarkModeEnabled,
             isIos: (0, _platform).getPlatform(platformOverrides) === 'ios',
-            useHrefDecorator: (_useHrefDecorator = theme.useHrefDecorator) !== null && _useHrefDecorator !== void 0 ? _useHrefDecorator : useDefaultHrefDecorator
+            useHrefDecorator: (_useHrefDecorator = theme.useHrefDecorator) !== null && _useHrefDecorator !== void 0 ? _useHrefDecorator : useDefaultHrefDecorator,
+            unstable_disableHistoryUpdateInDialogs: !!theme.unstable_disableHistoryUpdateInDialogs
         };
     }, [
         theme,

package/dist/theme.d.ts

@@ -100,6 +100,7 @@ export declare type ThemeConfig = {
     Link?: LinkComponent;
     useHrefDecorator?: () => (href: string) => string;
     enableTabFocus?: boolean;
+    unstable_disableHistoryUpdateInDialogs?: boolean;
 };
 export declare type Theme = {
     skinName: SkinName;
@@ -134,5 +135,6 @@ export declare type Theme = {
     isDarkMode: boolean;
     isIos: boolean;
     useHrefDecorator: () => (href: string) => string;
+    unstable_disableHistoryUpdateInDialogs: boolean;
 };
 export {};

package/dist/theme.js.flow

@@ -104,6 +104,7 @@ export type ThemeConfig = {
   Link?: LinkComponent,
   useHrefDecorator?: () => (href: string) => string,
   enableTabFocus?: boolean,
+  unstable_disableHistoryUpdateInDialogs?: boolean,
 };
 export type Theme = {
   skinName: SkinName,
@@ -138,6 +139,7 @@ export type Theme = {
   isDarkMode: boolean,
   isIos: boolean,
   useHrefDecorator: () => (href: string) => string,
+  unstable_disableHistoryUpdateInDialogs: boolean,
 };
 declare export {};
 

package/dist-es/dialog.js

@@ -518,7 +518,9 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
                 dialogRootInstances++;
                 if (dialogRootInstances === 1) {
                     dialogInstance = this;
-                    window.addEventListener('popstate', this.handleBack);
+                    if (!this.context.unstable_disableHistoryUpdateInDialogs) {
+                        window.addEventListener('popstate', this.handleBack);
+                    }
                 }
             }
         },
@@ -528,7 +530,9 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
                 dialogRootInstances--;
                 if (dialogRootInstances === 0) {
                     dialogInstance = null;
-                    window.removeEventListener('popstate', this.handleBack);
+                    if (!this.context.unstable_disableHistoryUpdateInDialogs) {
+                        window.removeEventListener('popstate', this.handleBack);
+                    }
                 }
             }
         },
@@ -538,8 +542,10 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
                 if (this.state.dialogProps) {
                     throw Error('Tried to show a dialog on top of another dialog. This functionality is not currently supported.');
                 }
-                // We add an additional entry to history with the same page, so the first time back is pressed we only close the Dialog
-                window.history.pushState(null, document.title, window.location.href);
+                if (!this.context.unstable_disableHistoryUpdateInDialogs) {
+                    // We add an additional entry to history with the same page, so the first time back is pressed we only close the Dialog
+                    window.history.pushState(null, document.title, window.location.href);
+                }
                 this.setState({
                     dialogProps: props,
                     isClosing: false
@@ -549,8 +555,12 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
         {
             key: "close",
             value: function close() {
-                // Here we have to remove the additional entry added to history when we created the Dialog
-                window.history.back();
+                if (!this.context.unstable_disableHistoryUpdateInDialogs) {
+                    // Here we have to remove the additional entry added to history when we created the Dialog
+                    window.history.back();
+                } else {
+                    this.handleBack();
+                }
             }
         },
         {
@@ -606,6 +616,7 @@ var DialogRoot = /*#__PURE__*/ function(_Component) {
     ]);
     return DialogRoot;
 }(React.Component);
+DialogRoot.contextType = ThemeContext;
 export { DialogRoot as default };
 var showDialog = function(param) {
     var showCancel = param === void 0 ? false : param;

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.22.3';
+export var PACKAGE_VERSION = '10.23.0';

package/dist-es/theme-context-provider.js

@@ -163,7 +163,8 @@ var ThemeContextProvider = function(param) {
             Link: (_Link = theme.Link) !== null && _Link !== void 0 ? _Link : AnchorLink,
             isDarkMode: isDarkModeEnabled,
             isIos: getPlatform(platformOverrides) === 'ios',
-            useHrefDecorator: (_useHrefDecorator = theme.useHrefDecorator) !== null && _useHrefDecorator !== void 0 ? _useHrefDecorator : useDefaultHrefDecorator
+            useHrefDecorator: (_useHrefDecorator = theme.useHrefDecorator) !== null && _useHrefDecorator !== void 0 ? _useHrefDecorator : useDefaultHrefDecorator,
+            unstable_disableHistoryUpdateInDialogs: !!theme.unstable_disableHistoryUpdateInDialogs
         };
     }, [
         theme,

package/package.json

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