@telefonica/mistica 12.8.0 → 12.9.1

package/dist/popover.js

@@ -2,42 +2,65 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.default = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var React = _interopRequireWildcard(require("react"));
-var _jss = require("./jss");
-var _iconCloseRegular = _interopRequireDefault(require("./generated/mistica-icons/icon-close-regular"));
-var _iconButton = _interopRequireDefault(require("./icon-button"));
-var _hooks = require("./hooks");
-var _stack = _interopRequireDefault(require("./stack"));
-var _box = _interopRequireDefault(require("./box"));
-var _inline = _interopRequireDefault(require("./inline"));
-var _text = require("./text");
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return st;
+    }
+});
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _jssJs = require("./jss.js");
+var _iconCloseRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-close-regular.js"));
+var _iconButtonJs = /*#__PURE__*/ _interopRequireDefault(require("./icon-button.js"));
+var _hooksJs = require("./hooks.js");
+var _stackJs = /*#__PURE__*/ _interopRequireDefault(require("./stack.js"));
+var _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
+var _inlineJs = /*#__PURE__*/ _interopRequireDefault(require("./inline.js"));
+var _textJs = require("./text.js");
+var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function _interopRequireWildcard(obj) {
-    if (obj && obj.__esModule) {
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && 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];
-                    }
-                }
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
             }
         }
-        newObj.default = obj;
-        return newObj;
     }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
 }
 function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -88,8 +111,8 @@ function _nonIterableRest() {
     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] : {};
+    for(var i = 1; i < arguments.length; 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) {
@@ -99,8 +122,7 @@ function _objectSpread(target) {
         ownKeys.forEach(function(key) {
             _defineProperty(target, key, source[key]);
         });
-    };
-    for(var i = 1; i < arguments.length; i++)_loop(i);
+    }
     return target;
 }
 function _slicedToArray(arr, i) {
@@ -114,39 +136,29 @@ 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);
 }
