@telefonica/mistica 11.2.1 → 11.3.0

package/dist/menu.js

@@ -118,8 +118,8 @@ var useStyles = (0, _jss).createUseStyles(function(param1) {
             zIndex: 12,
             margin: 0,
             padding: 0,
-            listStyleType: 'none',
-            position: 'absolute',
+            listStyleType: "none",
+            position: "absolute",
             top: function top(param) {
                 var itemsComputedProps = param.itemsComputedProps;
                 return itemsComputedProps.top;
@@ -134,34 +134,34 @@ var useStyles = (0, _jss).createUseStyles(function(param1) {
             },
             width: function width(param) {
                 var width1 = param.width;
-                return width1 !== null && width1 !== void 0 ? width1 : '100%';
+                return width1 !== null && width1 !== void 0 ? width1 : "100%";
             },
             borderRadius: 4,
-            boxShadow: '0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12)',
+            boxShadow: "0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12)",
             backgroundColor: colors.backgroundContainer,
             transformOrigin: function transformOrigin(param) {
                 var itemsComputedProps = param.itemsComputedProps;
                 return itemsComputedProps.transformOrigin;
             },
-            transition: 'opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1) .15s',
+            transition: "opacity .03s linear,transform .12s cubic-bezier(0,0,.2,1) .15s",
             opacity: function opacity(param) {
                 var animateShowItems = param.animateShowItems;
                 return animateShowItems ? 1 : 0;
             },
             transform: function transform(param) {
                 var animateShowItems = param.animateShowItems;
-                return animateShowItems ? 'scale(1)' : 'scale(0)';
+                return animateShowItems ? "scale(1)" : "scale(0)";
             },
             maxHeight: function maxHeight(param) {
                 var itemsComputedProps = param.itemsComputedProps;
                 return itemsComputedProps.maxHeight;
             },
-            overflowY: 'auto'
+            overflowY: "auto"
         }
     };
 });
 var Menu = function Menu(param) {
-    var renderTarget = param.renderTarget, renderMenu = param.renderMenu, width = param.width, _position = param.position, position = _position === void 0 ? 'left' : _position;
+    var renderTarget = param.renderTarget, renderMenu = param.renderMenu, width = param.width, _position = param.position, position = _position === void 0 ? "left" : _position;
     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];
@@ -177,36 +177,36 @@ var Menu = function Menu(param) {
         var topTarget = targetRect.top, widthTarget = targetRect.width, height = targetRect.height;
         var top = topTarget + height;
         var ref;
-        var spaceTaken = (ref = parseInt(window.getComputedStyle(menu).getPropertyValue('height'))) !== null && ref !== void 0 ? ref : 0;
-        var rightDirection = position === 'left' ? 'auto' : "calc(100% - ".concat(widthTarget, "px)");
+        var spaceTaken = (ref = parseInt(window.getComputedStyle(menu).getPropertyValue("height"))) !== null && ref !== void 0 ? ref : 0;
+        var rightDirection = position === "left" ? "auto" : "calc(100% - ".concat(widthTarget, "px)");
         // if it doesn't fit on bottom
         if (top + spaceTaken + MARGIN_THRESHOLD > window.innerHeight) {
             var availableSpaceBottom = window.innerHeight - top;
             if (topTarget /* this is the available space on top */  > availableSpaceBottom) {
                 setItemsComputedProps({
                     right: rightDirection,
-                    bottom: '100%',
-                    top: 'auto',
+                    bottom: "100%",
+                    top: "auto",
                     maxHeight: Math.min(topTarget, MAX_HEIGHT_DEFAULT),
-                    transformOrigin: 'center bottom'
+                    transformOrigin: "center bottom"
                 });
             } else {
                 setItemsComputedProps({
-                    top: '100%',
-                    bottom: 'auto',
+                    top: "100%",
+                    bottom: "auto",
                     right: rightDirection,
                     maxHeight: Math.min(window.innerHeight - top - MARGIN_THRESHOLD, MAX_HEIGHT_DEFAULT),
-                    transformOrigin: 'center top'
+                    transformOrigin: "center top"
                 });
             }
         } else {
             // if it fits on bottom
             setItemsComputedProps({
-                top: '100%',
-                bottom: 'auto',
+                top: "100%",
+                bottom: "auto",
                 right: rightDirection,
                 maxHeight: Math.min(window.innerHeight - top - MARGIN_THRESHOLD, MAX_HEIGHT_DEFAULT),
-                transformOrigin: 'center top'
+                transformOrigin: "center top"
             });
         }
         var requestAnimationFrameId;
@@ -267,14 +267,14 @@ var Menu = function Menu(param) {
                 }
             }
         };
