@salutejs/plasma-new-hope 0.67.0-dev.0 → 0.68.0-canary.1104.8452362346.0

package/cjs/components/Dropdown/Dropdown.js

@@ -65,6 +65,7 @@ var dropdownRoot = function dropdownRoot(Root) {
       placement: index.getPlacements(placement),
       trigger: trigger,
       closeOnOverlayClick: closeOnOverlayClick,
+      closeOnBeyondTargetHover: false,
       closeOnEsc: closeOnEsc,
       isFocusTrapped: isFocusTrapped,
       frame: frame
@@ -89,7 +90,7 @@ var dropdownConfig = {
     }
   },
   defaults: {
-    view: 'primary',
+    view: 'default',
     size: 'm'
   }
 };

package/cjs/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useFocusTrap, useForkRef, useUniqId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledDropdown, StyledPopover } from './Dropdown.styles';\nimport { getPlacements } from './utils';\nimport type { DropdownProps } from './Dropdown.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                id,\n                target,\n                children,\n                hasArrow,\n                role,\n                view,\n                size,\n                frame,\n                onToggle,\n                isFocusTrapped = true,\n                isOpen = false,\n                placement = 'auto',\n                trigger = 'click',\n                offset = [0, 6],\n                preventOverflow = false,\n                closeOnOverlayClick = false,\n                closeOnEsc = false,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const uniqId = useUniqId();\n            const innerId = id || uniqId;\n\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const dropdownRef = useRef<HTMLDivElement | null>(null);\n            const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n\n            const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n            const dropdownForkRef = useForkRef<HTMLDivElement>(dropdownRef, trapRef);\n\n            return (\n                <StyledPopover\n                    role={role}\n                    isOpen={isOpen}\n                    usePortal={false}\n                    onToggle={(is, event) => onToggle?.(is, event)}\n                    id={innerId}\n                    ref={dropdownForkRef}\n                    target={target}\n                    offset={offset}\n                    preventOverflow={preventOverflow}\n                    hasArrow={hasArrow}\n                    placement={getPlacements(placement)}\n                    trigger={trigger}\n                    closeOnOverlayClick={closeOnOverlayClick}\n                    closeOnEsc={closeOnEsc}\n                    isFocusTrapped={isFocusTrapped}\n                    frame={frame}\n                >\n                    <Root ref={handleRef} view={view} size={size} {...rest}>\n                        <StyledDropdown>{children}</StyledDropdown>\n                    </Root>\n                </StyledPopover>\n            );\n        },\n    );\n\nexport const dropdownConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","outerRootRef","id","target","children","hasArrow","role","view","size","frame","onToggle","_ref$isFocusTrapped","isFocusTrapped","_ref$isOpen","isOpen","_ref$placement","placement","_ref$trigger","trigger","_ref$offset","offset","_ref$preventOverflow","preventOverflow","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","rest","_objectWithoutProperties","_excluded","uniqId","useUniqId","innerId","rootRef","useRef","dropdownRef","handleRef","useForkRef","trapRef","useFocusTrap","dropdownForkRef","React","createElement","StyledPopover","usePortal","is","event","ref","getPlacements","_extends","StyledDropdown","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useFocusTrap, useForkRef, useUniqId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledDropdown, StyledPopover } from './Dropdown.styles';\nimport { getPlacements } from './utils';\nimport type { DropdownProps } from './Dropdown.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                id,\n                target,\n                children,\n                hasArrow,\n                role,\n                view,\n                size,\n                frame,\n                onToggle,\n                isFocusTrapped = true,\n                isOpen = false,\n                placement = 'auto',\n                trigger = 'click',\n                offset = [0, 6],\n                preventOverflow = false,\n                closeOnOverlayClick = false,\n                closeOnEsc = false,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const uniqId = useUniqId();\n            const innerId = id || uniqId;\n\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const dropdownRef = useRef<HTMLDivElement | null>(null);\n            const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n\n            const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n            const dropdownForkRef = useForkRef<HTMLDivElement>(dropdownRef, trapRef);\n\n            return (\n                <StyledPopover\n                    role={role}\n                    isOpen={isOpen}\n                    usePortal={false}\n                    onToggle={(is, event) => onToggle?.(is, event)}\n                    id={innerId}\n                    ref={dropdownForkRef}\n                    target={target}\n                    offset={offset}\n                    preventOverflow={preventOverflow}\n                    hasArrow={hasArrow}\n                    placement={getPlacements(placement)}\n                    trigger={trigger}\n                    closeOnOverlayClick={closeOnOverlayClick}\n                    closeOnBeyondTargetHover={false}\n                    closeOnEsc={closeOnEsc}\n                    isFocusTrapped={isFocusTrapped}\n                    frame={frame}\n                >\n                    <Root ref={handleRef} view={view} size={size} {...rest}>\n                        <StyledDropdown>{children}</StyledDropdown>\n                    </Root>\n                </StyledPopover>\n            );\n        },\n    );\n\nexport const dropdownConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","outerRootRef","id","target","children","hasArrow","role","view","size","frame","onToggle","_ref$isFocusTrapped","isFocusTrapped","_ref$isOpen","isOpen","_ref$placement","placement","_ref$trigger","trigger","_ref$offset","offset","_ref$preventOverflow","preventOverflow","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","rest","_objectWithoutProperties","_excluded","uniqId","useUniqId","innerId","rootRef","useRef","dropdownRef","handleRef","useForkRef","trapRef","useFocusTrap","dropdownForkRef","React","createElement","StyledPopover","usePortal","is","event","ref","getPlacements","closeOnBeyondTargetHover","_extends","StyledDropdown","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Popover/Popover.js

@@ -12,7 +12,7 @@ var base = require('./variations/_view/base.js');
 var Popover_styles = require('./Popover.styles.js');
 var Popover_tokens = require('./Popover.tokens.js');
 
