@telefonica/mistica 10.22.3 → 10.24.2

package/dist-es/jss.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { create as createJss, SheetsRegistry } from 'jss';
 import { createUseStyles as jssCreateUseStyles, JssProvider } from 'react-jss';
 import camelCase from 'jss-plugin-camel-case';
@@ -7,13 +8,13 @@ import ruleValueFunction from 'jss-plugin-rule-value-function';
 import nested from 'jss-plugin-nested';
 import vendorPrefixer from 'jss-plugin-vendor-prefixer';
 import ThemeContext from './theme-context';
+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 _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 _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
@@ -35,13 +36,21 @@ function _createClass(Constructor, protoProps, staticProps) {
     return Constructor;
 }
 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 _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 _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 affectedBoxSizingProps = [
     'width',
@@ -68,9 +77,13 @@ export var getJss = function() {
     return jss;
 };
 export var createUseStyles = function(styles) {
+    // this checks the number of arguments
     if ((styles === null || styles === void 0 ? void 0 : styles.length) === 0) {
+        // evaluate styles so JSS does not complain about declaring styles as a function
+        // @ts-expect-error overwriting function as object
         styles = styles();
     }
+    // @ts-expect-error - jss styles could be better
     var useStyles = jssCreateUseStyles(styles, {
         theming: {
             context: ThemeContext
@@ -81,7 +94,7 @@ export var createUseStyles = function(styles) {
             args[_key] = arguments[_key];
         }
         try {
-            return useStyles.apply(void 0, _toConsumableArray(args));
+            return useStyles.apply(void 0, _toConsumableArray(args)); // casted because useStyles returns Record<string, string>
         } catch (err) {
             err.message = "".concat(err.message, " (Did you forget to add <ThemeContextProvider>?)");
             throw err;

package/dist-es/list.js

@@ -21,6 +21,11 @@ import Checkbox from './checkbox';
 import { Boxed } from './boxed';
 import Divider from './divider';
 import { getPrefixedDataAttributes } from './utils/dom';
+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,16 +85,23 @@ 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 useStyles = createUseStyles(function(param) {
-    var colors = param.colors, mq = param.mq;
+var useStyles = createUseStyles(function(param1) {
+    var colors = param1.colors, mq = param1.mq;
     return {
         disabled: {
             opacity: 0.5
         },
-        hover: _defineProperty({
-        }, mq.supportsHover, {
+        hover: _defineProperty({}, mq.supportsHover, {
             '&:hover': {
                 background: function(param) {
                     var isInverse = param.isInverse, disabled = param.disabled;
@@ -172,14 +185,13 @@ var useStyles = createUseStyles(function(param) {
         }
     };
 });
-var _obj;
 var Content = function(param) {
     var headline = param.headline, title = param.title, titleLinesMax = param.titleLinesMax, subtitle = param.subtitle, subtitleLinesMax = param.subtitleLinesMax, description = param.description, descriptionLinesMax = param.descriptionLinesMax, asset = param.asset, _type = param.type, type = _type === void 0 ? 'basic' : _type, badge = param.badge, right = param.right, extra = param.extra, labelId = param.labelId, disabled = param.disabled;
     var isInverse = useIsInverseVariant();
     var classes = useStyles({
         isInverse: isInverse
     });
-    var ref = useTheme(), colors = ref.colors;
+    var colors = useTheme().colors;
     var numTextLines = [
         headline,
         title,
@@ -195,10 +207,8 @@ var Content = function(param) {
         return(/*#__PURE__*/ _jsx(Box, {
             paddingLeft: 16,
             children: /*#__PURE__*/ _jsx("div", {
-                className: classNames(classes.center, classes.badge, _defineProperty({
-                }, classes.disabled, disabled)),
-                children: badge === true ? /*#__PURE__*/ _jsx(Badge, {
-                }) : /*#__PURE__*/ _jsx(Badge, {
+                className: classNames(classes.center, classes.badge, _defineProperty({}, classes.disabled, disabled)),
+                children: badge === true ? /*#__PURE__*/ _jsx(Badge, {}) : /*#__PURE__*/ _jsx(Badge, {
                     value: badge
                 })
             })
@@ -209,8 +219,7 @@ var Content = function(param) {
             case 'chevron':
                 return(/*#__PURE__*/ _jsx(Box, {
                     paddingLeft: 16,
-                    className: classNames(classes.center, _defineProperty({
-                    }, classes.disabled, disabled)),
+                    className: classNames(classes.center, _defineProperty({}, classes.disabled, disabled)),
                     children: /*#__PURE__*/ _jsx(IconChevron, {
                         color: isInverse ? colors.inverse : colors.neutralMedium,
                         direction: "right"
@@ -223,30 +232,28 @@ var Content = function(param) {
                 }));
             case 'custom':
                 return(/*#__PURE__*/ _jsx("div", {
-                    className: classNames(classes.right, _defineProperty({
-                    }, classes.disabled, disabled)),
+                    className: classNames(classes.right, _defineProperty({}, classes.disabled, disabled)),
                     children: right
                 }));
             default:
                 return null;
         }
     };
+    var _obj;
     return(/*#__PURE__*/ _jsxs(Box, {
         paddingY: 16,
         className: classes.content,
         children: [
             asset && /*#__PURE__*/ _jsx(Box, {
                 paddingRight: 16,
-                className: classNames((_obj = {
-                }, _defineProperty(_obj, classes.center, shouldCenter), _defineProperty(_obj, classes.disabled, disabled), _obj)),
+                className: classNames((_obj = {}, _defineProperty(_obj, classes.center, shouldCenter), _defineProperty(_obj, classes.disabled, disabled), _obj)),
                 children: /*#__PURE__*/ _jsx("div", {
                     className: classes.asset,
                     children: asset
                 })
             }),
             /*#__PURE__*/ _jsx("div", {
-                className: classNames(classes.rowBody, _defineProperty({
-                }, classes.disabled, disabled)),
+                className: classNames(classes.rowBody, _defineProperty({}, classes.disabled, disabled)),
                 style: {
                     justifyContent: shouldCenter ? 'center' : 'flex-start'
                 },
@@ -318,18 +325,17 @@ var useControlState = function(param) {
         toggle
     ];
 };
-var RowContent = /*#__PURE__*/ React.forwardRef(function(props, ref5) {
+var RowContent = /*#__PURE__*/ React.forwardRef(function(props1, ref5) {
     var titleId = useAriaId();
     var isInverse = useIsInverseVariant();
-    var asset = props.asset, headline = props.headline, title = props.title, titleLinesMax = props.titleLinesMax, subtitle = props.subtitle, subtitleLinesMax = props.subtitleLinesMax, description = props.description, descriptionLinesMax = props.descriptionLinesMax, badge = props.badge, role = props.role, extra = props.extra, dataAttributes = props.dataAttributes;
+    var asset = props1.asset, headline = props1.headline, title = props1.title, titleLinesMax = props1.titleLinesMax, subtitle = props1.subtitle, subtitleLinesMax = props1.subtitleLinesMax, description = props1.description, descriptionLinesMax = props1.descriptionLinesMax, badge = props1.badge, role = props1.role, extra = props1.extra, dataAttributes = props1.dataAttributes;
     var radioContext = useRadioContext();
-    var disabled = props.disabled || props.radioValue !== undefined && radioContext.disabled;
+    var disabled = props1.disabled || props1.radioValue !== undefined && radioContext.disabled;
     var classes = useStyles({
         isInverse: isInverse,
         disabled: disabled
     });
-    var ref1 = _slicedToArray(useControlState(props.switch || props.checkbox || {
-    }), 2), isChecked = ref1[0], toggle = ref1[1];
+    var ref1 = _slicedToArray(useControlState(props1.switch || props1.checkbox || {}), 2), isChecked = ref1[0], toggle = ref1[1];
     var renderContent = function(param) {
         var type = param.type, right = param.right, labelId = param.labelId;
         /*#__PURE__*/ return _jsx(Content, {
@@ -366,52 +372,52 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props, ref5) {
             })
         }));
     };
-    if (props.onPress && props.switch === undefined && props.radioValue === undefined && props.checkbox === undefined) {
+    if (props1.onPress && props1.switch === undefined && props1.radioValue === undefined && props1.checkbox === undefined) {
         return(/*#__PURE__*/ _jsx(Touchable, {
             ref: ref5,
             className: classNames(classes.rowContent, classes.hover),
-            trackingEvent: props.trackingEvent,
-            onPress: props.onPress,
+            trackingEvent: props1.trackingEvent,
+            onPress: props1.onPress,
             role: role,
             dataAttributes: dataAttributes,
             disabled: disabled,
-            children: renderTouchableContent(props)
+            children: renderTouchableContent(props1)
         }));
     }
-    if (props.to) {
+    if (props1.to) {
         return(/*#__PURE__*/ _jsx(Touchable, {
             className: classNames(classes.rowContent, classes.hover),
-            trackingEvent: props.trackingEvent,
-            to: props.to,
-            fullPageOnWebView: props.fullPageOnWebView,
+            trackingEvent: props1.trackingEvent,
+            to: props1.to,
+            fullPageOnWebView: props1.fullPageOnWebView,
             role: role,
             dataAttributes: dataAttributes,
             disabled: disabled,
-            children: renderTouchableContent(props)
+            children: renderTouchableContent(props1)
         }));
     }
-    if (props.href) {
+    if (props1.href) {
         return(/*#__PURE__*/ _jsx(Touchable, {
             className: classNames(classes.rowContent, classes.hover),
-            trackingEvent: props.trackingEvent,
-            href: props.href,
-            newTab: props.newTab,
+            trackingEvent: props1.trackingEvent,
+            href: props1.href,
+            newTab: props1.newTab,
             role: role,
             dataAttributes: dataAttributes,
             disabled: disabled,
-            children: renderTouchableContent(props)
+            children: renderTouchableContent(props1)
         }));
     }
     var renderRowWithControl = function(Control) {
         var ref, ref2;
         var ref3, ref4;
-        var name = (ref4 = (ref3 = (ref = props.switch) === null || ref === void 0 ? void 0 : ref.name) !== null && ref3 !== void 0 ? ref3 : (ref2 = props.checkbox) === null || ref2 === void 0 ? void 0 : ref2.name) !== null && ref4 !== void 0 ? ref4 : titleId;
-        return props.onPress ? /*#__PURE__*/ _jsxs("div", {
+        var name = (ref4 = (ref3 = (ref = props1.switch) === null || ref === void 0 ? void 0 : ref.name) !== null && ref3 !== void 0 ? ref3 : (ref2 = props1.checkbox) === null || ref2 === void 0 ? void 0 : ref2.name) !== null && ref4 !== void 0 ? ref4 : titleId;
+        return props1.onPress ? /*#__PURE__*/ _jsxs("div", {
             className: classes.dualActionContainer,
             children: [
                 /*#__PURE__*/ _jsx(Touchable, {
                     disabled: disabled,
-                    onPress: props.onPress,
+                    onPress: props1.onPress,
                     role: role,
                     className: classNames(classes.dualActionLeft, classes.hover),
                     children: renderContent({
@@ -460,20 +466,20 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props, ref5) {
             })
         });
     };
-    if (props.switch) {
+    if (props1.switch) {
         return renderRowWithControl(Switch);
     }
-    if (props.checkbox) {
+    if (props1.checkbox) {
         return renderRowWithControl(Checkbox);
     }
-    if (props.radioValue) {
+    if (props1.radioValue) {
         return(/*#__PURE__*/ _jsx("div", {
             className: classNames(classes.rowContent, classes.hover),
             role: role,
             ref: ref5,
             children: /*#__PURE__*/ _jsx(RadioButton, {
                 dataAttributes: dataAttributes,
-                value: props.radioValue,
+                value: props1.radioValue,
                 "aria-labelledby": titleId,
                 render: function(radio) {
                     /*#__PURE__*/ return _jsx(Box, {
@@ -494,17 +500,16 @@ var RowContent = /*#__PURE__*/ React.forwardRef(function(props, ref5) {
         paddingX: 16,
         className: classNames(classes.rowContent, classes.hover, classes.hoverDisabled),
         role: role,
-        children: props.right ? renderContent({
+        children: props1.right ? renderContent({
             type: 'custom',
-            right: props.right
+            right: props1.right
         }) : renderContent({
             type: 'basic'
         })
     }));
 });
 export var Row = /*#__PURE__*/ React.forwardRef(function(props, ref) {
-    /*#__PURE__*/ return _jsx(RowContent, _objectSpread({
-    }, props, {
+    /*#__PURE__*/ return _jsx(RowContent, _objectSpread({}, props, {
         ref: ref
     }));
 });
@@ -520,8 +525,7 @@ export var RowList = function(param) {
                     child,
                     /*#__PURE__*/ _jsx(Box, {
                         paddingX: 16,
-                        children: /*#__PURE__*/ _jsx(Divider, {
-                        })
+                        children: /*#__PURE__*/ _jsx(Divider, {})
                     })
                 ]
             }, index);
@@ -532,8 +536,7 @@ export var BoxedRow = /*#__PURE__*/ React.forwardRef(function(props, ref) {
     /*#__PURE__*/ return _jsx(Boxed, {
         isInverse: props.isInverse,
         ref: ref,
-        children: /*#__PURE__*/ _jsx(RowContent, _objectSpread({
-        }, props))
+        children: /*#__PURE__*/ _jsx(RowContent, _objectSpread({}, props))
     });
 });
 export var BoxedRowList = function(param) {

package/dist-es/loading-bar.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { CSSTransition } from 'react-transition-group';
 import { Portal } from './portal';
 import { createUseStyles } from './jss';

package/dist-es/master-detail-layout.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import GridLayout from './grid-layout';
 import { useScreenSize } from './hooks';
 import ResponsiveLayout from './responsive-layout';
 var MasterDetailLayout = function(param) {
     var isOpen = param.isOpen, master = param.master, detail = param.detail;
-    var ref = useScreenSize(), isTabletOrSmaller = ref.isTabletOrSmaller;
+    var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
     if (isTabletOrSmaller) {
         return(/*#__PURE__*/ _jsx(ResponsiveLayout, {
             children: isOpen ? detail : master

package/dist-es/menu.js

@@ -4,6 +4,11 @@ import { ESC, TAB } from './utils/key-codes';
 import { createUseStyles } from './jss';
 import { cancelEvent } from './utils/dom';
 import Overlay from './overlay';
+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;
 }
@@ -21,12 +26,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;
         }
@@ -43,12 +50,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) {
@@ -62,11 +68,19 @@ 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 MAX_HEIGHT_DEFAULT = 416;
-var useStyles = createUseStyles(function(param) {
-    var colors = param.colors;
+var useStyles = createUseStyles(function(param1) {
+    var colors = param1.colors;
     return {
         menuContainer: {
             zIndex: 12,
@@ -116,12 +130,11 @@ var useStyles = createUseStyles(function(param) {
 });
 var Menu = function(param) {
     var renderTarget = param.renderTarget, renderMenu = param.renderMenu, width = param.width, _position = param.position, position = _position === void 0 ? 'left' : _position;
-    var ref = _slicedToArray(React.useState(false), 2), isMenuOpen = ref[0], setIsMenuOpen = ref[1];
+    var ref5 = _slicedToArray(React.useState(false), 2), isMenuOpen = ref5[0], setIsMenuOpen = ref5[1];
     var ref1 = _slicedToArray(React.useState(null), 2), target = ref1[0], setTarget = ref1[1];
     var ref2 = _slicedToArray(React.useState(null), 2), menu = ref2[0], setMenu = ref2[1];
     var ref3 = _slicedToArray(React.useState(false), 2), animateShowItems = ref3[0], setAnimateShowItems = ref3[1];
-    var ref4 = _slicedToArray(React.useState({
-    }), 2), itemsComputedProps = ref4[0], setItemsComputedProps = ref4[1];
+    var ref4 = _slicedToArray(React.useState({}), 2), itemsComputedProps = ref4[0], setItemsComputedProps = ref4[1];
     React.useEffect(function() {
         var targetRect = target === null || target === void 0 ? void 0 : target.getBoundingClientRect();
         if (!menu || !targetRect || !isMenuOpen) {
@@ -239,8 +252,7 @@ var Menu = function(param) {
                 },
                 disableScroll: true
             }) : null,
-            renderTarget(_objectSpread({
-            }, targetProps, {
+            renderTarget(_objectSpread({}, targetProps, {
                 isMenuOpen: isMenuOpen
             })),
             isMenuOpen ? renderMenu(menuProps) : null

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

@@ -1,5 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
+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;
 }
@@ -17,12 +22,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;
         }
@@ -39,12 +46,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) {
@@ -58,13 +64,20 @@ 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 ModalStateContext = /*#__PURE__*/ React.createContext({
     isModalOpen: false
 });
-var ModalStateSetterContext = /*#__PURE__*/ React.createContext(function() {
-});
+var ModalStateSetterContext = /*#__PURE__*/ React.createContext(function() {});
 var ModalContextProvider = function(param) {
     var children = param.children;
     var ref = _slicedToArray(React.useState({
@@ -72,8 +85,7 @@ var ModalContextProvider = function(param) {
     }), 2), modalState = ref[0], setModalState = ref[1];
     var updateModalState = React.useCallback(function(newState) {
         setModalState(function(prevState) {
-            return _objectSpread({
-            }, prevState, newState);
+            return _objectSpread({}, prevState, newState);
         });
     }, []);
     return(/*#__PURE__*/ _jsx(ModalStateContext.Provider, {

package/dist-es/month-field.js

@@ -22,8 +22,7 @@ function _defineProperty(obj, key, value) {
 }
 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) {
@@ -37,8 +36,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) {
@@ -53,10 +51,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++){
@@ -70,14 +66,28 @@ var ReactDateTimePicker = /*#__PURE__*/ React.lazy(function() {
     return import(/* webpackChunkName: "date-time-picker" */ './date-time-picker');
 });
 var DateField = function(_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, ["disabled", "error", "helperText", "name", "optional", "validate", "onChange", "onChangeValue", "onBlur", "value", "defaultValue", "min", "max"]);
+    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",
+        "name",
+        "optional",
+        "validate",
+        "onChange",
+        "onChangeValue",
+        "onBlur",
+        "value",
+        "defaultValue",
+        "min",
+        "max"
+    ]);
     var processValue = function(value) {
         return value;
     };
     var hasNativePicker = React.useMemo(function() {
         return isInputTypeSupported('month');
     }, []);
-    var ref = useTheme(), texts = ref.texts;
+    var texts = useTheme().texts;
     var isInRange = function(value) {
         if (min && value && value < getLocalYearMonthString(min)) {
             return false;
@@ -101,7 +111,7 @@ var DateField = function(_param) {
     };
     var fieldProps = useFieldProps({
         name: name,
-        value: value,
+        value: value1,
         defaultValue: defaultValue,
         processValue: processValue,
         helperText: helperText,
@@ -113,8 +123,7 @@ var DateField = function(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    var nativePicker = /*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({
-    }, rest, fieldProps, {
+    var nativePicker = /*#__PURE__*/ _jsx(TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         min: min ? getLocalYearMonthString(min) : undefined,
         max: max ? getLocalYearMonthString(max) : undefined,
         type: "month",
@@ -125,8 +134,7 @@ var DateField = function(_param) {
                 right: 16,
                 pointerEvents: 'none'
             },
-            children: /*#__PURE__*/ _jsx(IconCalendarRegular, {
-            })
+            children: /*#__PURE__*/ _jsx(IconCalendarRegular, {})
         })
     }));
     if (hasNativePicker || isServerSide()) {
@@ -134,8 +142,7 @@ var DateField = function(_param) {
     }
     return(/*#__PURE__*/ _jsx(React.Suspense, {
         fallback: nativePicker,
-        children: /*#__PURE__*/ _jsx(ReactDateTimePicker, _objectSpread({
-        }, rest, fieldProps, {
+        children: /*#__PURE__*/ _jsx(ReactDateTimePicker, _objectSpread({}, rest, fieldProps, {
             optional: optional,
             isValidDate: function(currentDate) {
                 return isInRange(getLocalYearMonthString(currentDate.toDate()));