-// Zeplin definition:
-// https://app.zeplin.io/project/5c9b6f097168bc065782b5c3/screen/5d15d87e46571573089f2863
-var defaultPositionDesktop = "bottom";
-var defaultPositionMobile = "top";
-var arrowSize = 12;
-var distanceToTarget = 8 + arrowSize;
-var marginLeftRightMobile = 16;
-var maxWidthDesktop = 488;
-var arrowWrapperWidth = arrowSize * 2;
-var arrowWrapperHeight = arrowSize;
-var useStyles = (0, _jss).createUseStyles(function(theme) {
-    var shadowAlpha = theme.isDarkMode ? 1 : 0.2;
+var j = "bottom", P = "top", d = 12, p = 8 + d, m = 16, X = 488, O = d * 2, U = d, q = (0, _jssJs.createUseStyles)(function(t) {
+    var o = t.isDarkMode ? 1 : 0.2;
     return {
         arrow: {
             position: "absolute",
-            backgroundColor: theme.colors.backgroundContainer,
-            width: arrowSize,
-            height: arrowSize,
+            backgroundColor: t.colors.backgroundContainer,
+            width: d,
+            height: d,
             top: 0,
             left: "50%",
             transform: "translate(-50%, -50%) rotate(45deg)",
-            border: "1px solid ".concat(theme.colors.border),
+            border: "1px solid ".concat(t.colors.border),
             borderRadius: 2,
             boxShadow: function boxShadow(param) {
-                var position = param.position;
-                return position === "bottom" ? "initial" : "0 0 4px 0 rgba(0, 0, 0, ".concat(shadowAlpha, ")");
+                var e = param.position;
+                return e === "bottom" ? "initial" : "0 0 4px 0 rgba(0, 0, 0, ".concat(o, ")");
             }
         },
         arrowWrapper: {
             position: "absolute",
-            color: theme.colors.backgroundContainer,
-            width: arrowWrapperWidth,
-            height: arrowWrapperHeight,
+            color: t.colors.backgroundContainer,
+            width: O,
+            height: U,
             overflow: "hidden"
         },
         wrapper: {
@@ -156,9 +168,9 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             position: "absolute",
             width: "auto",
             zIndex: 9,
-            boxShadow: "0 2px 4px 0 rgba(0, 0, 0, ".concat(shadowAlpha, ")"),
-            backgroundColor: theme.colors.backgroundContainer,
-            border: "1px solid ".concat(theme.colors.border),
+            boxShadow: "0 2px 4px 0 rgba(0, 0, 0, ".concat(o, ")"),
+            backgroundColor: t.colors.backgroundContainer,
+            border: "1px solid ".concat(t.colors.border),
             borderRadius: 8
         },
         textAlign: {
@@ -181,44 +193,38 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             zIndex: 1
         }
     };
-});
-var getWidthDesktop = function getWidthDesktop(customWidth) {
-    return customWidth ? customWidth : maxWidthDesktop;
-};
-var getPosition = function getPosition() {
-    var position = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : defaultPositionDesktop, isTabletOrSmaller = arguments.length > 1 ? arguments[1] : void 0;
-    return isTabletOrSmaller && (position === "left" || position === "right") ? defaultPositionMobile : position;
-};
-var getWidth = function getWidth(isTabletOrSmaller, isIos, width) {
-    return isTabletOrSmaller ? (isIos ? window.screen.width : window.innerWidth) - marginLeftRightMobile * 2 : getWidthDesktop(width);
-};
-var getPositionStyles = function getPositionStyles(position, width, targetPosition, isTabletOrSmaller) {
-    var containerStylesByPos = {
+}), F = function F(t) {
+    return t || X;
+}, G = function G() {
+    var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : j, o = arguments.length > 1 ? arguments[1] : void 0;
+    return o && (t === "left" || t === "right") ? P : t;
+}, J = function J(t, o, e) {
+    return t ? (o ? window.screen.width : window.innerWidth) - m * 2 : F(e);
+}, K = function K(t, o, e, s) {
+    var l = {
         right: {
-            left: targetPosition.width + distanceToTarget,
-            top: targetPosition.height / 2,
+            left: e.width + p,
+            top: e.height / 2,
             transform: "translateY(-50%)",
             WebkitTransform: "translateY(-50%)"
         },
         left: {
-            left: targetPosition.left - width - distanceToTarget,
-            top: targetPosition.height / 2,
+            left: e.left - o - p,
+            top: e.height / 2,
             transform: "translateY(-50%)",
             WebkitTransform: "translateY(-50%)"
         },
         top: {
             transform: "translateY(-100%)",
             WebkitTransform: "translateY(-100%)",
-            top: -distanceToTarget,
-            left: isTabletOrSmaller ? marginLeftRightMobile - targetPosition.parentLeft : Math.max(targetPosition.width / 2 - width / 2, 0)
+            top: -p,
+            left: s ? m - e.parentLeft : Math.max(e.width / 2 - o / 2, 0)
         },
         bottom: {
-            top: targetPosition.height + distanceToTarget,
-            left: isTabletOrSmaller ? marginLeftRightMobile - targetPosition.parentLeft : Math.max(targetPosition.width / 2 - width / 2, 0)
+            top: e.height + p,
+            left: s ? m - e.parentLeft : Math.max(e.width / 2 - o / 2, 0)
         }
-    };
-    var containerStyles = containerStylesByPos[position];
-    var arrowStylesByPos = {
+    }[t], f = {
         right: {
             right: "100%",
             top: "50%",
@@ -233,100 +239,86 @@ var getPositionStyles = function getPositionStyles(position, width, targetPositi
         },
         top: {
             top: "100%",
-            left: containerStyles.left === 0 ? targetPosition.width / 2 : "50%",
+            left: l.left === 0 ? e.width / 2 : "50%",
             transform: "translateX(-50%)"
         },
         bottom: {
             bottom: "100%",
-            left: containerStyles.left === 0 ? targetPosition.width / 2 : "50%",
+            left: l.left === 0 ? e.width / 2 : "50%",
             transform: "translateX(-50%) rotate(180deg)"
         }
+    }[t];
+    return s && (f.left = e.parentLeft + e.width / 2 - m), {
+        containerStyles: l,
+        arrowStyles: f
     };
-    var arrowStyles = arrowStylesByPos[position];
-    if (isTabletOrSmaller) {
-        arrowStyles.left = targetPosition.parentLeft + targetPosition.width / 2 - marginLeftRightMobile;
-    }
-    return {
-        containerStyles: containerStyles,
-        arrowStyles: arrowStyles
-    };
-};
-var getTargetPosition = function getTargetPosition(targetWrapper) {
-    return targetWrapper ? {
-        left: targetWrapper.offsetLeft,
-        top: targetWrapper.offsetTop,
-        width: targetWrapper.offsetWidth,
-        height: targetWrapper.offsetHeight,
-        // @ts-expect-error - parentNode must exist
-        parentLeft: targetWrapper.parentNode.offsetLeft
+}, B = function B(t) {
+    return t ? {
+        left: t.offsetLeft,
+        top: t.offsetTop,
+        width: t.offsetWidth,
+        height: t.offsetHeight,
+        parentLeft: t.parentNode.offsetLeft
     } : null;
-};
-var Popover = function Popover(param) {
-    var description = param.description, title = param.title, onClose = param.onClose, trackingEvent = param.trackingEvent, position = param.position, width = param.width, target = param.target, asset = param.asset, _isVisible = param.isVisible, isVisible = _isVisible === void 0 ? true : _isVisible, extra = param.extra;
-    var ref = (0, _hooks).useTheme(), texts = ref.texts, colors = ref.colors, isIos = ref.isIos;
-    var isTabletOrSmaller = (0, _hooks).useScreenSize().isTabletOrSmaller;
-    var ref1 = _slicedToArray(React.useState(null), 2), targetPosition = ref1[0], setTargetPosition = ref1[1];
-    var targetWrapperRef = React.useRef(null);
-    position = getPosition(position, isTabletOrSmaller);
-    var innerWidth = getWidth(isTabletOrSmaller, isIos, width);
-    var classes = useStyles({
-        position: position
+}, st = function st(param) {
+    var t = param.description, o = param.title, e = param.onClose, s = param.trackingEvent, a = param.position, l = param.width, b = param.target, f = param.asset, tmp = param.isVisible, x = tmp === void 0 ? !0 : tmp, I = param.extra;
+    var ref = (0, _hooksJs.useTheme)(), L = ref.texts, y = ref.colors, N = ref.isIos, ref1 = (0, _hooksJs.useScreenSize)(), u = ref1.isTabletOrSmaller, ref2 = _slicedToArray(_react.useState(null), 2), S = ref2[0], k = ref2[1], w = _react.useRef(null);
+    a = G(a, u);
+    var v = J(u, N, l), n = q({
+        position: a
     });
-    React.useEffect(function() {
-        var handleResize = function handleResize() {
-            setTargetPosition(getTargetPosition(targetWrapperRef.current));
+    _react.useEffect(function() {
+        var i = function i() {
+            k(B(w.current));
         };
-        handleResize();
-        window.addEventListener("resize", handleResize);
-        return function() {
-            window.removeEventListener("resize", handleResize);
+        return i(), window.addEventListener("resize", i), function() {
+            window.removeEventListener("resize", i);
         };
-    }, []);
-    React.useEffect(function() {
-        setTargetPosition(getTargetPosition(targetWrapperRef.current));
+    }, []), _react.useEffect(function() {
+        k(B(w.current));
     }, [
-        isVisible
+        x
     ]);
-    var popoverContainer = null;
-    if (isVisible && targetPosition) {
-        var ref2 = getPositionStyles(position, innerWidth, targetPosition, isTabletOrSmaller), containerStyles = ref2.containerStyles, arrowStyles = ref2.arrowStyles;
-        popoverContainer = /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
-            className: classes.container,
+    var T = null;
+    if (x && S) {
+        var ref3 = K(a, v, S, u), i = ref3.containerStyles, R = ref3.arrowStyles;
+        T = /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
+            className: n.container,
             style: _objectSpread({
-                width: innerWidth
-            }, containerStyles),
+                width: v
+            }, i),
             children: [
-                /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                    className: classes.arrowWrapper,
-                    style: arrowStyles,
-                    children: /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                        className: classes.arrow
+                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                    className: n.arrowWrapper,
+                    style: R,
+                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                        className: n.arrow
                     })
                 }),
-                /*#__PURE__*/ (0, _jsxRuntime).jsxs(_box.default, {
+                /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_boxJs.default, {
                     padding: 16,
                     children: [
-                        /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
+                        /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
                             paddingRight: 24,
-                            className: classes.boxContent,
-                            children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(_inline.default, {
+                            className: n.boxContent,
+                            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_inlineJs.default, {
                                 space: 16,
                                 children: [
-                                    asset,
-                                    /*#__PURE__*/ (0, _jsxRuntime).jsx(_box.default, {
-                                        className: classes.textAlign,
-                                        children: /*#__PURE__*/ (0, _jsxRuntime).jsxs(_stack.default, {
+                                    f,
+                                    /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+                                        className: n.textAlign,
+                                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_stackJs.default, {
                                             space: 4,
-                                            className: classes.textContent,
+                                            className: n.textContent,
                                             children: [
-                                                title && /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text3, {
-                                                    regular: true,
-                                                    children: title
+                                                o && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
+                                                    regular: !0,
+                                                    children: o
                                                 }),
-                                                /*#__PURE__*/ (0, _jsxRuntime).jsx(_text.Text2, {
-                                                    regular: true,
-                                                    color: colors.textSecondary,
-                                                    children: description
+                                                /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+                                                    regular: !0,
+                                                    color: y.textSecondary,
+                                                    children: t
                                                 })
                                             ]
                                         })
@@ -334,34 +326,31 @@ var Popover = function Popover(param) {
                                 ]
                             })
                         }),
-                        /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconButton.default, {
-                            className: classes.closeButtonIcon,
-                            onPress: function onPress(e) {
-                                onClose === null || onClose === void 0 ? void 0 : onClose();
-                                e.stopPropagation();
+                        /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconButtonJs.default, {
+                            className: n.closeButtonIcon,
+                            onPress: function onPress(W) {
+                                e == null || e(), W.stopPropagation();
                             },
-                            trackingEvent: trackingEvent,
-                            "aria-label": texts.modalClose,
-                            children: /*#__PURE__*/ (0, _jsxRuntime).jsx(_iconCloseRegular.default, {
-                                color: colors.neutralHigh
+                            trackingEvent: s,
+                            "aria-label": L.modalClose,
+                            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_iconCloseRegularJs.default, {
+                                color: y.neutralHigh
                             })
                         }),
-                        extra
+                        I
                     ]
                 })
             ]
         });
     }
-    return /*#__PURE__*/ (0, _jsxRuntime).jsxs("div", {
-        className: classes.wrapper,
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
+        className: n.wrapper,
         children: [
-            /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
-                ref: targetWrapperRef,
-                children: target
+            /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                ref: w,
+                children: b
             }),
-            popoverContainer
+            T
         ]
     });
 };
-var _default = Popover;
-exports.default = _default;

package/dist/portal.js

@@ -2,34 +2,57 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.Portal = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
+Object.defineProperty(exports, "Portal", {
+    enumerable: true,
+    get: function() {
+        return f;
+    }
+});
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _reactDom = /*#__PURE__*/ _interopRequireDefault(require("react-dom"));
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function _interopRequireWildcard(obj) {
-    if (obj && obj.__esModule) {
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && 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];
-                    }
-                }
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
             }
         }
-        newObj.default = obj;
-        return newObj;
     }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
 }
 function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -77,36 +100,25 @@ 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);
 }
