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

package/es/components/ModalBase/ModalOverlay.js

@@ -1,67 +1,3 @@
-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 _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;
-}
 import React, { useCallback, useMemo } from 'react';
 import styled, { css } from 'styled-components';
 import { DEFAULT_Z_INDEX } from '../PopupBase/PopupBaseRoot';
@@ -69,50 +5,32 @@ import { usePopupBaseContext } from '../PopupBase';
 import { getIdLastModal } from './ModalBaseContext';
 /*
  * Класс компонента ModalBaseOverlay: `modal-base-overlay`
- */ export var modalBaseOverlayClass = 'modal-base-overlay';
+ */ export const modalBaseOverlayClass = 'modal-base-overlay';
 // TODO: новый отдельный оверлей #778
-export var Overlay = styled.div.withConfig({
+export const Overlay = styled.div.withConfig({
     displayName: "ModalOverlay__Overlay",
     componentId: "sc-e7f59b8c-0"
 })([
-    "position:fixed;width:100%;height:100%;top:0;left:0;",
-    " ",
-    ";background-color:",
-    ";backdrop-filter:var(--backdrop-filter);cursor:",
-    ";"
-], function(param) {
-    var zIndex = param.zIndex;
+    `position:fixed;width:100%;height:100%;top:0;left:0;`,
+    ` `,
+    `;background-color:`,
+    `;backdrop-filter:var(--backdrop-filter);cursor:`,
+    `;`
+], ({ zIndex })=>css([
+        `z-index:`,
+        `;`
+    ], zIndex || DEFAULT_Z_INDEX), ({ $withBlur })=>{
     return css([
-        "z-index:",
-        ";"
-    ], zIndex || DEFAULT_Z_INDEX);
-}, function(param) {
-    var $withBlur = param.$withBlur;
-    return css([
-        "--background-color:",
-        ";--backdrop-filter:",
-        ";"
+        `--background-color:`,
+        `;--backdrop-filter:`,
+        `;`
     ], $withBlur ? 'var(--plasma-modal-blur-overlay-color)' : 'var(--plasma-modal-overlay-color)', $withBlur ? 'blur(1rem)' : 'none');
-}, function(param) {
-    var transparent = param.transparent;
-    return transparent ? 'transparent' : 'var(--background-color)';
-}, function(param) {
-    var clickable = param.clickable;
-    return clickable ? 'pointer' : 'default';
-});
+}, ({ transparent })=>transparent ? 'transparent' : 'var(--background-color)', ({ clickable })=>clickable ? 'pointer' : 'default');
 /**
  * ModalOverlay - подложка для ModalBase.
- */ export var ModalOverlay = function ModalOverlay(_0) {
-    var id = _0.id, withBlur = _0.withBlur, onOverlayClick = _0.onOverlayClick, onClose = _0.onClose, zIndex = _0.zIndex, _0_closeOnOverlayClick = _0.closeOnOverlayClick, closeOnOverlayClick = _0_closeOnOverlayClick === void 0 ? true : _0_closeOnOverlayClick, rest = _object_without_properties(_0, [
-        "id",
-        "withBlur",
-        "onOverlayClick",
-        "onClose",
-        "zIndex",
-        "closeOnOverlayClick"
-    ]);
-    var popupController = usePopupBaseContext();
-    var onModalOverlayKeyDown = useCallback(function(event) {
+ */ export const ModalOverlay = ({ id, withBlur, onOverlayClick, onClose, zIndex, closeOnOverlayClick = true, ...rest })=>{
+    const popupController = usePopupBaseContext();
+    const onModalOverlayKeyDown = useCallback((event)=>{
         if (!closeOnOverlayClick) {
             return;
         }
@@ -128,18 +46,17 @@ export var Overlay = styled.div.withConfig({
         onOverlayClick,
         onClose
     ]);
-    var transparent = useMemo(function() {
-        return getIdLastModal(popupController.items) !== id;
-    }, [
+    const transparent = useMemo(()=>getIdLastModal(popupController.items) !== id, [
         id,
         popupController.items
     ]);
-    return /*#__PURE__*/ React.createElement(Overlay, _object_spread({
+    return /*#__PURE__*/ React.createElement(Overlay, {
         className: modalBaseOverlayClass,
         transparent: transparent,
         clickable: closeOnOverlayClick,
         onClick: onModalOverlayKeyDown,
         zIndex: zIndex,
-        $withBlur: withBlur
-    }, rest));
+        $withBlur: withBlur,
+        ...rest
+    });
 };

package/es/components/ModalBase/hooks.js

@@ -1,40 +1,11 @@
-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 _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;
-}
 import { useCallback, useEffect } from 'react';
 import { usePopupBaseContext } from '../PopupBase';
 import { getIdLastModal } from './ModalBaseContext';
-var ESCAPE_KEYCODE = 27;
-export var useModal = function useModal(param) {
-    var id = param.id, popupInfo = param.popupInfo, onEscKeyDown = param.onEscKeyDown, onClose = param.onClose, _param_closeOnEsc = param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc;
-    var popupController = usePopupBaseContext();
+const ESCAPE_KEYCODE = 27;
+export const useModal = ({ id, popupInfo, onEscKeyDown, onClose, closeOnEsc = true })=>{
+    const popupController = usePopupBaseContext();
     // При ESC закрывает текущее окно, если это возможно
-    var onKeyDown = useCallback(function(event) {
+    const onKeyDown = useCallback((event)=>{
         if (!closeOnEsc) {
             return;
         }
@@ -53,9 +24,9 @@ export var useModal = function useModal(param) {
         popupController.items,
         closeOnEsc
     ]);
-    useEffect(function() {
+    useEffect(()=>{
         window.addEventListener('keydown', onKeyDown);
-        return function() {
+        return ()=>{
             window.removeEventListener('keydown', onKeyDown);
         };
     }, [
@@ -64,13 +35,14 @@ export var useModal = function useModal(param) {
         popupController.items,
         closeOnEsc
     ]);
-    var modalInfo = _object_spread({
-        id: id,
+    const modalInfo = {
+        id,
         info: {
             isModal: true
-        }
-    }, popupInfo);
+        },
+        ...popupInfo
+    };
     return {
-        modalInfo: modalInfo
+        modalInfo
     };
 };

package/es/components/PaginationDots/PaginationDot.js

@@ -3,21 +3,15 @@ import { primary, surfaceLiquid03 } from '../../tokens';
 /**
  * Элемент пагинации точками.
  * Стилизованный компонент, обладающий всеми свойствами ``div``.
- */ export var PaginationDot = styled.li.withConfig({
+ */ export const PaginationDot = styled.li.withConfig({
     displayName: "PaginationDot",
     componentId: "sc-184538f4-0"
 })([
-    "width:0.375rem;height:0.375rem;border-radius:1rem;background:",
-    ";transition:",
-    ";font-size:0.5rem;& + &{margin-left:0.375rem;}&:focus{outline:0 none;}",
-    ""
-], surfaceLiquid03, function(param) {
-    var theme = param.theme;
-    return theme.lowPerformance ? 'unset' : 'width 0.1s ease-in-out, background 0.3s ease-in-out';
-}, function(param) {
-    var isActive = param.isActive;
-    return isActive && css([
-        "width:1.75rem;background:",
-        ";"
-    ], primary);
-});
+    `width:0.375rem;height:0.375rem;border-radius:1rem;background:`,
+    `;transition:`,
+    `;font-size:0.5rem;& + &{margin-left:0.375rem;}&:focus{outline:0 none;}`,
+    ``
+], surfaceLiquid03, ({ theme })=>theme.lowPerformance ? 'unset' : 'width 0.1s ease-in-out, background 0.3s ease-in-out', ({ isActive })=>isActive && css([
+        `width:1.75rem;background:`,
+        `;`
+    ], primary));

package/es/components/PaginationDots/PaginationDots.js

@@ -2,14 +2,11 @@ import styled from 'styled-components';
 /**
  * Оборачивающий компонент для пагинации точками.
  * Стилизованный компонент, обладающий всеми свойствами ``div``.
- */ export var PaginationDots = styled.ul.attrs(function(param) {
-    var tmp = param['aria-hidden'], ariaHidden = tmp === void 0 ? 'true' : tmp;
-    return {
+ */ export const PaginationDots = styled.ul.attrs(({ 'aria-hidden': ariaHidden = 'true' })=>({
         'aria-hidden': ariaHidden
-    };
-}).withConfig({
+    })).withConfig({
     displayName: "PaginationDots",
     componentId: "sc-dd6e00ec-0"
 })([
-    "display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none;"
+    `display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none;`
 ]);

package/es/components/PaginationDots/usePaginationDots.js

@@ -1,14 +1,13 @@
 import { useRef } from 'react';
-export var usePaginationDots = function usePaginationDots(param) {
-    var items = param.items, index = param.index, _param_visibleItems = param.visibleItems, visibleItems = _param_visibleItems === void 0 ? 7 : _param_visibleItems;
-    var activeId = items[index].id;
-    var prevIndex = useRef(null);
-    var direction = 0;
+export const usePaginationDots = ({ items, index, visibleItems = 7 })=>{
+    const activeId = items[index].id;
+    const prevIndex = useRef(null);
+    let direction = 0;
     if (prevIndex.current !== null) {
         direction = index > prevIndex.current ? 1 : -1;
     }
-    var start;
-    var end;
+    let start;
+    let end;
     if (direction === 1) {
         end = Math.min(Math.max(index + 2, visibleItems), items.length);
         start = Math.max(end - visibleItems, 0);
@@ -20,10 +19,10 @@ export var usePaginationDots = function usePaginationDots(param) {
         end = Math.min(start + visibleItems, items.length);
         start = end - visibleItems;
     }
-    var sliced = items.slice(start, end);
+    const sliced = items.slice(start, end);
     prevIndex.current = index;
     return {
-        sliced: sliced,
-        activeId: activeId
+        sliced,
+        activeId
     };
 };

package/es/components/Popup/Popup.js

@@ -1,191 +1,37 @@
-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 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);
-}
 import React, { memo, useRef, useCallback, useEffect } from 'react';
 import styled from 'styled-components';
 import { usePopper } from 'react-popper';
 import { useForkRef } from '../../hooks';
-var StyledRoot = styled.div.withConfig({
+const StyledRoot = styled.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 = styled.div.withConfig({
+const StyledPopup = styled.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);`
 ]);
-export var getPlacement = function getPlacement(placement) {
-    return "".concat(placement, "-start");
+export 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));
 };
 /**
  * Всплывающее окно с возможностью позиционирования
  * и вызова по клику либо ховеру.
  * @deprecated Используйте Popover
- */ export var Popup = /*#__PURE__*/ memo(/*#__PURE__*/ React.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 = useRef(null);
-    var popupRef = useRef(null);
-    var handleRef = useForkRef(rootRef, outerRootRef);
-    var isAutoArray = Array.isArray(placement);
-    var isAuto = isAutoArray || placement === 'auto';
-    var _usePopper = usePopper(rootRef.current, popupRef.current, {
+ */ export const Popup = /*#__PURE__*/ memo(/*#__PURE__*/ React.forwardRef(({ disclosure, children, isOpen, opened, trigger, placement = 'auto', onToggle, ...rest }, outerRootRef)=>{
+    const innerIsOpen = Boolean(isOpen || opened);
+    const rootRef = useRef(null);
+    const popupRef = useRef(null);
+    const handleRef = useForkRef(rootRef, outerRootRef);
+    const isAutoArray = Array.isArray(placement);
+    const isAuto = isAutoArray || placement === 'auto';
+    const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popupRef.current, {
         placement: getPlacement(isAutoArray ? 'auto' : placement),
         modifiers: [
             {
@@ -196,24 +42,22 @@ var getAutoPlacements = function getAutoPlacements(placements) {
                 }
             }
         ]
-    }), styles = _usePopper.styles, attributes = _usePopper.attributes, forceUpdate = _usePopper.forceUpdate;
-    var onDocumentClick = 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 = 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 = useCallback(function(event) {
+    const onClick = 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);
             }
         }
     }, [
@@ -221,45 +65,43 @@ var getAutoPlacements = function getAutoPlacements(placements) {
         innerIsOpen,
         onToggle
     ]);
-    var onMouseEnter = useCallback(function(event) {
+    const onMouseEnter = useCallback((event)=>{
         if (trigger === 'hover') {
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle(true, event);
+            onToggle?.(true, event);
         }
     }, [
         trigger,
         onToggle
     ]);
-    var onMouseLeave = useCallback(function(event) {
+    const onMouseLeave = useCallback((event)=>{
         if (trigger === 'hover') {
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle(false, event);
+            onToggle?.(false, event);
         }
     }, [
         trigger,
         onToggle
     ]);
-    var onFocus = useCallback(function(event) {
+    const onFocus = useCallback((event)=>{
         if (trigger === 'hover') {
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle(true, event);
+            onToggle?.(true, event);
         }
     }, [
         trigger,
         onToggle
     ]);
-    var onBlur = useCallback(function(event) {
+    const onBlur = useCallback((event)=>{
         if (trigger === 'hover') {
-            onToggle === null || onToggle === void 0 ? void 0 : onToggle(false, event);
+            onToggle?.(false, event);
         }
     }, [
         trigger,
         onToggle
     ]);
-    useEffect(function() {
+    useEffect(()=>{
         document.addEventListener('click', onDocumentClick);
-        return function() {
-            return document.removeEventListener('click', onDocumentClick);
-        };
+        return ()=>document.removeEventListener('click', onDocumentClick);
     }, []);
-    useEffect(function() {
+    useEffect(()=>{
         if (!innerIsOpen || !forceUpdate) {
             return;
         }
@@ -273,17 +115,22 @@ var getAutoPlacements = function getAutoPlacements(placements) {
         innerIsOpen,
         forceUpdate
     ]);
-    return /*#__PURE__*/ React.createElement(StyledRoot, _object_spread({
+    return /*#__PURE__*/ React.createElement(StyledRoot, {
         ref: handleRef,
         onClick: onClick,
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
         onFocus: onFocus,
-        onBlur: onBlur
-    }, rest), disclosure, children && /*#__PURE__*/ React.createElement(StyledPopup, _object_spread_props(_object_spread({}, attributes.popper), {
+        onBlur: onBlur,
+        ...rest
+    }, disclosure, children && /*#__PURE__*/ React.createElement(StyledPopup, {
+        ...attributes.popper,
         ref: popupRef,
-        style: _object_spread({}, styles.popper, {
-            display: innerIsOpen ? 'block' : 'none'
-        })
-    }), children));
+        style: {
+            ...styles.popper,
+            ...{
+                display: innerIsOpen ? 'block' : 'none'
+            }
+        }
+    }, children));
 }));