@telefonica/mistica 10.23.0 → 10.24.0

package/dist-es/navigation-bar.js

@@ -21,6 +21,11 @@ import FocusTrap from './focus-trap';
 import { Portal } from './portal';
 import GridLayout from './grid-layout';
 import { useSetModalState } from './modal-context-provider';
+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;
 }
@@ -38,12 +43,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;
         }
@@ -60,12 +67,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) {
     for(var i = 1; i < arguments.length; 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) {
@@ -79,8 +85,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) {
@@ -95,10 +100,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++){
@@ -109,7 +112,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(param) {
     var size = param.size;
@@ -257,8 +268,8 @@ var BlauLogo = function(param) {
 };
 export var NavigationBarLogo = function(param) {
     var size = param.size;
-    var ref = useTheme(), skinName = ref.skinName;
-    var ref1 = useScreenSize(), isTabletOrSmaller = ref1.isTabletOrSmaller;
+    var skinName = useTheme().skinName;
+    var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
     size = size !== null && size !== void 0 ? size : isTabletOrSmaller ? 40 : 48;
     switch(skinName){
         case 'Movistar':
@@ -318,13 +329,11 @@ var BurgerMenuIcon = function(param) {
         children: [
             /*#__PURE__*/ _jsx("div", {
                 className: isOpen ? '' : classes.iconCloseHidden,
-                children: /*#__PURE__*/ _jsx(IconCloseRegular, {
-                })
+                children: /*#__PURE__*/ _jsx(IconCloseRegular, {})
             }),
             /*#__PURE__*/ _jsx("div", {
                 className: isOpen ? classes.iconMenuHidden : '',
-                children: /*#__PURE__*/ _jsx(IconMenuRegular, {
-                })
+                children: /*#__PURE__*/ _jsx(IconMenuRegular, {})
             })
         ]
     }));
@@ -447,11 +456,11 @@ var useStyles = createUseStyles(function(theme) {
         })
     };
 });