-var _excluded = ["target", "children", "isOpen", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnOverlayClick", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle"];
+var _excluded = ["target", "children", "isOpen", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle"];
 var ESCAPE_KEYCODE = 27;
 var POPOVER_PORTAL_ID = 'plasma-popover-root';
 
@@ -21,33 +21,41 @@ var POPOVER_PORTAL_ID = 'plasma-popover-root';
  * и вызова по клику либо ховеру.
  */
 var popoverRoot = function popoverRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
-    var target = _ref.target,
-      children = _ref.children,
-      isOpen = _ref.isOpen,
-      trigger = _ref.trigger,
-      hasArrow = _ref.hasArrow,
-      _ref$frame = _ref.frame,
-      frame = _ref$frame === void 0 ? 'document' : _ref$frame,
-      className = _ref.className,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
-      _ref$offset = _ref.offset,
-      offset = _ref$offset === void 0 ? [0, 0] : _ref$offset,
-      zIndex = _ref.zIndex,
-      _ref$isFocusTrapped = _ref.isFocusTrapped,
-      isFocusTrapped = _ref$isFocusTrapped === void 0 ? true : _ref$isFocusTrapped,
-      _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
-      closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
-      _ref$closeOnEsc = _ref.closeOnEsc,
-      closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
-      _ref$preventOverflow = _ref.preventOverflow,
-      preventOverflow = _ref$preventOverflow === void 0 ? true : _ref$preventOverflow,
-      _ref$usePortal = _ref.usePortal,
-      usePortal = _ref$usePortal === void 0 ? false : _ref$usePortal,
-      view = _ref.view,
-      onToggle = _ref.onToggle,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.forwardRef(function (props, outerRootRef) {
+    var _placement$;
+    var target = props.target,
+      children = props.children,
+      isOpen = props.isOpen,
+      _props$trigger = props.trigger,
+      trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+      hasArrow = props.hasArrow,
+      _props$frame = props.frame,
+      frame = _props$frame === void 0 ? 'document' : _props$frame,
+      className = props.className,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'auto' : _props$placement,
+      _props$offset = props.offset,
+      offset = _props$offset === void 0 ? [0, 0] : _props$offset,
+      zIndex = props.zIndex,
+      _props$isFocusTrapped = props.isFocusTrapped,
+      isFocusTrapped = _props$isFocusTrapped === void 0 ? true : _props$isFocusTrapped,
+      _props$closeOnEsc = props.closeOnEsc,
+      closeOnEsc = _props$closeOnEsc === void 0 ? true : _props$closeOnEsc,
+      _props$preventOverflo = props.preventOverflow,
+      preventOverflow = _props$preventOverflo === void 0 ? true : _props$preventOverflo,
+      _props$usePortal = props.usePortal,
+      usePortal = _props$usePortal === void 0 ? false : _props$usePortal,
+      view = props.view,
+      onToggle = props.onToggle,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+    var closeOnOverlayClick = true;
+    var closeOnBeyondTargetHover = true;
+    if (props.trigger === 'click' && props.closeOnOverlayClick === false) {
+      closeOnOverlayClick = false;
+    }
+    if (props.trigger === 'hover' && props.closeOnBeyondTargetHover === false) {
+      closeOnBeyondTargetHover = false;
+    }
     var rootRef = React.useRef(null);
     var popoverRef = React.useRef(null);
     var handleRef = plasmaCore.useForkRef(rootRef, outerRootRef);
@@ -68,7 +76,9 @@ var popoverRoot = function popoverRoot(Root) {
       opacity: isOpen ? 1 : 0
     };
     var _usePopper = reactPopper.usePopper(rootRef.current, popoverRef.current, {
-        placement: isAutoArray ? 'auto' : placement,
+        // TODO: #1121
+        // eslint-disable-next-line no-nested-ternary
+        placement: isAutoArray ? (_placement$ = placement[0]) !== null && _placement$ !== void 0 && _placement$.endsWith('start') ? 'auto-start' : 'auto' : placement,
         modifiers: [{
           name: 'preventOverflow',
           options: {
@@ -204,10 +214,15 @@ var popoverRoot = function popoverRoot(Root) {
     }, target), children && portalRef.current && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
       view: view,
       className: className
-    }, rest), /*#__PURE__*/React.createElement(Popover_styles.StyledPopover, _rollupPluginBabelHelpers.extends({}, attributes.popper, {
+    }, rest, {
+      onMouseEnter: closeOnBeyondTargetHover ? undefined : onMouseEnter,
+      onMouseLeave: closeOnBeyondTargetHover ? undefined : onMouseEnter
+    }), /*#__PURE__*/React.createElement(Popover_styles.StyledPopover, _rollupPluginBabelHelpers.extends({}, attributes.popper, {
       className: Popover_tokens.classes.root,
       ref: popoverForkRef,
-      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, styles.popper), initialStyles),
+      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, styles.popper), {
+        display: isOpen ? 'block' : 'none'
+      }), initialStyles),
       zIndex: zIndex
     }), hasArrow && /*#__PURE__*/React.createElement(Popover_styles.StyledArrow, _rollupPluginBabelHelpers.extends({
       className: Popover_tokens.classes.arrow,

package/cjs/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport ReactDOM from 'react-dom';\nimport { usePopper } from 'react-popper';\nimport { useFocusTrap, useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/**\n * Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n */\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n    forwardRef<HTMLDivElement, PopoverProps>(\n        (\n            {\n                target,\n                children,\n                isOpen,\n                trigger,\n                hasArrow,\n                frame = 'document',\n                className,\n                placement = 'auto',\n                offset = [0, 0],\n                zIndex,\n                isFocusTrapped = true,\n                closeOnOverlayClick = true,\n                closeOnEsc = true,\n                preventOverflow = true,\n                usePortal = false,\n                view,\n                onToggle,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const popoverRef = useRef<HTMLDivElement | null>(null);\n            const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n            const portalRef = useRef<HTMLElement | null>(null);\n\n            const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n            const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n            const [arrowElement, setArrowElement] = useState<HTMLSpanElement | null>(null);\n\n            const [, forceRender] = useState(false);\n\n            const isAutoArray = Array.isArray(placement);\n            const isAuto = isAutoArray || (placement as PopoverPlacement).startsWith('auto');\n\n            const initialStyles = {\n                visibility: isOpen ? 'visible' : 'hidden',\n                opacity: isOpen ? 1 : 0,\n            } as CSSProperties;\n\n            const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n                placement: isAutoArray ? 'auto' : (placement as PopoverPlacement),\n                modifiers: [\n                    {\n                        name: 'preventOverflow',\n                        options: {\n                            mainAxis: preventOverflow,\n                        },\n                    },\n                    { name: 'offset', options: { offset: [offset[0], offset[1]] } },\n                    {\n                        name: 'flip',\n                        enabled: isAuto,\n                        options: {\n                            allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n                        },\n                    },\n                    {\n                        name: 'arrow',\n                        options: {\n                            element: arrowElement,\n                        },\n                    },\n                ],\n            });\n\n            const onEscape = useCallback(\n                (event: KeyboardEvent) => {\n                    if (isOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n                        onToggle?.(false, event);\n                    }\n                },\n                [closeOnEsc, isOpen, onToggle],\n            );\n\n            const onDocumentClick = useCallback(\n                (event: MouseEvent) => {\n                    if (isOpen && closeOnOverlayClick && onToggle) {\n                        const targetIsRoot = event.target === rootRef.current;\n                        const rootHasTarget = rootRef.current?.contains(event.target as Element);\n\n                        if (!targetIsRoot && !rootHasTarget) {\n                            onToggle(false, event);\n                        }\n                    }\n                },\n                [closeOnOverlayClick, isOpen, onToggle],\n            );\n\n            const onClick = useCallback<React.MouseEventHandler>(\n                (event) => {\n                    if (trigger === 'click') {\n                        const targetIsPopover = event.target === popoverRef.current;\n                        const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n                        if (!targetIsPopover && !rootHasTarget) {\n                            onToggle?.(!isOpen, event);\n                        }\n                    }\n                },\n                [trigger, isOpen, onToggle],\n            );\n\n            const onMouseEnter = useCallback<React.MouseEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(true, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            const onMouseLeave = useCallback<React.MouseEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(false, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            const onFocus = useCallback<React.FocusEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(true, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            const onBlur = useCallback<React.FocusEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(false, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            useEffect(() => {\n                document.addEventListener('click', onDocumentClick);\n                return () => document.removeEventListener('click', onDocumentClick);\n            }, [closeOnOverlayClick, isOpen, onToggle]);\n\n            useEffect(() => {\n                window.addEventListener('keydown', onEscape);\n                return () => window.removeEventListener('keydown', onEscape);\n            }, [closeOnEsc, isOpen, onToggle]);\n\n            useEffect(() => {\n                let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n                if (typeof frame !== 'string' && frame && frame.current) {\n                    portal = frame.current;\n                }\n\n                if (!usePortal) {\n                    portal = rootRef.current;\n                }\n\n                if (!portal) {\n                    portal = document.createElement('div');\n                    portal.setAttribute('id', POPOVER_PORTAL_ID);\n\n                    if (typeof frame === 'string' && frame !== 'document') {\n                        document.getElementById(frame)?.appendChild(portal);\n                    } else {\n                        document.body.appendChild(portal);\n                    }\n                }\n\n                portalRef.current = portal;\n\n                /**\n                 * Изменение стейта нужно для того, чтобы Popup\n                 * отобразился после записи DOM элемента в portalRef.current\n                 */\n                forceRender(true);\n            }, []);\n\n            useEffect(() => {\n                if (!isOpen || !forceUpdate) {\n                    return;\n                }\n\n                /*\n                 * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n                 * к повторному рендеру компонента, который уже находится в процессе рендера.\n                 * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n                 * вызов метода в очередь микрозадач.\n                 */\n                Promise.resolve().then(forceUpdate);\n            }, [isOpen, children, forceUpdate]);\n\n            return (\n                <StyledWrapper className={classes.wrapper}>\n                    <StyledRoot\n                        ref={handleRef}\n                        onClick={onClick}\n                        onMouseEnter={onMouseEnter}\n                        onMouseLeave={onMouseLeave}\n                        onFocus={onFocus}\n                        onBlur={onBlur}\n                        className={cx(className, classes.target)}\n                    >\n                        {target}\n                    </StyledRoot>\n                    {children &&\n                        portalRef.current &&\n                        ReactDOM.createPortal(\n                            <Root view={view} className={className} {...rest}>\n                                <StyledPopover\n                                    {...attributes.popper}\n                                    className={classes.root}\n                                    ref={popoverForkRef}\n                                    style={{ ...styles.popper, ...initialStyles }}\n                                    zIndex={zIndex}\n                                >\n                                    {hasArrow && (\n                                        <StyledArrow\n                                            className={classes.arrow}\n                                            ref={setArrowElement}\n                                            style={styles.arrow}\n                                            {...attributes.arrow}\n                                        />\n                                    )}\n                                    {children}\n                                </StyledPopover>\n                            </Root>,\n                            portalRef.current,\n                        )}\n                </StyledWrapper>\n            );\n        },\n    );\n\nexport const popoverConfig = {\n    name: 'Popover',\n    tag: 'div',\n    layout: popoverRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","_ref","outerRootRef","target","children","isOpen","trigger","hasArrow","_ref$frame","frame","className","_ref$placement","placement","_ref$offset","offset","zIndex","_ref$isFocusTrapped","isFocusTrapped","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","_ref$preventOverflow","preventOverflow","_ref$usePortal","usePortal","view","onToggle","rest","_objectWithoutProperties","_excluded","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","trapRef","useFocusTrap","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","isAutoArray","Array","isArray","isAuto","startsWith","initialStyles","visibility","opacity","_usePopper","usePopper","current","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","_rootRef$current","targetIsRoot","rootHasTarget","contains","onClick","_popoverRef$current","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","React","StyledWrapper","classes","wrapper","StyledRoot","ref","cx","ReactDOM","createPortal","_extends","StyledPopover","popper","root","style","_objectSpread","StyledArrow","arrow","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport ReactDOM from 'react-dom';\nimport { usePopper } from 'react-popper';\nimport { useFocusTrap, useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/**\n * Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n */\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n    forwardRef<HTMLDivElement, PopoverProps>((props, outerRootRef) => {\n        const {\n            target,\n            children,\n            isOpen,\n            trigger = 'click',\n            hasArrow,\n            frame = 'document',\n            className,\n            placement = 'auto',\n            offset = [0, 0],\n            zIndex,\n            isFocusTrapped = true,\n            closeOnEsc = true,\n            preventOverflow = true,\n            usePortal = false,\n            view,\n            onToggle,\n            ...rest\n        } = props;\n\n        let closeOnOverlayClick = true;\n        let closeOnBeyondTargetHover = true;\n\n        if (props.trigger === 'click' && props.closeOnOverlayClick === false) {\n            closeOnOverlayClick = false;\n        }\n        if (props.trigger === 'hover' && props.closeOnBeyondTargetHover === false) {\n            closeOnBeyondTargetHover = false;\n        }\n\n        const rootRef = useRef<HTMLDivElement | null>(null);\n        const popoverRef = useRef<HTMLDivElement | null>(null);\n        const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n        const portalRef = useRef<HTMLElement | null>(null);\n\n        const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n        const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n        const [arrowElement, setArrowElement] = useState<HTMLSpanElement | null>(null);\n\n        const [, forceRender] = useState(false);\n\n        const isAutoArray = Array.isArray(placement);\n        const isAuto = isAutoArray || (placement as PopoverPlacement).startsWith('auto');\n\n        const initialStyles = {\n            visibility: isOpen ? 'visible' : 'hidden',\n            opacity: isOpen ? 1 : 0,\n        } as CSSProperties;\n\n        const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n            // TODO: #1121\n            // eslint-disable-next-line no-nested-ternary\n            placement: isAutoArray\n                ? placement[0]?.endsWith('start')\n                    ? 'auto-start'\n                    : 'auto'\n                : (placement as PopoverPlacement),\n            modifiers: [\n                {\n                    name: 'preventOverflow',\n                    options: {\n                        mainAxis: preventOverflow,\n                    },\n                },\n                { name: 'offset', options: { offset: [offset[0], offset[1]] } },\n                {\n                    name: 'flip',\n                    enabled: isAuto,\n                    options: {\n                        allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n                    },\n                },\n                {\n                    name: 'arrow',\n                    options: {\n                        element: arrowElement,\n                    },\n                },\n            ],\n        });\n\n        const onEscape = useCallback(\n            (event: KeyboardEvent) => {\n                if (isOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n                    onToggle?.(false, event);\n                }\n            },\n            [closeOnEsc, isOpen, onToggle],\n        );\n\n        const onDocumentClick = useCallback(\n            (event: MouseEvent) => {\n                if (isOpen && closeOnOverlayClick && onToggle) {\n                    const targetIsRoot = event.target === rootRef.current;\n                    const rootHasTarget = rootRef.current?.contains(event.target as Element);\n\n                    if (!targetIsRoot && !rootHasTarget) {\n                        onToggle(false, event);\n                    }\n                }\n            },\n            [closeOnOverlayClick, isOpen, onToggle],\n        );\n\n        const onClick = useCallback<React.MouseEventHandler>(\n            (event) => {\n                if (trigger === 'click') {\n                    const targetIsPopover = event.target === popoverRef.current;\n                    const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n                    if (!targetIsPopover && !rootHasTarget) {\n                        onToggle?.(!isOpen, event);\n                    }\n                }\n            },\n            [trigger, isOpen, onToggle],\n        );\n\n        const onMouseEnter = useCallback<React.MouseEventHandler>(\n            (event) => {\n                if (trigger === 'hover') {\n                    onToggle?.(true, event);\n                }\n            },\n            [trigger, onToggle],\n        );\n\n        const onMouseLeave = useCallback<React.MouseEventHandler>(\n            (event) => {\n                if (trigger === 'hover') {\n                    onToggle?.(false, event);\n                }\n            },\n            [trigger, onToggle],\n        );\n\n        const onFocus = useCallback<React.FocusEventHandler>(\n            (event) => {\n                if (trigger === 'hover') {\n                    onToggle?.(true, event);\n                }\n            },\n            [trigger, onToggle],\n        );\n\n        const onBlur = useCallback<React.FocusEventHandler>(\n            (event) => {\n                if (trigger === 'hover') {\n                    onToggle?.(false, event);\n                }\n            },\n            [trigger, onToggle],\n        );\n\n        useEffect(() => {\n            document.addEventListener('click', onDocumentClick);\n            return () => document.removeEventListener('click', onDocumentClick);\n        }, [closeOnOverlayClick, isOpen, onToggle]);\n\n        useEffect(() => {\n            window.addEventListener('keydown', onEscape);\n            return () => window.removeEventListener('keydown', onEscape);\n        }, [closeOnEsc, isOpen, onToggle]);\n\n        useEffect(() => {\n            let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n            if (typeof frame !== 'string' && frame && frame.current) {\n                portal = frame.current;\n            }\n\n            if (!usePortal) {\n                portal = rootRef.current;\n            }\n\n            if (!portal) {\n                portal = document.createElement('div');\n                portal.setAttribute('id', POPOVER_PORTAL_ID);\n\n                if (typeof frame === 'string' && frame !== 'document') {\n                    document.getElementById(frame)?.appendChild(portal);\n                } else {\n                    document.body.appendChild(portal);\n                }\n            }\n\n            portalRef.current = portal;\n\n            /**\n             * Изменение стейта нужно для того, чтобы Popup\n             * отобразился после записи DOM элемента в portalRef.current\n             */\n            forceRender(true);\n        }, []);\n\n        useEffect(() => {\n            if (!isOpen || !forceUpdate) {\n                return;\n            }\n\n            /*\n             * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n             * к повторному рендеру компонента, который уже находится в процессе рендера.\n             * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n             * вызов метода в очередь микрозадач.\n             */\n            Promise.resolve().then(forceUpdate);\n        }, [isOpen, children, forceUpdate]);\n\n        return (\n            <StyledWrapper className={classes.wrapper}>\n                <StyledRoot\n                    ref={handleRef}\n                    onClick={onClick}\n                    onMouseEnter={onMouseEnter}\n                    onMouseLeave={onMouseLeave}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    className={cx(className, classes.target)}\n                >\n                    {target}\n                </StyledRoot>\n                {children &&\n                    portalRef.current &&\n                    ReactDOM.createPortal(\n                        <Root\n                            view={view}\n                            className={className}\n                            {...rest}\n                            onMouseEnter={closeOnBeyondTargetHover ? undefined : onMouseEnter}\n                            onMouseLeave={closeOnBeyondTargetHover ? undefined : onMouseEnter}\n                        >\n                            <StyledPopover\n                                {...attributes.popper}\n                                className={classes.root}\n                                ref={popoverForkRef}\n                                style={{\n                                    ...styles.popper,\n                                    ...{ display: isOpen ? 'block' : 'none' },\n                                    ...initialStyles,\n                                }}\n                                zIndex={zIndex}\n                            >\n                                {hasArrow && (\n                                    <StyledArrow\n                                        className={classes.arrow}\n                                        ref={setArrowElement}\n                                        style={styles.arrow}\n                                        {...attributes.arrow}\n                                    />\n                                )}\n                                {children}\n                            </StyledPopover>\n                        </Root>,\n                        portalRef.current,\n                    )}\n            </StyledWrapper>\n        );\n    });\n\nexport const popoverConfig = {\n    name: 'Popover',\n    tag: 'div',\n    layout: popoverRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","props","outerRootRef","_placement$","target","children","isOpen","_props$trigger","trigger","hasArrow","_props$frame","frame","className","_props$placement","placement","_props$offset","offset","zIndex","_props$isFocusTrapped","isFocusTrapped","_props$closeOnEsc","closeOnEsc","_props$preventOverflo","preventOverflow","_props$usePortal","usePortal","view","onToggle","rest","_objectWithoutProperties","_excluded","closeOnOverlayClick","closeOnBeyondTargetHover","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","trapRef","useFocusTrap","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","isAutoArray","Array","isArray","isAuto","startsWith","initialStyles","visibility","opacity","_usePopper","usePopper","current","endsWith","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","_rootRef$current","targetIsRoot","rootHasTarget","contains","onClick","_popoverRef$current","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","React","StyledWrapper","classes","wrapper","StyledRoot","ref","cx","ReactDOM","createPortal","_extends","undefined","StyledPopover","popper","root","style","_objectSpread","display","StyledArrow","arrow","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}

package/es/components/Dropdown/Dropdown.js

@@ -61,6 +61,7 @@ var dropdownRoot = function dropdownRoot(Root) {
       placement: getPlacements(placement),
       trigger: trigger,
       closeOnOverlayClick: closeOnOverlayClick,
+      closeOnBeyondTargetHover: false,
       closeOnEsc: closeOnEsc,
       isFocusTrapped: isFocusTrapped,
       frame: frame
@@ -85,7 +86,7 @@ var dropdownConfig = {
     }
   },
   defaults: {
-    view: 'primary',
+    view: 'default',
     size: 'm'
   }
 };

package/es/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useFocusTrap, useForkRef, useUniqId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledDropdown, StyledPopover } from './Dropdown.styles';\nimport { getPlacements } from './utils';\nimport type { DropdownProps } from './Dropdown.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                id,\n                target,\n                children,\n                hasArrow,\n                role,\n                view,\n                size,\n                frame,\n                onToggle,\n                isFocusTrapped = true,\n                isOpen = false,\n                placement = 'auto',\n                trigger = 'click',\n                offset = [0, 6],\n                preventOverflow = false,\n                closeOnOverlayClick = false,\n                closeOnEsc = false,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const uniqId = useUniqId();\n            const innerId = id || uniqId;\n\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const dropdownRef = useRef<HTMLDivElement | null>(null);\n            const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n\n            const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n            const dropdownForkRef = useForkRef<HTMLDivElement>(dropdownRef, trapRef);\n\n            return (\n                <StyledPopover\n                    role={role}\n                    isOpen={isOpen}\n                    usePortal={false}\n                    onToggle={(is, event) => onToggle?.(is, event)}\n                    id={innerId}\n                    ref={dropdownForkRef}\n                    target={target}\n                    offset={offset}\n                    preventOverflow={preventOverflow}\n                    hasArrow={hasArrow}\n                    placement={getPlacements(placement)}\n                    trigger={trigger}\n                    closeOnOverlayClick={closeOnOverlayClick}\n                    closeOnEsc={closeOnEsc}\n                    isFocusTrapped={isFocusTrapped}\n                    frame={frame}\n                >\n                    <Root ref={handleRef} view={view} size={size} {...rest}>\n                        <StyledDropdown>{children}</StyledDropdown>\n                    </Root>\n                </StyledPopover>\n            );\n        },\n    );\n\nexport const dropdownConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","outerRootRef","id","target","children","hasArrow","role","view","size","frame","onToggle","_ref$isFocusTrapped","isFocusTrapped","_ref$isOpen","isOpen","_ref$placement","placement","_ref$trigger","trigger","_ref$offset","offset","_ref$preventOverflow","preventOverflow","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","rest","_objectWithoutProperties","_excluded","uniqId","useUniqId","innerId","rootRef","useRef","dropdownRef","handleRef","useForkRef","trapRef","useFocusTrap","dropdownForkRef","React","createElement","StyledPopover","usePortal","is","event","ref","getPlacements","_extends","StyledDropdown","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useFocusTrap, useForkRef, useUniqId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { StyledDropdown, StyledPopover } from './Dropdown.styles';\nimport { getPlacements } from './utils';\nimport type { DropdownProps } from './Dropdown.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const dropdownRoot = (Root: RootProps<HTMLDivElement, DropdownProps>) =>\n    forwardRef<HTMLDivElement, DropdownProps>(\n        (\n            {\n                id,\n                target,\n                children,\n                hasArrow,\n                role,\n                view,\n                size,\n                frame,\n                onToggle,\n                isFocusTrapped = true,\n                isOpen = false,\n                placement = 'auto',\n                trigger = 'click',\n                offset = [0, 6],\n                preventOverflow = false,\n                closeOnOverlayClick = false,\n                closeOnEsc = false,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const uniqId = useUniqId();\n            const innerId = id || uniqId;\n\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const dropdownRef = useRef<HTMLDivElement | null>(null);\n            const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n\n            const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n            const dropdownForkRef = useForkRef<HTMLDivElement>(dropdownRef, trapRef);\n\n            return (\n                <StyledPopover\n                    role={role}\n                    isOpen={isOpen}\n                    usePortal={false}\n                    onToggle={(is, event) => onToggle?.(is, event)}\n                    id={innerId}\n                    ref={dropdownForkRef}\n                    target={target}\n                    offset={offset}\n                    preventOverflow={preventOverflow}\n                    hasArrow={hasArrow}\n                    placement={getPlacements(placement)}\n                    trigger={trigger}\n                    closeOnOverlayClick={closeOnOverlayClick}\n                    closeOnBeyondTargetHover={false}\n                    closeOnEsc={closeOnEsc}\n                    isFocusTrapped={isFocusTrapped}\n                    frame={frame}\n                >\n                    <Root ref={handleRef} view={view} size={size} {...rest}>\n                        <StyledDropdown>{children}</StyledDropdown>\n                    </Root>\n                </StyledPopover>\n            );\n        },\n    );\n\nexport const dropdownConfig = {\n    name: 'Dropdown',\n    tag: 'div',\n    layout: dropdownRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["dropdownRoot","Root","forwardRef","_ref","outerRootRef","id","target","children","hasArrow","role","view","size","frame","onToggle","_ref$isFocusTrapped","isFocusTrapped","_ref$isOpen","isOpen","_ref$placement","placement","_ref$trigger","trigger","_ref$offset","offset","_ref$preventOverflow","preventOverflow","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","rest","_objectWithoutProperties","_excluded","uniqId","useUniqId","innerId","rootRef","useRef","dropdownRef","handleRef","useForkRef","trapRef","useFocusTrap","dropdownForkRef","React","createElement","StyledPopover","usePortal","is","event","ref","getPlacements","closeOnBeyondTargetHover","_extends","StyledDropdown","dropdownConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Popover/Popover.js

@@ -8,7 +8,7 @@ import { base } from './variations/_view/base.js';
 import { StyledWrapper, StyledRoot, StyledPopover, StyledArrow } from './Popover.styles.js';
 import { classes } from './Popover.tokens.js';
 
-var _excluded = ["target", "children", "isOpen", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnOverlayClick", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle"];
+var _excluded = ["target", "children", "isOpen", "trigger", "hasArrow", "frame", "className", "placement", "offset", "zIndex", "isFocusTrapped", "closeOnEsc", "preventOverflow", "usePortal", "view", "onToggle"];
 var ESCAPE_KEYCODE = 27;
 var POPOVER_PORTAL_ID = 'plasma-popover-root';
 
@@ -17,33 +17,41 @@ var POPOVER_PORTAL_ID = 'plasma-popover-root';
  * и вызова по клику либо ховеру.
  */
 var popoverRoot = function popoverRoot(Root) {
-  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
-    var target = _ref.target,
-      children = _ref.children,
-      isOpen = _ref.isOpen,
-      trigger = _ref.trigger,
-      hasArrow = _ref.hasArrow,
-      _ref$frame = _ref.frame,
-      frame = _ref$frame === void 0 ? 'document' : _ref$frame,
-      className = _ref.className,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'auto' : _ref$placement,
-      _ref$offset = _ref.offset,
-      offset = _ref$offset === void 0 ? [0, 0] : _ref$offset,
-      zIndex = _ref.zIndex,
-      _ref$isFocusTrapped = _ref.isFocusTrapped,
-      isFocusTrapped = _ref$isFocusTrapped === void 0 ? true : _ref$isFocusTrapped,
-      _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
-      closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
-      _ref$closeOnEsc = _ref.closeOnEsc,
-      closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
-      _ref$preventOverflow = _ref.preventOverflow,
-      preventOverflow = _ref$preventOverflow === void 0 ? true : _ref$preventOverflow,
-      _ref$usePortal = _ref.usePortal,
-      usePortal = _ref$usePortal === void 0 ? false : _ref$usePortal,
-      view = _ref.view,
-      onToggle = _ref.onToggle,
-      rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/forwardRef(function (props, outerRootRef) {
+    var _placement$;
+    var target = props.target,
+      children = props.children,
+      isOpen = props.isOpen,
+      _props$trigger = props.trigger,
+      trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
+      hasArrow = props.hasArrow,
+      _props$frame = props.frame,
+      frame = _props$frame === void 0 ? 'document' : _props$frame,
+      className = props.className,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'auto' : _props$placement,
+      _props$offset = props.offset,
+      offset = _props$offset === void 0 ? [0, 0] : _props$offset,
+      zIndex = props.zIndex,
+      _props$isFocusTrapped = props.isFocusTrapped,
+      isFocusTrapped = _props$isFocusTrapped === void 0 ? true : _props$isFocusTrapped,
+      _props$closeOnEsc = props.closeOnEsc,
+      closeOnEsc = _props$closeOnEsc === void 0 ? true : _props$closeOnEsc,
+      _props$preventOverflo = props.preventOverflow,
+      preventOverflow = _props$preventOverflo === void 0 ? true : _props$preventOverflo,
+      _props$usePortal = props.usePortal,
+      usePortal = _props$usePortal === void 0 ? false : _props$usePortal,
+      view = props.view,
+      onToggle = props.onToggle,
+      rest = _objectWithoutProperties(props, _excluded);
+    var closeOnOverlayClick = true;
+    var closeOnBeyondTargetHover = true;
+    if (props.trigger === 'click' && props.closeOnOverlayClick === false) {
+      closeOnOverlayClick = false;
+    }
+    if (props.trigger === 'hover' && props.closeOnBeyondTargetHover === false) {
+      closeOnBeyondTargetHover = false;
+    }
     var rootRef = useRef(null);
     var popoverRef = useRef(null);
     var handleRef = useForkRef(rootRef, outerRootRef);
@@ -64,7 +72,9 @@ var popoverRoot = function popoverRoot(Root) {
       opacity: isOpen ? 1 : 0
     };
     var _usePopper = usePopper(rootRef.current, popoverRef.current, {
-        placement: isAutoArray ? 'auto' : placement,
+        // TODO: #1121
+        // eslint-disable-next-line no-nested-ternary
+        placement: isAutoArray ? (_placement$ = placement[0]) !== null && _placement$ !== void 0 && _placement$.endsWith('start') ? 'auto-start' : 'auto' : placement,
         modifiers: [{
           name: 'preventOverflow',
           options: {
@@ -200,10 +210,15 @@ var popoverRoot = function popoverRoot(Root) {
     }, target), children && portalRef.current && /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(Root, _extends({
       view: view,
       className: className
-    }, rest), /*#__PURE__*/React.createElement(StyledPopover, _extends({}, attributes.popper, {
+    }, rest, {
+      onMouseEnter: closeOnBeyondTargetHover ? undefined : onMouseEnter,
+      onMouseLeave: closeOnBeyondTargetHover ? undefined : onMouseEnter
+    }), /*#__PURE__*/React.createElement(StyledPopover, _extends({}, attributes.popper, {
       className: classes.root,
       ref: popoverForkRef,
-      style: _objectSpread2(_objectSpread2({}, styles.popper), initialStyles),
+      style: _objectSpread2(_objectSpread2(_objectSpread2({}, styles.popper), {
+        display: isOpen ? 'block' : 'none'
+      }), initialStyles),
       zIndex: zIndex
     }), hasArrow && /*#__PURE__*/React.createElement(StyledArrow, _extends({
       className: classes.arrow,

package/es/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport ReactDOM from 'react-dom';\nimport { usePopper } from 'react-popper';\nimport { useFocusTrap, useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/**\n * Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n */\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n    forwardRef<HTMLDivElement, PopoverProps>(\n        (\n            {\n                target,\n                children,\n                isOpen,\n                trigger,\n                hasArrow,\n                frame = 'document',\n                className,\n                placement = 'auto',\n                offset = [0, 0],\n                zIndex,\n                isFocusTrapped = true,\n                closeOnOverlayClick = true,\n                closeOnEsc = true,\n                preventOverflow = true,\n                usePortal = false,\n                view,\n                onToggle,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const rootRef = useRef<HTMLDivElement | null>(null);\n            const popoverRef = useRef<HTMLDivElement | null>(null);\n            const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n            const portalRef = useRef<HTMLElement | null>(null);\n\n            const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n            const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n            const [arrowElement, setArrowElement] = useState<HTMLSpanElement | null>(null);\n\n            const [, forceRender] = useState(false);\n\n            const isAutoArray = Array.isArray(placement);\n            const isAuto = isAutoArray || (placement as PopoverPlacement).startsWith('auto');\n\n            const initialStyles = {\n                visibility: isOpen ? 'visible' : 'hidden',\n                opacity: isOpen ? 1 : 0,\n            } as CSSProperties;\n\n            const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n                placement: isAutoArray ? 'auto' : (placement as PopoverPlacement),\n                modifiers: [\n                    {\n                        name: 'preventOverflow',\n                        options: {\n                            mainAxis: preventOverflow,\n                        },\n                    },\n                    { name: 'offset', options: { offset: [offset[0], offset[1]] } },\n                    {\n                        name: 'flip',\n                        enabled: isAuto,\n                        options: {\n                            allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n                        },\n                    },\n                    {\n                        name: 'arrow',\n                        options: {\n                            element: arrowElement,\n                        },\n                    },\n                ],\n            });\n\n            const onEscape = useCallback(\n                (event: KeyboardEvent) => {\n                    if (isOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n                        onToggle?.(false, event);\n                    }\n                },\n                [closeOnEsc, isOpen, onToggle],\n            );\n\n            const onDocumentClick = useCallback(\n                (event: MouseEvent) => {\n                    if (isOpen && closeOnOverlayClick && onToggle) {\n                        const targetIsRoot = event.target === rootRef.current;\n                        const rootHasTarget = rootRef.current?.contains(event.target as Element);\n\n                        if (!targetIsRoot && !rootHasTarget) {\n                            onToggle(false, event);\n                        }\n                    }\n                },\n                [closeOnOverlayClick, isOpen, onToggle],\n            );\n\n            const onClick = useCallback<React.MouseEventHandler>(\n                (event) => {\n                    if (trigger === 'click') {\n                        const targetIsPopover = event.target === popoverRef.current;\n                        const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n                        if (!targetIsPopover && !rootHasTarget) {\n                            onToggle?.(!isOpen, event);\n                        }\n                    }\n                },\n                [trigger, isOpen, onToggle],\n            );\n\n            const onMouseEnter = useCallback<React.MouseEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(true, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            const onMouseLeave = useCallback<React.MouseEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(false, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            const onFocus = useCallback<React.FocusEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(true, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            const onBlur = useCallback<React.FocusEventHandler>(\n                (event) => {\n                    if (trigger === 'hover') {\n                        onToggle?.(false, event);\n                    }\n                },\n                [trigger, onToggle],\n            );\n\n            useEffect(() => {\n                document.addEventListener('click', onDocumentClick);\n                return () => document.removeEventListener('click', onDocumentClick);\n            }, [closeOnOverlayClick, isOpen, onToggle]);\n\n            useEffect(() => {\n                window.addEventListener('keydown', onEscape);\n                return () => window.removeEventListener('keydown', onEscape);\n            }, [closeOnEsc, isOpen, onToggle]);\n\n            useEffect(() => {\n                let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n                if (typeof frame !== 'string' && frame && frame.current) {\n                    portal = frame.current;\n                }\n\n                if (!usePortal) {\n                    portal = rootRef.current;\n                }\n\n                if (!portal) {\n                    portal = document.createElement('div');\n                    portal.setAttribute('id', POPOVER_PORTAL_ID);\n\n                    if (typeof frame === 'string' && frame !== 'document') {\n                        document.getElementById(frame)?.appendChild(portal);\n                    } else {\n                        document.body.appendChild(portal);\n                    }\n                }\n\n                portalRef.current = portal;\n\n                /**\n                 * Изменение стейта нужно для того, чтобы Popup\n                 * отобразился после записи DOM элемента в portalRef.current\n                 */\n                forceRender(true);\n            }, []);\n\n            useEffect(() => {\n                if (!isOpen || !forceUpdate) {\n                    return;\n                }\n\n                /*\n                 * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n                 * к повторному рендеру компонента, который уже находится в процессе рендера.\n                 * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n                 * вызов метода в очередь микрозадач.\n                 */\n                Promise.resolve().then(forceUpdate);\n            }, [isOpen, children, forceUpdate]);\n\n            return (\n                <StyledWrapper className={classes.wrapper}>\n                    <StyledRoot\n                        ref={handleRef}\n                        onClick={onClick}\n                        onMouseEnter={onMouseEnter}\n                        onMouseLeave={onMouseLeave}\n                        onFocus={onFocus}\n                        onBlur={onBlur}\n                        className={cx(className, classes.target)}\n                    >\n                        {target}\n                    </StyledRoot>\n                    {children &&\n                        portalRef.current &&\n                        ReactDOM.createPortal(\n                            <Root view={view} className={className} {...rest}>\n                                <StyledPopover\n                                    {...attributes.popper}\n                                    className={classes.root}\n                                    ref={popoverForkRef}\n                                    style={{ ...styles.popper, ...initialStyles }}\n                                    zIndex={zIndex}\n                                >\n                                    {hasArrow && (\n                                        <StyledArrow\n                                            className={classes.arrow}\n                                            ref={setArrowElement}\n                                            style={styles.arrow}\n                                            {...attributes.arrow}\n                                        />\n                                    )}\n                                    {children}\n                                </StyledPopover>\n                            </Root>,\n                            portalRef.current,\n                        )}\n                </StyledWrapper>\n            );\n        },\n    );\n\nexport const popoverConfig = {\n    name: 'Popover',\n    tag: 'div',\n    layout: popoverRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","_ref","outerRootRef","target","children","isOpen","trigger","hasArrow","_ref$frame","frame","className","_ref$placement","placement","_ref$offset","offset","zIndex","_ref$isFocusTrapped","isFocusTrapped","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","_ref$preventOverflow","preventOverflow","_ref$usePortal","usePortal","view","onToggle","rest","_objectWithoutProperties","_excluded","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","trapRef","useFocusTrap","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","isAutoArray","Array","isArray","isAuto","startsWith","initialStyles","visibility","opacity","_usePopper","usePopper","current","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","_rootRef$current","targetIsRoot","rootHasTarget","contains","onClick","_popoverRef$current","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","React","StyledWrapper","classes","wrapper","StyledRoot","ref","cx","ReactDOM","createPortal","_extends","StyledPopover","popper","root","style","_objectSpread","StyledArrow","arrow","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useRef, useCallback, useEffect, useState, forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport ReactDOM from 'react-dom';\nimport { usePopper } from 'react-popper';\nimport { useFocusTrap, useForkRef } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport type { PopoverPlacement, PopoverProps } from './Popover.types';\nimport { StyledArrow, StyledPopover, StyledRoot, StyledWrapper } from './Popover.styles';\nimport { classes } from './Popover.tokens';\n\nexport const ESCAPE_KEYCODE = 27;\nexport const POPOVER_PORTAL_ID = 'plasma-popover-root';\n\n/**\n * Всплывающее окно с возможностью позиционирования\n * и вызова по клику либо ховеру.\n */\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, PopoverProps>) =>\n    forwardRef<HTMLDivElement, PopoverProps>((props, outerRootRef) => {\n        const {\n            target,\n            children,\n            isOpen,\n            trigger = 'click',\n            hasArrow,\n            frame = 'document',\n            className,\n            placement = 'auto',\n            offset = [0, 0],\n            zIndex,\n            isFocusTrapped = true,\n            closeOnEsc = true,\n            preventOverflow = true,\n            usePortal = false,\n            view,\n            onToggle,\n            ...rest\n        } = props;\n\n        let closeOnOverlayClick = true;\n        let closeOnBeyondTargetHover = true;\n\n        if (props.trigger === 'click' && props.closeOnOverlayClick === false) {\n            closeOnOverlayClick = false;\n        }\n        if (props.trigger === 'hover' && props.closeOnBeyondTargetHover === false) {\n            closeOnBeyondTargetHover = false;\n        }\n\n        const rootRef = useRef<HTMLDivElement | null>(null);\n        const popoverRef = useRef<HTMLDivElement | null>(null);\n        const handleRef = useForkRef<HTMLDivElement>(rootRef, outerRootRef);\n        const portalRef = useRef<HTMLElement | null>(null);\n\n        const trapRef = useFocusTrap(isOpen && isFocusTrapped);\n\n        const popoverForkRef = useForkRef<HTMLDivElement>(popoverRef, trapRef);\n\n        const [arrowElement, setArrowElement] = useState<HTMLSpanElement | null>(null);\n\n        const [, forceRender] = useState(false);\n\n        const isAutoArray = Array.isArray(placement);\n        const isAuto = isAutoArray || (placement as PopoverPlacement).startsWith('auto');\n\n        const initialStyles = {\n            visibility: isOpen ? 'visible' : 'hidden',\n            opacity: isOpen ? 1 : 0,\n        } as CSSProperties;\n\n        const { styles, attributes, forceUpdate } = usePopper(rootRef.current, popoverRef.current, {\n            // TODO: #1121\n            // eslint-disable-next-line no-nested-ternary\n            placement: isAutoArray\n                ? placement[0]?.endsWith('start')\n                    ? 'auto-start'\n                    : 'auto'\n                : (placement as PopoverPlacement),\n            modifiers: [\n                {\n                    name: 'preventOverflow',\n                    options: {\n                        mainAxis: preventOverflow,\n                    },\n                },\n                { name: 'offset', options: { offset: [offset[0], offset[1]] } },\n                {\n                    name: 'flip',\n                    enabled: isAuto,\n                    options: {\n                        allowedAutoPlacements: isAutoArray ? (placement as PopoverPlacement[]) : [],\n                    },\n                },\n                {\n                    name: 'arrow',\n                    options: {\n                        element: arrowElement,\n                    },\n                },\n            ],\n        });\n\n        const onEscape = useCallback(\n            (event: KeyboardEvent) => {\n                if (isOpen && closeOnEsc && event.keyCode === ESCAPE_KEYCODE) {\n                    onToggle?.(false, event);\n                }\n            },\n            [closeOnEsc, isOpen, onToggle],\n        );\n\n        const onDocumentClick = useCallback(\n            (event: MouseEvent) => {\n                if (isOpen && closeOnOverlayClick && onToggle) {\n                    const targetIsRoot = event.target === rootRef.current;\n                    const rootHasTarget = rootRef.current?.contains(event.target as Element);\n\n                    if (!targetIsRoot && !rootHasTarget) {\n                        onToggle(false, event);\n                    }\n                }\n            },\n            [closeOnOverlayClick, isOpen, onToggle],\n        );\n\n        const onClick = useCallback<React.MouseEventHandler>(\n            (event) => {\n                if (trigger === 'click') {\n                    const targetIsPopover = event.target === popoverRef.current;\n                    const rootHasTarget = popoverRef.current?.contains(event.target as Element);\n\n                    if (!targetIsPopover && !rootHasTarget) {\n                        onToggle?.(!isOpen, event);\n                    }\n                }\n            },\n            [trigger, isOpen, onToggle],\n        );\n\n        const onMouseEnter = useCallback<React.MouseEventHandler>(\n            (event) => {\n                if (trigger === 'hover') {\n                    onToggle?.(true, event);\n                }\n            },\n            [trigger, onToggle],\n        );\n\n        const onMouseLeave = useCallback<React.MouseEventHandler>(\n            (event) => {\n                if (trigger === 'hover') {\n                    onToggle?.(false, event);\n                }\n            },\n            [trigger, onToggle],\n        );\n\n        const onFocus = useCallback<React.FocusEventHandler>(\n            (event) => {\n                if (trigger === 'hover') {\n                    onToggle?.(true, event);\n                }\n            },\n            [trigger, onToggle],\n        );\n\n        const onBlur = useCallback<React.FocusEventHandler>(\n            (event) => {\n                if (trigger === 'hover') {\n                    onToggle?.(false, event);\n                }\n            },\n            [trigger, onToggle],\n        );\n\n        useEffect(() => {\n            document.addEventListener('click', onDocumentClick);\n            return () => document.removeEventListener('click', onDocumentClick);\n        }, [closeOnOverlayClick, isOpen, onToggle]);\n\n        useEffect(() => {\n            window.addEventListener('keydown', onEscape);\n            return () => window.removeEventListener('keydown', onEscape);\n        }, [closeOnEsc, isOpen, onToggle]);\n\n        useEffect(() => {\n            let portal = document.getElementById(POPOVER_PORTAL_ID);\n\n            if (typeof frame !== 'string' && frame && frame.current) {\n                portal = frame.current;\n            }\n\n            if (!usePortal) {\n                portal = rootRef.current;\n            }\n\n            if (!portal) {\n                portal = document.createElement('div');\n                portal.setAttribute('id', POPOVER_PORTAL_ID);\n\n                if (typeof frame === 'string' && frame !== 'document') {\n                    document.getElementById(frame)?.appendChild(portal);\n                } else {\n                    document.body.appendChild(portal);\n                }\n            }\n\n            portalRef.current = portal;\n\n            /**\n             * Изменение стейта нужно для того, чтобы Popup\n             * отобразился после записи DOM элемента в portalRef.current\n             */\n            forceRender(true);\n        }, []);\n\n        useEffect(() => {\n            if (!isOpen || !forceUpdate) {\n                return;\n            }\n\n            /*\n             * INFO: Метод forceUpdate содержит в себе flushSync и приводит\n             * к повторному рендеру компонента, который уже находится в процессе рендера.\n             * Данный хак, нужен для того, чтобы это поведение избежать и перенаправить\n             * вызов метода в очередь микрозадач.\n             */\n            Promise.resolve().then(forceUpdate);\n        }, [isOpen, children, forceUpdate]);\n\n        return (\n            <StyledWrapper className={classes.wrapper}>\n                <StyledRoot\n                    ref={handleRef}\n                    onClick={onClick}\n                    onMouseEnter={onMouseEnter}\n                    onMouseLeave={onMouseLeave}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    className={cx(className, classes.target)}\n                >\n                    {target}\n                </StyledRoot>\n                {children &&\n                    portalRef.current &&\n                    ReactDOM.createPortal(\n                        <Root\n                            view={view}\n                            className={className}\n                            {...rest}\n                            onMouseEnter={closeOnBeyondTargetHover ? undefined : onMouseEnter}\n                            onMouseLeave={closeOnBeyondTargetHover ? undefined : onMouseEnter}\n                        >\n                            <StyledPopover\n                                {...attributes.popper}\n                                className={classes.root}\n                                ref={popoverForkRef}\n                                style={{\n                                    ...styles.popper,\n                                    ...{ display: isOpen ? 'block' : 'none' },\n                                    ...initialStyles,\n                                }}\n                                zIndex={zIndex}\n                            >\n                                {hasArrow && (\n                                    <StyledArrow\n                                        className={classes.arrow}\n                                        ref={setArrowElement}\n                                        style={styles.arrow}\n                                        {...attributes.arrow}\n                                    />\n                                )}\n                                {children}\n                            </StyledPopover>\n                        </Root>,\n                        portalRef.current,\n                    )}\n            </StyledWrapper>\n        );\n    });\n\nexport const popoverConfig = {\n    name: 'Popover',\n    tag: 'div',\n    layout: popoverRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["ESCAPE_KEYCODE","POPOVER_PORTAL_ID","popoverRoot","Root","forwardRef","props","outerRootRef","_placement$","target","children","isOpen","_props$trigger","trigger","hasArrow","_props$frame","frame","className","_props$placement","placement","_props$offset","offset","zIndex","_props$isFocusTrapped","isFocusTrapped","_props$closeOnEsc","closeOnEsc","_props$preventOverflo","preventOverflow","_props$usePortal","usePortal","view","onToggle","rest","_objectWithoutProperties","_excluded","closeOnOverlayClick","closeOnBeyondTargetHover","rootRef","useRef","popoverRef","handleRef","useForkRef","portalRef","trapRef","useFocusTrap","popoverForkRef","_useState","useState","_useState2","_slicedToArray","arrowElement","setArrowElement","_useState3","_useState4","forceRender","isAutoArray","Array","isArray","isAuto","startsWith","initialStyles","visibility","opacity","_usePopper","usePopper","current","endsWith","modifiers","name","options","mainAxis","enabled","allowedAutoPlacements","element","styles","attributes","forceUpdate","onEscape","useCallback","event","keyCode","onDocumentClick","_rootRef$current","targetIsRoot","rootHasTarget","contains","onClick","_popoverRef$current","targetIsPopover","onMouseEnter","onMouseLeave","onFocus","onBlur","useEffect","document","addEventListener","removeEventListener","window","portal","getElementById","createElement","setAttribute","_document$getElementB","appendChild","body","Promise","resolve","then","React","StyledWrapper","classes","wrapper","StyledRoot","ref","cx","ReactDOM","createPortal","_extends","undefined","StyledPopover","popper","root","style","_objectSpread","display","StyledArrow","arrow","popoverConfig","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.67.0-dev.0",
+  "version": "0.68.0-canary.1104.8452362346.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -102,5 +102,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "94c4a7b762bf90d57a87e11b91630ac730ce2d65"
+  "gitHead": "4662651c24967c2f8fb53925adb2c3c7ad4ff87a"
 }

package/styled-components/cjs/components/Dropdown/Dropdown.js

@@ -71,6 +71,7 @@ var dropdownRoot = exports.dropdownRoot = function dropdownRoot(Root) {
       placement: (0, _utils.getPlacements)(placement),
       trigger: trigger,
       closeOnOverlayClick: closeOnOverlayClick,
+      closeOnBeyondTargetHover: false,
       closeOnEsc: closeOnEsc,
       isFocusTrapped: isFocusTrapped,
       frame: frame
@@ -95,7 +96,7 @@ var dropdownConfig = exports.dropdownConfig = {
     }
   },
   defaults: {
-    view: 'primary',
+    view: 'default',
     size: 'm'
   }
 };