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

package/es/components/PopupBase/PopupBase.js

@@ -1,119 +1,3 @@
-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;
-}
-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);
-}
 import React, { useEffect, useRef, useState, forwardRef } from 'react';
 import ReactDOM from 'react-dom';
 import styled from 'styled-components';
@@ -122,15 +6,15 @@ import { POPOVER_PORTAL_ID } from './PopupBaseContext';
 import { PopupBaseRoot } from './PopupBaseRoot';
 import { usePopup } from './hooks';
 import { endAnimationClass, endTransitionClass } from './utils';
-var StyledPortal = styled.div.withConfig({
+const StyledPortal = styled.div.withConfig({
     displayName: "PopupBase__StyledPortal",
     componentId: "sc-548d9538-0"
 })([
-    ""
+    ``
 ]);
-export var getClassName = function getClassName(animationInfo, className) {
-    var endAnimation = (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? endAnimationClass : '';
-    var endTransition = (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? endTransitionClass : '';
+export const getClassName = (animationInfo, className)=>{
+    const endAnimation = animationInfo?.endAnimation ? endAnimationClass : '';
+    const endTransition = animationInfo?.endTransition ? endTransitionClass : '';
     return [
         className,
         endAnimation,
@@ -139,43 +23,25 @@ export var getClassName = function getClassName(animationInfo, className) {
 };
 /**
  * Базовый копмонент PopupBase.
- */ export var PopupBase = /*#__PURE__*/ 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 = useUniqId();
-    var innerId = id || uniqId;
-    var _usePopup = usePopup({
+ */ export const PopupBase = /*#__PURE__*/ 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 = useUniqId();
+    const innerId = id || uniqId;
+    const { isVisible, animationInfo, setVisible } = usePopup({
         isOpen: innerIsOpen,
         id: innerId,
-        popupInfo: popupInfo,
-        withAnimation: withAnimation
-    }), isVisible = _usePopup.isVisible, animationInfo = _usePopup.animationInfo, setVisible = _usePopup.setVisible;
-    var portalRef = useRef(null);
-    var contentRef = useRef(null);
-    var innerRef = useForkRef(contentRef, ref);
-    var _useState = _sliced_to_array(useState(false), 2), forceRender = _useState[1];
-    useEffect(function() {
-        var portal = document.getElementById(POPOVER_PORTAL_ID);
+        popupInfo,
+        withAnimation
+    });
+    const portalRef = useRef(null);
+    const contentRef = useRef(null);
+    const innerRef = useForkRef(contentRef, ref);
+    const [, forceRender] = useState(false);
+    useEffect(()=>{
+        let portal = document.getElementById(POPOVER_PORTAL_ID);
         if (typeof frame !== 'string' && frame && frame.current) {
             portal = frame.current;
         }
@@ -183,8 +49,7 @@ export var getClassName = function getClassName(animationInfo, className) {
             portal = document.createElement('div');
             portal.setAttribute('id', 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);
             }
@@ -198,9 +63,10 @@ export var getClassName = function getClassName(animationInfo, className) {
     if (!isVisible && !innerIsOpen) {
         return null;
     }
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, portalRef.current && /*#__PURE__*/ ReactDOM.createPortal(/*#__PURE__*/ React.createElement(StyledPortal, _object_spread({
-        className: getClassName(animationInfo, className)
-    }, rest), overlay, /*#__PURE__*/ React.createElement(PopupBaseRoot, {
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, portalRef.current && /*#__PURE__*/ ReactDOM.createPortal(/*#__PURE__*/ React.createElement(StyledPortal, {
+        className: getClassName(animationInfo, className),
+        ...rest
+    }, overlay, /*#__PURE__*/ React.createElement(PopupBaseRoot, {
         id: innerId,
         ref: innerRef,
         placement: placement,

package/es/components/PopupBase/PopupBaseContext.js

@@ -1,102 +1,42 @@
-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 _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-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 _non_iterable_spread() {
-    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 _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_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-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);
-}
 import React, { useEffect, useState, createContext, useContext } from 'react';
-export var POPOVER_PORTAL_ID = 'plasma-popup-root';
-var items = [];
-var PopupBaseContext = /*#__PURE__*/ createContext({
-    items: items,
-    register: function register(_info) {
+export const POPOVER_PORTAL_ID = 'plasma-popup-root';
+const items = [];
+const PopupBaseContext = /*#__PURE__*/ createContext({
+    items,
+    register (_info) {
         throw new Error('Function not implemented. Add PopupBaseProvider');
     },
-    unregister: function unregister(_id) {
+    unregister (_id) {
         throw new Error('Function not implemented. Add PopupBaseProvider');
     }
 });
-export var usePopupBaseContext = function usePopupBaseContext() {
-    return useContext(PopupBaseContext);
-};
-export var PopupBaseProvider = function PopupBaseProvider(param) {
-    var children = param.children;
-    var _useState = _sliced_to_array(useState([]), 2), items = _useState[0], setItems = _useState[1];
-    var register = function register(info) {
-        setItems(_to_consumable_array(items).concat([
+export const usePopupBaseContext = ()=>useContext(PopupBaseContext);
+export const PopupBaseProvider = ({ children })=>{
+    const [items, setItems] = useState([]);
+    const register = (info)=>{
+        setItems([
+            ...items,
             info
-        ]));
+        ]);
     };
-    var unregister = function unregister(id) {
-        var index = items.findIndex(function(item) {
-            return id === item.id;
-        });
+    const unregister = (id)=>{
+        const index = items.findIndex((item)=>id === item.id);
         if (index === -1) {
             return;
         }
         items.splice(index, 1);
-        setItems(_to_consumable_array(items));
+        setItems([
+            ...items
+        ]);
     };
-    var context = {
-        items: items,
-        register: register,
-        unregister: unregister
+    const context = {
+        items,
+        register,
+        unregister
     };
-    useEffect(function() {
-        return function() {
-            var portal = document.createElement('div');
+    useEffect(()=>{
+        return ()=>{
+            const portal = document.createElement('div');
             if (portal && document.body.contains(portal)) {
                 document.body.removeChild(portal);
             }

package/es/components/PopupBase/PopupBaseRoot.js

@@ -1,192 +1,53 @@
-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;
-}
-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);
-}
 import React, { useCallback, useRef } from 'react';
 import styled, { css } from 'styled-components';
 import { useForkRef } from '../../hooks';
 import { usePopupBaseContext } from './PopupBaseContext';
 import { handlePosition, popupBaseRootClass } from './utils';
-export var DEFAULT_Z_INDEX = 9000;
-var PopupBaseView = styled.div.withConfig({
+export const DEFAULT_Z_INDEX = 9000;
+const PopupBaseView = styled.div.withConfig({
     displayName: "PopupBaseRoot__PopupBaseView",
     componentId: "sc-84dbfbb5-0"
 })([
-    "position:relative;max-width:100%;pointer-events:all;"
+    `position:relative;max-width:100%;pointer-events:all;`
 ]);
-var PopupRootContainer = styled.div.withConfig({
+const PopupRootContainer = styled.div.withConfig({
     displayName: "PopupBaseRoot__PopupRootContainer",
     componentId: "sc-84dbfbb5-1"
 })([
-    "",
-    " ",
-    " ",
-    ";"
-], function(param) {
-    var frame = param.frame;
-    return css([
-        "position:",
-        ";"
-    ], frame === 'document' ? 'fixed' : 'absolute');
-}, function(param) {
-    var zIndex = param.zIndex;
-    return css([
-        "z-index:",
-        ";"
-    ], zIndex || DEFAULT_Z_INDEX);
-}, function(param) {
-    var placement = param.placement, offset = param.offset;
-    return handlePosition(placement, offset);
-});
+    ``,
+    ` `,
+    ` `,
+    `;`
+], ({ frame })=>css([
+        `position:`,
+        `;`
+    ], frame === 'document' ? 'fixed' : 'absolute'), ({ zIndex })=>css([
+        `z-index:`,
+        `;`
+    ], zIndex || DEFAULT_Z_INDEX), ({ placement, offset })=>handlePosition(placement, offset));
 /**
  * Корень PopupBase.
  * Управляет показом/скрытием и анимацией всплывающего окна.
- */ export var PopupBaseRoot = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
-    var _ref = [
-        _0,
-        _1
-    ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), id = _ref2.id, placement = _ref2.placement, offset = _ref2.offset, frame = _ref2.frame, setVisible = _ref2.setVisible, children = _ref2.children, role = _ref2.role, zIndex = _ref2.zIndex, animationInfo = _ref2.animationInfo, rest = _object_without_properties(_ref2, [
-        "id",
-        "placement",
-        "offset",
-        "frame",
-        "setVisible",
-        "children",
-        "role",
-        "zIndex",
-        "animationInfo"
-    ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
-    var contentRef = useRef(null);
-    var innerRef = useForkRef(contentRef, ref);
-    var popupController = usePopupBaseContext();
-    var handleAnimationEnd = useCallback(function(e) {
+ */ export const PopupBaseRoot = /*#__PURE__*/ React.forwardRef(({ id, placement, offset, frame, setVisible, children, role, zIndex, animationInfo, ...rest }, ref)=>{
+    const contentRef = useRef(null);
+    const innerRef = useForkRef(contentRef, ref);
+    const popupController = usePopupBaseContext();
+    const handleAnimationEnd = useCallback((e)=>{
         if (!contentRef || e.target !== contentRef.current) {
             return;
         }
         e.stopPropagation();
-        if (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) {
+        if (animationInfo?.endAnimation) {
             popupController.unregister(id);
             setVisible(false);
             animationInfo.setEndAnimation(false);
         }
     }, [
         popupController.unregister,
-        animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation,
+        animationInfo?.endAnimation,
         setVisible
     ]);
-    return /*#__PURE__*/ React.createElement(PopupRootContainer, _object_spread({
+    return /*#__PURE__*/ React.createElement(PopupRootContainer, {
         className: popupBaseRootClass,
         ref: innerRef,
         placement: placement,
@@ -194,8 +55,9 @@ var PopupRootContainer = styled.div.withConfig({
         offset: offset,
         zIndex: zIndex,
         onAnimationEnd: handleAnimationEnd,
-        onTransitionEnd: handleAnimationEnd
-    }, rest), /*#__PURE__*/ React.createElement(PopupBaseView, {
+        onTransitionEnd: handleAnimationEnd,
+        ...rest
+    }, /*#__PURE__*/ React.createElement(PopupBaseView, {
         role: role
     }, children));
 });