@salutejs/plasma-core 1.226.1-next-sbcom.0 → 1.227.0-dev.0

package/components/Popup/Popup.js

@@ -16,31 +16,10 @@ _export(exports, {
         return getPlacement;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _reactpopper = require("react-popper");
-var _hooks = require("../../hooks");
-function _array_like_to_array(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 _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _reactpopper = require("react-popper");
+const _hooks = require("../../hooks");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -87,165 +66,32 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(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 _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    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 _object_spread(target) {
-    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) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_array(arr) {
-    return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(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 _array_like_to_array(o, minLen);
-}
-var StyledRoot = _styledcomponents.default.div.withConfig({
+const StyledRoot = _styledcomponents.default.div.withConfig({
     displayName: "Popup__StyledRoot",
     componentId: "sc-7a6b6e85-0"
 })([
-    "position:relative;box-sizing:border-box;display:inline-flex;"
+    `position:relative;box-sizing:border-box;display:inline-flex;`
 ]);
-var StyledPopup = _styledcomponents.default.div.withConfig({
+const StyledPopup = _styledcomponents.default.div.withConfig({
     displayName: "Popup__StyledPopup",
     componentId: "sc-7a6b6e85-1"
 })([
-    "position:absolute;z-index:1;padding:var(--plasma-popup-padding);margin:var(--plasma-popup-margin);width:var(--plasma-popup-width);"
+    `position:absolute;z-index:1;padding:var(--plasma-popup-padding);margin:var(--plasma-popup-margin);width:var(--plasma-popup-width);`
 ]);
-var getPlacement = function getPlacement(placement) {
-    return "".concat(placement, "-start");
+const getPlacement = (placement)=>{
+    return `${placement}-start`;
 };
-var getAutoPlacements = function getAutoPlacements(placements) {
-    return (placements || []).map(function(placement) {
-        return getPlacement(placement);
-    });
+const getAutoPlacements = (placements)=>{
+    return (placements || []).map((placement)=>getPlacement(placement));
 };
-var Popup = /*#__PURE__*/ (0, _react.memo)(/*#__PURE__*/ _react.default.forwardRef(function(_0, _1) {
-    var _ref = [
-        _0,
-        _1
-    ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), disclosure = _ref2.disclosure, children = _ref2.children, isOpen = _ref2.isOpen, opened = _ref2.opened, trigger = _ref2.trigger, _ref_placement = _ref2.placement, placement = _ref_placement === void 0 ? 'auto' : _ref_placement, onToggle = _ref2.onToggle, rest = _object_without_properties(_ref2, [
-        "disclosure",
-        "children",
-        "isOpen",
-        "opened",
-        "trigger",
-        "placement",
-        "onToggle"
-    ]), _rest1 = _sliced_to_array(_rest, 1), outerRootRef = _rest1[0];
-    var innerIsOpen = Boolean(isOpen || opened);
-    var rootRef = (0, _react.useRef)(null);
-    var popupRef = (0, _react.useRef)(null);
-    var handleRef = (0, _hooks.useForkRef)(rootRef, outerRootRef);
-    var isAutoArray = Array.isArray(placement);
-    var isAuto = isAutoArray || placement === 'auto';
-    var _usePopper = (0, _reactpopper.usePopper)(rootRef.current, popupRef.current, {
+const Popup = /*#__PURE__*/ (0, _react.memo)(/*#__PURE__*/ _react.default.forwardRef(({ disclosure, children, isOpen, opened, trigger, placement = 'auto', onToggle, ...rest }, outerRootRef)=>{
+    const innerIsOpen = Boolean(isOpen || opened);
+    const rootRef = (0, _react.useRef)(null);
+    const popupRef = (0, _react.useRef)(null);
+    const handleRef = (0, _hooks.useForkRef)(rootRef, outerRootRef);
+    const isAutoArray = Array.isArray(placement);
+    const isAuto = isAutoArray || placement === 'auto';
+    const { styles, attributes, forceUpdate } = (0, _reactpopper.usePopper)(rootRef.current, popupRef.current, {
         placement: getPlacement(isAutoArray ? 'auto' : placement),
         modifiers: [
             {
@@ -256,24 +102,22 @@ var Popup = /*#__PURE__*/ (0, _react.memo)(/*#__PURE__*/ _react.default.forwardR
                 }
             }
         ]
-    }), styles = _usePopper.styles, attributes = _usePopper.attributes, forceUpdate = _usePopper.forceUpdate;
-    var onDocumentClick = (0, _react.useCallback)(function(event) {
-        var _rootRef_current;
-        var targetIsRoot = event.target === rootRef.current;
-        var rootHasTarget = (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.contains(event.target);
+    });
+    const onDocumentClick = (0, _react.useCallback)((event)=>{
+        const targetIsRoot = event.target === rootRef.current;
+        const rootHasTarget = rootRef.current?.contains(event.target);
         if (!targetIsRoot && !rootHasTarget) {
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle(false, event);
+            onToggle?.(false, event);
         }
     }, [
         onToggle
     ]);
-    var onClick = (0, _react.useCallback)(function(event) {
+    const onClick = (0, _react.useCallback)((event)=>{
         if (trigger === 'click') {
-            var _popupRef_current;
-            var targetIsPopup = event.target === popupRef.current;
-            var rootHasTarget = (_popupRef_current = popupRef.current) === null || _popupRef_current === void 0 ? void 0 : _popupRef_current.contains(event.target);
+            const targetIsPopup = event.target === popupRef.current;
+            const rootHasTarget = popupRef.current?.contains(event.target);
             if (!targetIsPopup && !rootHasTarget) {
-                onToggle === null || onToggle === void 0 ? void 0 : onToggle(!innerIsOpen, event);
+                onToggle?.(!innerIsOpen, event);
             }
         }
     }, [
@@ -281,45 +125,43 @@ var Popup = /*#__PURE__*/ (0, _react.memo)(/*#__PURE__*/ _react.default.forwardR
         innerIsOpen,
         onToggle
     ]);
-    var onMouseEnter = (0, _react.useCallback)(function(event) {
+    const onMouseEnter = (0, _react.useCallback)((event)=>{
         if (trigger === 'hover') {
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle(true, event);
+            onToggle?.(true, event);
         }
     }, [
         trigger,
         onToggle
     ]);
-    var onMouseLeave = (0, _react.useCallback)(function(event) {
+    const onMouseLeave = (0, _react.useCallback)((event)=>{
         if (trigger === 'hover') {
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle(false, event);
+            onToggle?.(false, event);
         }
     }, [
         trigger,
         onToggle
     ]);
-    var onFocus = (0, _react.useCallback)(function(event) {
+    const onFocus = (0, _react.useCallback)((event)=>{
         if (trigger === 'hover') {
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle(true, event);
+            onToggle?.(true, event);
         }
     }, [
         trigger,
         onToggle
     ]);
-    var onBlur = (0, _react.useCallback)(function(event) {
+    const onBlur = (0, _react.useCallback)((event)=>{
         if (trigger === 'hover') {
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle(false, event);
+            onToggle?.(false, event);
         }
     }, [
         trigger,
         onToggle
     ]);
-    (0, _react.useEffect)(function() {
+    (0, _react.useEffect)(()=>{
         document.addEventListener('click', onDocumentClick);
-        return function() {
-            return document.removeEventListener('click', onDocumentClick);
-        };
+        return ()=>document.removeEventListener('click', onDocumentClick);
     }, []);
-    (0, _react.useEffect)(function() {
+    (0, _react.useEffect)(()=>{
         if (!innerIsOpen || !forceUpdate) {
             return;
         }
@@ -333,17 +175,22 @@ var Popup = /*#__PURE__*/ (0, _react.memo)(/*#__PURE__*/ _react.default.forwardR
         innerIsOpen,
         forceUpdate
     ]);
-    return /*#__PURE__*/ _react.default.createElement(StyledRoot, _object_spread({
+    return /*#__PURE__*/ _react.default.createElement(StyledRoot, {
         ref: handleRef,
         onClick: onClick,
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
         onFocus: onFocus,
-        onBlur: onBlur
-    }, rest), disclosure, children && /*#__PURE__*/ _react.default.createElement(StyledPopup, _object_spread_props(_object_spread({}, attributes.popper), {
+        onBlur: onBlur,
+        ...rest
+    }, disclosure, children && /*#__PURE__*/ _react.default.createElement(StyledPopup, {
+        ...attributes.popper,
         ref: popupRef,
-        style: _object_spread({}, styles.popper, {
-            display: innerIsOpen ? 'block' : 'none'
-        })
-    }), children));
+        style: {
+            ...styles.popper,
+            ...{
+                display: innerIsOpen ? 'block' : 'none'
+            }
+        }
+    }, children));
 }));

package/components/Popup/index.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "Popup", {
         return _Popup.Popup;
     }
 });
-var _Popup = require("./Popup");
+const _Popup = require("./Popup");

package/components/PopupBase/PopupBase.js

@@ -16,35 +16,14 @@ _export(exports, {
         return getClassName;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _reactdom = /*#__PURE__*/ _interop_require_default(require("react-dom"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _hooks = require("../../hooks");
-var _PopupBaseContext = require("./PopupBaseContext");
-var _PopupBaseRoot = require("./PopupBaseRoot");
-var _hooks1 = require("./hooks");
-var _utils = require("./utils");
-function _array_like_to_array(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 _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactdom = /*#__PURE__*/ _interop_require_default(require("react-dom"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _hooks = require("../../hooks");
+const _PopupBaseContext = require("./PopupBaseContext");
+const _PopupBaseRoot = require("./PopupBaseRoot");
+const _hooks1 = require("./hooks");
+const _utils = require("./utils");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -91,153 +70,40 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(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 _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    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 _object_spread(target) {
-    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) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_array(arr) {
-    return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(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 _array_like_to_array(o, minLen);
-}
-var StyledPortal = _styledcomponents.default.div.withConfig({
+const StyledPortal = _styledcomponents.default.div.withConfig({
     displayName: "PopupBase__StyledPortal",
     componentId: "sc-548d9538-0"
 })([
-    ""
+    ``
 ]);
-var getClassName = function getClassName(animationInfo, className) {
-    var endAnimation = (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? _utils.endAnimationClass : '';
-    var endTransition = (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? _utils.endTransitionClass : '';
+const getClassName = (animationInfo, className)=>{
+    const endAnimation = animationInfo?.endAnimation ? _utils.endAnimationClass : '';
+    const endTransition = animationInfo?.endTransition ? _utils.endTransitionClass : '';
     return [
         className,
         endAnimation,
         endTransition
     ].filter(Boolean).join(' ');
 };
-var PopupBase = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
-    var _ref = [
-        _0,
-        _1
-    ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), id = _ref2.id, isOpen = _ref2.isOpen, opened = _ref2.opened, _ref_placement = _ref2.placement, placement = _ref_placement === void 0 ? 'center' : _ref_placement, _ref_offset = _ref2.offset, offset = _ref_offset === void 0 ? [
-        0,
-        0
-    ] : _ref_offset, _ref_frame = _ref2.frame, frame = _ref_frame === void 0 ? 'document' : _ref_frame, children = _ref2.children, overlay = _ref2.overlay, role = _ref2.role, zIndex = _ref2.zIndex, popupInfo = _ref2.popupInfo, _ref_withAnimation = _ref2.withAnimation, withAnimation = _ref_withAnimation === void 0 ? false : _ref_withAnimation, className = _ref2.className, rest = _object_without_properties(_ref2, [
-        "id",
-        "isOpen",
-        "opened",
-        "placement",
-        "offset",
-        "frame",
-        "children",
-        "overlay",
-        "role",
-        "zIndex",
-        "popupInfo",
-        "withAnimation",
-        "className"
-    ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
-    var innerIsOpen = Boolean(isOpen || opened);
-    var uniqId = (0, _hooks.useUniqId)();
-    var innerId = id || uniqId;
-    var _usePopup = (0, _hooks1.usePopup)({
+const PopupBase = /*#__PURE__*/ (0, _react.forwardRef)(({ id, isOpen, opened, placement = 'center', offset = [
+    0,
+    0
+], frame = 'document', children, overlay, role, zIndex, popupInfo, withAnimation = false, className, ...rest }, ref)=>{
+    const innerIsOpen = Boolean(isOpen || opened);
+    const uniqId = (0, _hooks.useUniqId)();
+    const innerId = id || uniqId;
+    const { isVisible, animationInfo, setVisible } = (0, _hooks1.usePopup)({
         isOpen: innerIsOpen,
         id: innerId,
-        popupInfo: popupInfo,
-        withAnimation: withAnimation
-    }), isVisible = _usePopup.isVisible, animationInfo = _usePopup.animationInfo, setVisible = _usePopup.setVisible;
-    var portalRef = (0, _react.useRef)(null);
-    var contentRef = (0, _react.useRef)(null);
-    var innerRef = (0, _hooks.useForkRef)(contentRef, ref);
-    var _useState = _sliced_to_array((0, _react.useState)(false), 2), forceRender = _useState[1];
-    (0, _react.useEffect)(function() {
-        var portal = document.getElementById(_PopupBaseContext.POPOVER_PORTAL_ID);
+        popupInfo,
+        withAnimation
+    });
+    const portalRef = (0, _react.useRef)(null);
+    const contentRef = (0, _react.useRef)(null);
+    const innerRef = (0, _hooks.useForkRef)(contentRef, ref);
+    const [, forceRender] = (0, _react.useState)(false);
+    (0, _react.useEffect)(()=>{
+        let portal = document.getElementById(_PopupBaseContext.POPOVER_PORTAL_ID);
         if (typeof frame !== 'string' && frame && frame.current) {
             portal = frame.current;
         }
@@ -245,8 +111,7 @@ var PopupBase = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
             portal = document.createElement('div');
             portal.setAttribute('id', _PopupBaseContext.POPOVER_PORTAL_ID);
             if (typeof frame === 'string' && frame !== 'document') {
-                var _document_getElementById;
-                (_document_getElementById = document.getElementById(frame)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.appendChild(portal);
+                document.getElementById(frame)?.appendChild(portal);
             } else {
                 document.body.appendChild(portal);
             }
@@ -260,9 +125,10 @@ var PopupBase = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
     if (!isVisible && !innerIsOpen) {
         return null;
     }
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, portalRef.current && /*#__PURE__*/ _reactdom.default.createPortal(/*#__PURE__*/ _react.default.createElement(StyledPortal, _object_spread({
-        className: getClassName(animationInfo, className)
-    }, rest), overlay, /*#__PURE__*/ _react.default.createElement(_PopupBaseRoot.PopupBaseRoot, {
+    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, portalRef.current && /*#__PURE__*/ _reactdom.default.createPortal(/*#__PURE__*/ _react.default.createElement(StyledPortal, {
+        className: getClassName(animationInfo, className),
+        ...rest
+    }, overlay, /*#__PURE__*/ _react.default.createElement(_PopupBaseRoot.PopupBaseRoot, {
         id: innerId,
         ref: innerRef,
         placement: placement,