-        document.addEventListener('keydown', handleKeyDown, false);
+        document.addEventListener("keydown", handleKeyDown, false);
         return function() {
-            document.removeEventListener('keydown', handleKeyDown, false);
+            document.removeEventListener("keydown", handleKeyDown, false);
         };
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
         style: {
-            position: 'relative'
+            position: "relative"
         },
         children: [
             isMenuOpen ? /*#__PURE__*/ (0, _jsxRuntime).jsx(_overlay.default, {
@@ -289,7 +289,7 @@ var Menu = function Menu(param) {
             })),
             isMenuOpen ? renderMenu(menuProps) : null
         ]
-    }));
+    });
 };
 var _default = Menu;
 exports.default = _default;

package/dist/modal-context-provider.js

@@ -115,13 +115,13 @@ var ModalContextProvider = function ModalContextProvider(param) {
             return _objectSpread({}, prevState, newState);
         });
     }, []);
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(ModalStateContext.Provider, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(ModalStateContext.Provider, {
         value: modalState,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(ModalStateSetterContext.Provider, {
             value: updateModalState,
             children: children
         })
-    }));
+    });
 };
 var useSetModalState = function useSetModalState() {
     return React.useContext(ModalStateSetterContext);

package/dist/month-field.js

@@ -96,7 +96,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 }
 var ReactDateTimePicker = /*#__PURE__*/ React.lazy(function() {
     return Promise.resolve().then(function() {
-        return _interopRequireWildcard(require(/* webpackChunkName: "date-time-picker" */ './date-time-picker'));
+        return _interopRequireWildcard(require(/* webpackChunkName: "date-time-picker" */ "./date-time-picker"));
     });
 });
 var DateField = function DateField(_param) {
@@ -119,7 +119,7 @@ var DateField = function DateField(_param) {
         return value;
     };
     var hasNativePicker = React.useMemo(function() {
-        return (0, _dom).isInputTypeSupported('month');
+        return (0, _dom).isInputTypeSupported("month");
     }, []);
     var texts = (0, _hooks).useTheme().texts;
     var isInRange = function isInRange(value) {
@@ -163,10 +163,10 @@ var DateField = function DateField(_param) {
         type: "month",
         endIconOverlay: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
             style: {
-                position: 'absolute',
+                position: "absolute",
                 top: 16,
                 right: 16,
-                pointerEvents: 'none'
+                pointerEvents: "none"
             },
             children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconCalendarRegular.default, {})
         })
@@ -174,7 +174,7 @@ var DateField = function DateField(_param) {
     if (hasNativePicker || (0, _environment).isServerSide()) {
         return nativePicker;
     }
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(React.Suspense, {
+    return /*#__PURE__*/ (0, _jsxRuntime).jsx(React.Suspense, {
         fallback: nativePicker,
         children: /*#__PURE__*/ (0, _jsxRuntime).jsx(ReactDateTimePicker, _objectSpread({}, rest, fieldProps, {
             optional: optional,
@@ -183,7 +183,7 @@ var DateField = function DateField(_param) {
             },
             mode: "year-month"
         }))
-    }));
+    });
 };
 var _default = DateField;
 exports.default = _default;