@telefonica/mistica 11.1.0 → 11.3.0

package/dist-es/menu.js

@@ -1,9 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-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];
@@ -78,6 +72,12 @@ function _unsupportedIterableToArray(o, minLen) {
     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);
 }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ESC, TAB } from "./utils/key-codes";
+import { createUseStyles } from "./jss";
+import { cancelEvent } from "./utils/dom";
+import Overlay from "./overlay";
 var MAX_HEIGHT_DEFAULT = 416;
 var useStyles = createUseStyles(function(param1) {
     var colors = param1.colors;
@@ -86,8 +86,8 @@ var useStyles = createUseStyles(function(param1) {
             zIndex: 12,
             margin: 0,
             padding: 0,
-            listStyleType: 'none',
-            position: 'absolute',
+            listStyleType: "none",
+            position: "absolute",
             top: function(param) {
                 var itemsComputedProps = param.itemsComputedProps;
                 return itemsComputedProps.top;
@@ -102,34 +102,34 @@ var useStyles = createUseStyles(function(param1) {
             },
             width: function(param) {
                 var width = param.width;
-                return width !== null && width !== void 0 ? width : '100%';
+                return width !== null && width !== void 0 ? width : "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(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(param) {
                 var animateShowItems = param.animateShowItems;
                 return animateShowItems ? 1 : 0;
             },
             transform: function(param) {
                 var animateShowItems = param.animateShowItems;
-                return animateShowItems ? 'scale(1)' : 'scale(0)';
+                return animateShowItems ? "scale(1)" : "scale(0)";
             },
             maxHeight: function(param) {
                 var itemsComputedProps = param.itemsComputedProps;
                 return itemsComputedProps.maxHeight;
             },
-            overflowY: 'auto'
+            overflowY: "auto"
         }
     };
 });
 var Menu = function(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];
@@ -145,36 +145,36 @@ var Menu = function(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;
@@ -235,14 +235,14 @@ var Menu = function(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__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         style: {
-            position: 'relative'
+            position: "relative"
         },
         children: [
             isMenuOpen ? /*#__PURE__*/ _jsx(Overlay, {
@@ -257,6 +257,6 @@ var Menu = function(param) {
             })),
             isMenuOpen ? renderMenu(menuProps) : null
         ]
-    }));
+    });
 };
 export default Menu;

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

@@ -1,5 +1,3 @@
-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];
@@ -74,6 +72,8 @@ function _unsupportedIterableToArray(o, minLen) {
     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);
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
 var ModalStateContext = /*#__PURE__*/ React.createContext({
     isModalOpen: false
 });
@@ -88,13 +88,13 @@ var ModalContextProvider = function(param) {
             return _objectSpread({}, prevState, newState);
         });
     }, []);
-    return(/*#__PURE__*/ _jsx(ModalStateContext.Provider, {
+    return /*#__PURE__*/ _jsx(ModalStateContext.Provider, {
         value: modalState,
         children: /*#__PURE__*/ _jsx(ModalStateSetterContext.Provider, {
             value: updateModalState,
             children: children
         })
-    }));
+    });
 };
 export var useSetModalState = function() {
     return React.useContext(ModalStateSetterContext);

package/dist-es/month-field.js

@@ -1,12 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useFieldProps } from './form-context';
-import { TextFieldBaseAutosuggest } from './text-field-base';
-import { isInputTypeSupported } from './utils/dom';
-import { isServerSide } from './utils/environment';
-import IconCalendarRegular from './generated/mistica-icons/icon-calendar-regular';
-import { getLocalYearMonthString } from './utils/time';
-import { useTheme } from './hooks';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -62,8 +53,17 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useFieldProps } from "./form-context";
+import { TextFieldBaseAutosuggest } from "./text-field-base";
+import { isInputTypeSupported } from "./utils/dom";
+import { isServerSide } from "./utils/environment";
+import IconCalendarRegular from "./generated/mistica-icons/icon-calendar-regular";
+import { getLocalYearMonthString } from "./utils/time";
+import { useTheme } from "./hooks";
 var ReactDateTimePicker = /*#__PURE__*/ React.lazy(function() {
-    return import(/* webpackChunkName: "date-time-picker" */ './date-time-picker');
+    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, value1 = _param.value, defaultValue = _param.defaultValue, min = _param.min, max = _param.max, rest = _objectWithoutProperties(_param, [
@@ -85,7 +85,7 @@ var DateField = function(_param) {
         return value;
     };
     var hasNativePicker = React.useMemo(function() {
-        return isInputTypeSupported('month');
+        return isInputTypeSupported("month");
     }, []);
     var texts = useTheme().texts;
     var isInRange = function(value) {
@@ -129,10 +129,10 @@ var DateField = function(_param) {
         type: "month",
         endIconOverlay: /*#__PURE__*/ _jsx("div", {
             style: {
-                position: 'absolute',
+                position: "absolute",
                 top: 16,
                 right: 16,
-                pointerEvents: 'none'
+                pointerEvents: "none"
             },
             children: /*#__PURE__*/ _jsx(IconCalendarRegular, {})
         })
@@ -140,7 +140,7 @@ var DateField = function(_param) {
     if (hasNativePicker || isServerSide()) {
         return nativePicker;
     }
-    return(/*#__PURE__*/ _jsx(React.Suspense, {
+    return /*#__PURE__*/ _jsx(React.Suspense, {
         fallback: nativePicker,
         children: /*#__PURE__*/ _jsx(ReactDateTimePicker, _objectSpread({}, rest, fieldProps, {
             optional: optional,
@@ -149,6 +149,6 @@ var DateField = function(_param) {
             },
             mode: "year-month"
         }))
-    }));
+    });
 };
 export default DateField;