-export var MainNavigationBar = function(param) {
+var MainNavigationBar = function(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 = 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 = 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 = useAriaId();
     var classes = useStyles({
         isMenuOpen: isMenuOpen,
@@ -459,10 +468,9 @@ export var MainNavigationBar = function(param) {
         menuTransitionState: menuTransitionState,
         withBorder: true
     });
-    var ref3 = useScreenSize(), isTabletOrSmaller = ref3.isTabletOrSmaller;
+    var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
     var setModalState = useSetModalState();
-    logo = logo !== null && logo !== void 0 ? logo : /*#__PURE__*/ _jsx(NavigationBarLogo, {
-    });
+    logo = logo !== null && logo !== void 0 ? logo : /*#__PURE__*/ _jsx(NavigationBarLogo, {});
     if (isTabletOrSmaller) {
         var openMenu = function() {
             setIsMenuOpen(true);
@@ -487,8 +495,7 @@ export var MainNavigationBar = function(param) {
                             /*#__PURE__*/ _jsx(ThemeVariant, {
                                 isInverse: isInverse,
                                 children: /*#__PURE__*/ _jsx("div", {
-                                    className: classnames(classes.navbar, _defineProperty({
-                                    }, classes.topFixed, topFixed)),
+                                    className: classnames(classes.navbar, _defineProperty({}, classes.topFixed, topFixed)),
                                     children: /*#__PURE__*/ _jsx(ResponsiveLayout, {
                                         children: /*#__PURE__*/ _jsxs(Inline, {
                                             space: "between",
@@ -560,8 +567,7 @@ export var MainNavigationBar = function(param) {
                                     children: /*#__PURE__*/ _jsx(NegativeBox, {
                                         children: /*#__PURE__*/ _jsx(RowList, {
                                             children: sections.map(function(section, index) {
-                                                /*#__PURE__*/ return _jsx(Row, _objectSpread({
-                                                }, section), index);
+                                                /*#__PURE__*/ return _jsx(Row, _objectSpread({}, section), index);
                                             })
                                         })
                                     })
@@ -577,8 +583,7 @@ export var MainNavigationBar = function(param) {
         isInverse: isInverse,
         children: [
             /*#__PURE__*/ _jsx("header", {
-                className: classnames(classes.navbar, _defineProperty({
-                }, classes.topFixed, topFixed)),
+                className: classnames(classes.navbar, _defineProperty({}, classes.topFixed, topFixed)),
                 children: /*#__PURE__*/ _jsx(ResponsiveLayout, {
                     children: /*#__PURE__*/ _jsxs(Inline, {
                         space: "between",
@@ -593,12 +598,12 @@ export var MainNavigationBar = function(param) {
                                         children: /*#__PURE__*/ _jsx(Inline, {
                                             space: 32,
                                             children: sections.map(function(_param, idx) /*#__PURE__*/ {
-                                                var title = _param.title, touchableProps = _objectWithoutProperties(_param, ["title"]);
-                                                return _createElement(Touchable, _objectSpread({
-                                                }, touchableProps, {
+                                                var title = _param.title, touchableProps = _objectWithoutProperties(_param, [
+                                                    "title"
+                                                ]);
+                                                return _createElement(Touchable, _objectSpread({}, touchableProps, {
                                                     key: idx,
-                                                    className: classnames(classes.section, _defineProperty({
-                                                    }, classes.selectedSection, idx === selectedIndex)),
+                                                    className: classnames(classes.section, _defineProperty({}, classes.selectedSection, idx === selectedIndex)),
                                                     children: /*#__PURE__*/ _jsx(Text3, {
                                                         regular: true,
                                                         children: title
@@ -620,9 +625,10 @@ export var MainNavigationBar = function(param) {
         ]
     }));
 };
+export { MainNavigationBar };
 export var NavigationBar = function(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 = useTheme(), texts = ref.texts;
+    var texts = useTheme().texts;
     var classes = useStyles({
         isInverse: isInverse,
         paddingX: paddingX !== null && paddingX !== void 0 ? paddingX : 0,
@@ -661,8 +667,7 @@ export var NavigationBar = function(param) {
         isInverse: isInverse,
         children: [
             /*#__PURE__*/ _jsx("header", {
-                className: classnames(classes.navbar, _defineProperty({
-                }, classes.topFixed, topFixed)),
+                className: classnames(classes.navbar, _defineProperty({}, classes.topFixed, topFixed)),
                 children: topFixed ? /*#__PURE__*/ _jsx(ResponsiveLayout, {
                     children: content
                 }) : /*#__PURE__*/ _jsx("div", {
@@ -686,8 +691,7 @@ export var FunnelNavigationBar = function(param) {
         isInverse: isInverse,
         children: [
             /*#__PURE__*/ _jsx("header", {
-                className: classnames(classes.navbar, _defineProperty({
-                }, classes.topFixed, topFixed)),
+                className: classnames(classes.navbar, _defineProperty({}, classes.topFixed, topFixed)),
                 children: /*#__PURE__*/ _jsx(ResponsiveLayout, {
                     children: /*#__PURE__*/ _jsx(GridLayout, {
                         template: "10",
@@ -695,8 +699,7 @@ export var FunnelNavigationBar = function(param) {
                             space: "between",
                             alignItems: "center",
                             children: [
-                                logo !== null && logo !== void 0 ? logo : /*#__PURE__*/ _jsx(NavigationBarLogo, {
-                                }),
+                                logo !== null && logo !== void 0 ? logo : /*#__PURE__*/ _jsx(NavigationBarLogo, {}),
                                 right
                             ]
                         })
@@ -757,13 +760,14 @@ var useNavigationBarActionStyles = createUseStyles(function(theme) {
     };
 });
 var NavigationBarAction = function(_param) {
-    var children = _param.children, touchableProps = _objectWithoutProperties(_param, ["children"]);
+    var children = _param.children, touchableProps = _objectWithoutProperties(_param, [
+        "children"
+    ]);
     var isInverse = useIsInverseVariant();
     var classes = useNavigationBarActionStyles({
         isInverse: isInverse
     });
-    return(/*#__PURE__*/ _jsx(Touchable, _objectSpread({
-    }, touchableProps, {
+    return(/*#__PURE__*/ _jsx(Touchable, _objectSpread({}, touchableProps, {
         className: classes.touchable,
         children: /*#__PURE__*/ _jsx(Inline, {
             space: 16,

package/dist-es/navigation-breadcrumbs.js

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { Text1 } from './text';
 import { useTheme } from './hooks';
 var BREADCRUMB_SEPARATOR = ' / ';
-var NavigationBreadcrumbs = function(param) {
-    var title = param.title, breadcrumbs = param.breadcrumbs;
+var NavigationBreadcrumbs = function(param1) {
+    var title1 = param1.title, breadcrumbs = param1.breadcrumbs;
     var theme = useTheme();
     var Link = theme.Link;
     return(/*#__PURE__*/ _jsxs("div", {
@@ -33,7 +33,7 @@ var NavigationBreadcrumbs = function(param) {
             /*#__PURE__*/ _jsx(Text1, {
                 regular: true,
                 color: theme.colors.textSecondary,
-                children: title
+                children: title1
             })
         ]
     }));

package/dist-es/negative-box.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { createUseStyles } from './jss';
 var useStyles = createUseStyles(function() {
     return {

package/dist-es/nestable-context.js

@@ -1,27 +1,29 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import isEqual from 'lodash/isEqual';
+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;
         }
@@ -38,18 +40,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(value) {
     var ref = React.useRef();
     if (!isEqual(value, ref.current)) {
@@ -67,11 +76,23 @@ var isObject = function(object) {
     return object !== null && typeof object === 'object' && !Array.isArray(object);
 };
 var createNestableContext = function(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(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(values, action) {
         switch(action.type){
             case 'add':
                 return _toConsumableArray(values).concat([
@@ -101,9 +122,9 @@ var createNestableContext = function(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-es/overlay.js

@@ -2,6 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { isAndroid, isChrome } from './utils/platform';
 import { useDisableBodyScroll, useTheme } from './hooks';
+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;
 }
@@ -19,12 +24,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;
         }
@@ -41,12 +48,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) {
     for(var i = 1; i < arguments.length; 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) {
@@ -60,7 +66,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',
@@ -76,7 +90,7 @@ var Overlay = function(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];
     useDisableBodyScroll(disableScroll);
-    var ref1 = useTheme(), platformOverrides = ref1.platformOverrides;
+    var platformOverrides = 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(event) {
         if (event.button === 2 && onPress) {
@@ -85,8 +99,7 @@ var Overlay = function(param) {
     };
     return(/*#__PURE__*/ _jsx("div", {
         "data-overlay": "true",
-        style: _objectSpread({
-        }, defaultStyle, style),
+        style: _objectSpread({}, defaultStyle, style),
         className: className,
         onPointerDown: function(e) {
             // We use listen to and cancel pointerdown to close overlay if user scrolls on iOS.

package/dist-es/overscroll-color-context.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
 import { useIsInverseVariant } from './theme-variant-context';
 import { useTheme, useScreenSize } from './hooks';
 import createNestableContext from './nestable-context';
@@ -13,8 +14,8 @@ var OverscrollColorProviderNoOp = function(param) {
 };
 var OverscrollColorProviderComponent = function(param) {
     var children = param.children;
-    var ref = useTheme(), platformOverrides = ref.platformOverrides;
-    var ref1 = useScreenSize(), isTabletOrSmaller = ref1.isTabletOrSmaller;
+    var platformOverrides = useTheme().platformOverrides;
+    var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
     var theme = useTheme();
     return isTabletOrSmaller ? /*#__PURE__*/ _jsx(Provider, {
         children: /*#__PURE__*/ _jsx(Getter, {

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

package/dist-es/password-field.js

@@ -7,6 +7,11 @@ import IconButton from './icon-button';
 import Visibility from './icons/icon-visibility';
 import VisibilityOff from './icons/icon-visibility-off';
 import { createUseStyles } from './jss';
+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;
 }
@@ -24,12 +29,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;
         }
@@ -46,12 +53,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) {
     for(var i = 1; i < arguments.length; 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) {
@@ -65,8 +71,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) {
@@ -81,10 +86,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++){
@@ -95,12 +98,19 @@ 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 usePasswordAdornmentStyles = createUseStyles(function(theme) {
     return {
-        shadow: _defineProperty({
-        }, theme.mq.supportsHover, {
+        shadow: _defineProperty({}, theme.mq.supportsHover, {
             '&:hover': {
                 backgroundColor: 'rgba(0, 0, 0, 0.08)'
             }
@@ -109,7 +119,7 @@ var usePasswordAdornmentStyles = createUseStyles(function(theme) {
 });
 var PasswordAdornment = function(param) {
     var isVisible = param.isVisible, setVisibility = param.setVisibility, focus = param.focus;
-    var ref = useTheme(), texts = ref.texts;
+    var texts = useTheme().texts;
     var classes = usePasswordAdornmentStyles();
     var style = {
         backgroundSize: '200%',
@@ -127,13 +137,24 @@ var PasswordAdornment = function(param) {
         size: 48,
         className: classes.shadow,
         style: style,
-        children: isVisible ? /*#__PURE__*/ _jsx(VisibilityOff, {
-        }) : /*#__PURE__*/ _jsx(Visibility, {
-        })
+        children: isVisible ? /*#__PURE__*/ _jsx(VisibilityOff, {}) : /*#__PURE__*/ _jsx(Visibility, {})
     }));
 };
 var PasswordField = function(_param) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validate = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? 'current-password' : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, ["disabled", "error", "helperText", "name", "optional", "validate", "onChange", "onChangeValue", "onBlur", "value", "autoComplete", "defaultValue"]);
+    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, validate = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value1 = _param.value, _autoComplete = _param.autoComplete, autoComplete = _autoComplete === void 0 ? 'current-password' : _autoComplete, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
+        "disabled",
+        "error",
+        "helperText",
+        "name",
+        "optional",
+        "validate",
+        "onChange",
+        "onChangeValue",
+        "onBlur",
+        "value",
+        "autoComplete",
+        "defaultValue"
+    ]);
     var ref = _slicedToArray(React.useState(false), 2), isVisible = ref[0], setIsVisible = ref[1];
     var caretPositionRef = React.useRef(0);
     var inputRef = React.useRef(null);
@@ -162,7 +183,7 @@ var PasswordField = function(_param) {
     ]);
     var fieldProps = useFieldProps({
         name: name,
-        value: value,
+        value: value1,
         defaultValue: defaultValue,
         processValue: processValue,
         helperText: helperText,
@@ -174,8 +195,7 @@ var PasswordField = function(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({
-    }, rest, fieldProps, {
+    return(/*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         type: isVisible ? 'text' : 'password',
         inputRef: function(field) {
             fieldProps.inputRef(field);