-var Portal = function Portal(param) {
-    var children = param.children, className = param.className;
-    var ref = _slicedToArray(React.useState(null), 2), container = ref[0], setContainer = ref[1];
-    React.useEffect(function() {
-        if (!container) {
-            var newContainer = document.createElement("div");
-            setContainer(newContainer);
-            document.body.appendChild(newContainer);
+var f = function f(param) {
+    var n = param.children, e = param.className;
+    var ref = _slicedToArray(_react.useState(null), 2), t = ref[0], i = ref[1];
+    return _react.useEffect(function() {
+        if (!t) {
+            var r = document.createElement("div");
+            i(r), document.body.appendChild(r);
         }
         return function() {
-            if (container) {
-                document.body.removeChild(container);
-            }
+            t && document.body.removeChild(t);
         };
     }, [
-        container
-    ]);
-    React.useEffect(function() {
-        if (container && className) {
-            container.classList.add(className);
-        }
-        return function() {
-            if (container && className) {
-                container.classList.remove(className);
-            }
+        t
+    ]), _react.useEffect(function() {
+        return t && e && t.classList.add(e), function() {
+            t && e && t.classList.remove(e);
         };
     }, [
-        className,
-        container
-    ]);
-    return container && /*#__PURE__*/ _reactDom.default.createPortal(children, container);
+        e,
+        t
+    ]), t && /*#__PURE__*/ _reactDom.default.createPortal(n, t);
 };
-exports.Portal = Portal;