@telefonica/mistica 10.23.0 → 10.24.0

package/dist/month-field.js

@@ -21,13 +21,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -55,8 +53,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {
-        };
+        var source = _arguments[i] != null ? _arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -71,8 +68,7 @@ function _objectSpread(target) {
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -87,10 +83,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -106,7 +100,7 @@ var ReactDateTimePicker = /*#__PURE__*/ React.lazy(function() {
     });
 });
 var DateField = function DateField(_param) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValueProp = _param.onChangeValue, onBlur = _param.onBlur, value = _param.value, defaultValue = _param.defaultValue, min = _param.min, max = _param.max, rest = _objectWithoutProperties(_param, [
+    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validateProp = _param.validate, onChange = _param.onChange, onChangeValueProp = _param.onChangeValue, onBlur = _param.onBlur, value1 = _param.value, defaultValue = _param.defaultValue, min = _param.min, max = _param.max, rest = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -127,7 +121,7 @@ var DateField = function DateField(_param) {
     var hasNativePicker = React.useMemo(function() {
         return (0, _dom).isInputTypeSupported('month');
     }, []);
-    var ref = (0, _hooks).useTheme(), texts = ref.texts;
+    var texts = (0, _hooks).useTheme().texts;
     var isInRange = function isInRange(value) {
         if (min && value && value < (0, _time).getLocalYearMonthString(min)) {
             return false;
@@ -151,7 +145,7 @@ var DateField = function DateField(_param) {
     };
     var fieldProps = (0, _formContext).useFieldProps({
         name: name,
-        value: value,
+        value: value1,
         defaultValue: defaultValue,
         processValue: processValue,
         helperText: helperText,
@@ -163,8 +157,7 @@ var DateField = function DateField(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    var nativePicker = /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({
-    }, rest, fieldProps, {
+    var nativePicker = /*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         min: min ? (0, _time).getLocalYearMonthString(min) : undefined,
         max: max ? (0, _time).getLocalYearMonthString(max) : undefined,
         type: "month",
@@ -175,8 +168,7 @@ var DateField = function DateField(_param) {
                 right: 16,
                 pointerEvents: 'none'
             },
-            children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconCalendarRegular.default, {
-            })
+            children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconCalendarRegular.default, {})
         })
     }));
     if (hasNativePicker || (0, _environment).isServerSide()) {
@@ -184,8 +176,7 @@ var DateField = function DateField(_param) {
     }
     return(/*#__PURE__*/ (0, _jsxRuntime).jsx(React.Suspense, {
         fallback: nativePicker,
-        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(ReactDateTimePicker, _objectSpread({
-        }, rest, fieldProps, {
+        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(ReactDateTimePicker, _objectSpread({}, rest, fieldProps, {
             optional: optional,
             isValidDate: function isValidDate(currentDate) {
                 return isInRange((0, _time).getLocalYearMonthString(currentDate.toDate()));

package/dist/navigation-bar.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.NavigationBarLogo = exports.NavigationBarAction = exports.FunnelNavigationBar = exports.NavigationBar = exports.MainNavigationBar = exports.NavigationBarActionGroup = void 0;
+exports.NavigationBarAction = exports.NavigationBarActionGroup = exports.FunnelNavigationBar = exports.NavigationBar = exports.MainNavigationBar = exports.NavigationBarLogo = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
@@ -34,13 +34,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -53,6 +51,11 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -70,12 +73,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -92,12 +97,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {
-        };
+        var source = _arguments[i] != null ? _arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -112,8 +116,7 @@ function _objectSpread(target) {
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -128,10 +131,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -142,7 +143,15 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var MovistarLogo = function MovistarLogo(param) {
     var size = param.size;
@@ -290,8 +299,8 @@ var BlauLogo = function BlauLogo(param) {
 };
 var NavigationBarLogo = function NavigationBarLogo(param) {
     var size = param.size;
-    var ref = (0, _hooks).useTheme(), skinName = ref.skinName;
-    var ref1 = (0, _hooks).useScreenSize(), isTabletOrSmaller = ref1.isTabletOrSmaller;
+    var skinName = (0, _hooks).useTheme().skinName;
+    var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
     size = size !== null && size !== void 0 ? size : isTabletOrSmaller ? 40 : 48;
     switch(skinName){
         case 'Movistar':
@@ -352,13 +361,11 @@ var BurgerMenuIcon = function BurgerMenuIcon(param) {
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                 className: isOpen ? '' : classes.iconCloseHidden,
-                children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconCloseRegular.default, {
-                })
+                children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconCloseRegular.default, {})
             }),
             /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
                 className: isOpen ? classes.iconMenuHidden : '',
-                children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconMenuRegular.default, {
-                })
+                children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconMenuRegular.default, {})
             })
         ]
     }));
@@ -483,9 +490,9 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
 });
 var MainNavigationBar = function MainNavigationBar(param) {
     var sections = param.sections, selectedIndex = param.selectedIndex, right = param.right, logo = param.logo, _isInverse = param.isInverse, isInverse = _isInverse === void 0 ? false : _isInverse, _topFixed = param.topFixed, topFixed = _topFixed === void 0 ? true : _topFixed;
-    var ref = (0, _hooks).useTheme(), texts = ref.texts;
-    var ref1 = _slicedToArray(React.useState(false), 2), isMenuOpen = ref1[0], setIsMenuOpen = ref1[1];
-    var ref2 = _slicedToArray(React.useState('closed'), 2), menuTransitionState = ref2[0], setMenuTransitionState = ref2[1];
+    var texts = (0, _hooks).useTheme().texts;
+    var ref = _slicedToArray(React.useState(false), 2), isMenuOpen = ref[0], setIsMenuOpen = ref[1];
+    var ref1 = _slicedToArray(React.useState('closed'), 2), menuTransitionState = ref1[0], setMenuTransitionState = ref1[1];
     var menuId = (0, _hooks).useAriaId();
     var classes = useStyles({
         isMenuOpen: isMenuOpen,
@@ -493,10 +500,9 @@ var MainNavigationBar = function MainNavigationBar(param) {
         menuTransitionState: menuTransitionState,
         withBorder: true
     });
-    var ref3 = (0, _hooks).useScreenSize(), isTabletOrSmaller = ref3.isTabletOrSmaller;
+    var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
     var setModalState = (0, _modalContextProvider).useSetModalState();
-    logo = logo !== null && logo !== void 0 ? logo : /*#__PURE__*/ (0, _jsxRuntime).jsx(NavigationBarLogo, {
-    });
+    logo = logo !== null && logo !== void 0 ? logo : /*#__PURE__*/ (0, _jsxRuntime).jsx(NavigationBarLogo, {});
     if (isTabletOrSmaller) {
         var openMenu = function openMenu() {
             setIsMenuOpen(true);
@@ -521,8 +527,7 @@ var MainNavigationBar = function MainNavigationBar(param) {
                             /*#__PURE__*/ (0, _jsxRuntime).jsx(_themeVariantContext.ThemeVariant, {
                                 isInverse: isInverse,
                                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                                    className: (0, _classnames).default(classes.navbar, _defineProperty({
-                                    }, classes.topFixed, topFixed)),
+                                    className: (0, _classnames).default(classes.navbar, _defineProperty({}, classes.topFixed, topFixed)),
                                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_responsiveLayout.default, {
                                         children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(_inline.default, {
                                             space: "between",
@@ -594,8 +599,7 @@ var MainNavigationBar = function MainNavigationBar(param) {
                                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_negativeBox.default, {
                                         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_list.RowList, {
                                             children: sections.map(function(section, index) {
-                                                /*#__PURE__*/ return (0, _jsxRuntime).jsx(_list.Row, _objectSpread({
-                                                }, section), index);
+                                                /*#__PURE__*/ return (0, _jsxRuntime).jsx(_list.Row, _objectSpread({}, section), index);
                                             })
                                         })
                                     })
@@ -611,8 +615,7 @@ var MainNavigationBar = function MainNavigationBar(param) {
         isInverse: isInverse,
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("header", {
-                className: (0, _classnames).default(classes.navbar, _defineProperty({
-                }, classes.topFixed, topFixed)),
+                className: (0, _classnames).default(classes.navbar, _defineProperty({}, classes.topFixed, topFixed)),
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_responsiveLayout.default, {
                     children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(_inline.default, {
                         space: "between",
@@ -630,11 +633,9 @@ var MainNavigationBar = function MainNavigationBar(param) {
                                                 var title = _param.title, touchableProps = _objectWithoutProperties(_param, [
                                                     "title"
                                                 ]);
-                                                return(/*#__PURE__*/ (0, React).createElement(_touchable.default, _objectSpread({
-                                                }, touchableProps, {
+                                                return(/*#__PURE__*/ (0, React).createElement(_touchable.default, _objectSpread({}, touchableProps, {
                                                     key: idx,
-                                                    className: (0, _classnames).default(classes.section, _defineProperty({
-                                                    }, classes.selectedSection, idx === selectedIndex)),
+                                                    className: (0, _classnames).default(classes.section, _defineProperty({}, classes.selectedSection, idx === selectedIndex)),
                                                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
                                                         regular: true,
                                                         children: title
@@ -659,7 +660,7 @@ var MainNavigationBar = function MainNavigationBar(param) {
 exports.MainNavigationBar = MainNavigationBar;
 var NavigationBar = function NavigationBar(param) {
     var onBack = param.onBack, title = param.title, right = param.right, _isInverse = param.isInverse, isInverse = _isInverse === void 0 ? false : _isInverse, _topFixed = param.topFixed, topFixed = _topFixed === void 0 ? true : _topFixed, paddingX = param.paddingX, _withBorder = param.withBorder, withBorder = _withBorder === void 0 ? true : _withBorder;
-    var ref = (0, _hooks).useTheme(), texts = ref.texts;
+    var texts = (0, _hooks).useTheme().texts;
     var classes = useStyles({
         isInverse: isInverse,
         paddingX: paddingX !== null && paddingX !== void 0 ? paddingX : 0,
@@ -698,8 +699,7 @@ var NavigationBar = function NavigationBar(param) {
         isInverse: isInverse,
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("header", {
-                className: (0, _classnames).default(classes.navbar, _defineProperty({
-                }, classes.topFixed, topFixed)),
+                className: (0, _classnames).default(classes.navbar, _defineProperty({}, classes.topFixed, topFixed)),
                 children: topFixed ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_responsiveLayout.default, {
                     children: content
                 }) : /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
@@ -724,8 +724,7 @@ var FunnelNavigationBar = function FunnelNavigationBar(param) {
         isInverse: isInverse,
         children: [
             /*#__PURE__*/ (0, _jsxRuntime).jsx("header", {
-                className: (0, _classnames).default(classes.navbar, _defineProperty({
-                }, classes.topFixed, topFixed)),
+                className: (0, _classnames).default(classes.navbar, _defineProperty({}, classes.topFixed, topFixed)),
                 children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_responsiveLayout.default, {
                     children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_gridLayout.default, {
                         template: "10",
@@ -733,8 +732,7 @@ var FunnelNavigationBar = function FunnelNavigationBar(param) {
                             space: "between",
                             alignItems: "center",
                             children: [
-                                logo !== null && logo !== void 0 ? logo : /*#__PURE__*/ (0, _jsxRuntime).jsx(NavigationBarLogo, {
-                                }),
+                                logo !== null && logo !== void 0 ? logo : /*#__PURE__*/ (0, _jsxRuntime).jsx(NavigationBarLogo, {}),
                                 right
                             ]
                         })
@@ -804,8 +802,7 @@ var NavigationBarAction = function NavigationBarAction(_param) {
     var classes = useNavigationBarActionStyles({
         isInverse: isInverse
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({
-    }, touchableProps, {
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, touchableProps, {
         className: classes.touchable,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_inline.default, {
             space: 16,

package/dist/navigation-breadcrumbs.js

@@ -11,13 +11,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -31,8 +29,8 @@ function _interopRequireWildcard(obj) {
     }
 }
 var BREADCRUMB_SEPARATOR = ' / ';
-var NavigationBreadcrumbs = function NavigationBreadcrumbs(param) {
-    var title = param.title, breadcrumbs = param.breadcrumbs;
+var NavigationBreadcrumbs = function NavigationBreadcrumbs(param1) {
+    var title1 = param1.title, breadcrumbs = param1.breadcrumbs;
     var theme = (0, _hooks).useTheme();
     var Link = theme.Link;
     return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
@@ -61,7 +59,7 @@ var NavigationBreadcrumbs = function NavigationBreadcrumbs(param) {
             /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text1, {
                 regular: true,
                 color: theme.colors.textSecondary,
-                children: title
+                children: title1
             })
         ]
     }));

package/dist/negative-box.js

@@ -4,7 +4,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
 var _jss = require("./jss");
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
 var useStyles = (0, _jss).createUseStyles(function() {
     return {
         negativeBox: {

package/dist/nestable-context.js

@@ -15,13 +15,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -34,27 +32,29 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _arrayWithoutHoles(arr) {
-    if (Array.isArray(arr)) {
-        for(var i = 0, arr2 = new Array(arr.length); i < arr.length; i++){
-            arr2[i] = arr[i];
-        }
-        return arr2;
-    }
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
 function _iterableToArray(iter) {
-    if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter);
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -71,18 +71,25 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _nonIterableSpread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance");
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 function _toConsumableArray(arr) {
-    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread();
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-var _Object;
 var useDeepCompareMemoize = function useDeepCompareMemoize(value) {
     var ref = React.useRef();
     if (!(0, _isEqual).default(value, ref.current)) {
@@ -100,11 +107,23 @@ var isObject = function isObject(object) {
     return object !== null && typeof object === 'object' && !Array.isArray(object);
 };
 var createNestableContext = function createNestableContext(defaultValue) {
-    var DispatchContext = /*#__PURE__*/ React.createContext(function() {
-    });
+    var DispatchContext = /*#__PURE__*/ React.createContext(function() {});
     var ValueContext = /*#__PURE__*/ React.createContext(defaultValue);
     var providerInstances = 0;
-    var reducer = function reducer(values, action) {
+    /*
+    This component may have multiple children setting a value at the same time. When a child component mounts,
+    it fires an action {type: 'add', value}, when a child component unmounts (or changes the value) it fires
+    an action {type: 'remove', value}. See SetterComponent.
+
+    This parent component keeps track of all the set values, maintaining an array. The last value in the
+    array is used as current value (fallbacks to defaultValue when the array is empty).
+    The array is needed because we need to handle these edge cases:
+
+    - Page 1 sets value X, and following page 2 doesn't set any value. We need to use defaultValue in this
+    case.
+    - Page 1 sets value X, page 2 sets value Y. While transitioning between both values X and Y are set at
+    the same time, when Page 1 unmounts, value Y should be used.
+    */ var reducer = function reducer(values, action) {
         switch(action.type){
             case 'add':
                 return _toConsumableArray(values).concat([
@@ -134,9 +153,9 @@ var createNestableContext = function createNestableContext(defaultValue) {
         var computedValue = defaultValue;
         if (values.length) {
             if (isObject(values[0])) {
+                var _Object;
                 computedValue = (_Object = Object).assign.apply(_Object, [
-                    {
-                    },
+                    {},
                     defaultValue
                 ].concat(_toConsumableArray(values)));
             } else {

package/dist/overlay.js

@@ -11,13 +11,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -30,6 +28,11 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -47,12 +50,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -69,12 +74,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {
-        };
+        var source = _arguments[i] != null ? _arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -89,7 +93,15 @@ function _objectSpread(target) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var defaultStyle = {
     position: 'fixed',
@@ -105,7 +117,7 @@ var Overlay = function Overlay(param) {
     var onPress = param.onPress, children = param.children, className = param.className, style = param.style, _disableScroll = param.disableScroll, disableScroll = _disableScroll === void 0 ? false : _disableScroll;
     var ref = _slicedToArray(React.useState(true), 2), showChildren = ref[0], setChildrenVisibility = ref[1];
     (0, _hooks).useDisableBodyScroll(disableScroll);
-    var ref1 = (0, _hooks).useTheme(), platformOverrides = ref1.platformOverrides;
+    var platformOverrides = (0, _hooks).useTheme().platformOverrides;
     // In mobile browsers event.button === 0. This event does not need to be handled in mobile. In desktop event.button === 2
     var handleContextMenu = function handleContextMenu(event) {
         if (event.button === 2 && onPress) {
@@ -114,8 +126,7 @@ var Overlay = function Overlay(param) {
     };
     return(/*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
         "data-overlay": "true",
-        style: _objectSpread({
-        }, defaultStyle, style),
+        style: _objectSpread({}, defaultStyle, style),
         className: className,
         onPointerDown: function onPointerDown(e) {
             // We use listen to and cancel pointerdown to close overlay if user scrolls on iOS.