@salutejs/plasma-new-hope 0.337.0-canary.2244.17824684419.0 → 0.337.0-canary.2244.17828197735.0

package/cjs/components/Modal/Modal.js

@@ -62,7 +62,7 @@ var modalRoot = function modalRoot(Root) {
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
     var innerIsOpen = Boolean(isOpen || opened);
     var innerHasClose = hasClose === undefined && hasBody || hasClose;
-    var trapRef = useFocusTrap.useFocusTrap(enableFocusTrap, initialFocusRef, focusAfterRef, true);
+    var trapRef = useFocusTrap.useFocusTrap(enableFocusTrap, initialFocusRef, focusAfterRef, true, !enableFocusTrap);
     var popupController = PopupContext.usePopupContext();
     var innerRef = plasmaCore.useForkRef(trapRef, outerRootRef);
     var uniqId = react.safeUseId();

package/cjs/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\nimport { RootProps, component } from 'src/engines';\nimport { useFocusTrap } from 'src/hooks';\n\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { IconClose } from '../_Icon/Icons/IconClose';\n\nimport { classes, tokens } from './Modal.tokens';\nimport { ModalProps } from './Modal.types';\nimport { useModal } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getIdLastModal } from './ModalContext';\nimport { CloseButton, ModalBody, ModalContent, base } from './Modal.styles';\n\n// issue #823\nconst Popup = component(popupConfig);\n\n/**\n * Modal.\n * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.\n */\nexport const modalRoot = (Root: RootProps<HTMLDivElement, ModalProps>) =>\n    forwardRef<HTMLDivElement, ModalProps>(\n        (\n            {\n                id,\n                withAnimation,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                withBlur,\n                enableFocusTrap = true,\n                initialFocusRef,\n                focusAfterRef,\n                zIndex,\n                popupInfo,\n                children,\n                view,\n                opened,\n                isOpen,\n                hasBody,\n                hasClose,\n                resizable,\n                draggable,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n            const innerHasClose = (hasClose === undefined && hasBody) || hasClose;\n            const trapRef = useFocusTrap(enableFocusTrap, initialFocusRef, focusAfterRef, true);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRootRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.modalOverlayWithBlurColor})`\n                : `var(${tokens.modalOverlayColor})`;\n\n            const { modalInfo } = useModal({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n            });\n\n            const transparent = useMemo(() => getIdLastModal(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onModalOverlayKeyDown = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    if (onOverlayClick) {\n                        onOverlayClick(event);\n                        return;\n                    }\n\n                    if (onClose) {\n                        onClose();\n                    }\n                },\n                [closeOnOverlayClick, onOverlayClick, onClose],\n            );\n\n            const overlayNode = (\n                <Overlay\n                    className={classes.overlay}\n                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                    backgroundColorProperty={overlayBackgroundToken}\n                    withBlur={withBlur}\n                    transparent={transparent}\n                    isClickable={closeOnOverlayClick}\n                    onOverlayClick={onModalOverlayKeyDown}\n                />\n            );\n\n            return (\n                <Popup\n                    id={innerId}\n                    opened={innerIsOpen}\n                    ref={innerRef}\n                    popupInfo={modalInfo}\n                    withAnimation={withAnimation}\n                    zIndex={zIndex}\n                    overlay={hasBody ? overlayNode : <Root view={view}>{overlayNode}</Root>}\n                    draggable={draggable}\n                    resizable={resizable}\n                    {...rest}\n                >\n                    {hasBody ? (\n                        <Root view={view}>\n                            <ModalBody>\n                                <ModalContent>\n                                    {innerHasClose && (\n                                        <CloseButton onClick={onClose} data-test=\"modal-close\">\n                                            <IconClose size=\"s\" color=\"currentColor\" />\n                                        </CloseButton>\n                                    )}\n                                    {children}\n                                </ModalContent>\n                            </ModalBody>\n                        </Root>\n                    ) : (\n                        <>{children}</>\n                    )}\n                </Popup>\n            );\n        },\n    );\n\nexport const modalConfig = {\n    name: 'Modal',\n    tag: 'div',\n    layout: modalRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Popup","component","popupConfig","modalRoot","Root","forwardRef","_ref","outerRootRef","id","withAnimation","onClose","onOverlayClick","onEscKeyDown","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","withBlur","_ref$enableFocusTrap","enableFocusTrap","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","hasBody","hasClose","resizable","draggable","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","innerHasClose","undefined","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","modalOverlayWithBlurColor","modalOverlayColor","_useModal","useModal","modalInfo","transparent","useMemo","getIdLastModal","Array","from","items","values","onModalOverlayKeyDown","useCallback","event","overlayNode","React","createElement","Overlay","className","classes","overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","_extends","ref","ModalBody","ModalContent","CloseButton","onClick","_IconClose","IconClose","size","color","Fragment","modalConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\nimport { RootProps, component } from 'src/engines';\nimport { useFocusTrap } from 'src/hooks';\n\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { IconClose } from '../_Icon/Icons/IconClose';\n\nimport { classes, tokens } from './Modal.tokens';\nimport { ModalProps } from './Modal.types';\nimport { useModal } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getIdLastModal } from './ModalContext';\nimport { CloseButton, ModalBody, ModalContent, base } from './Modal.styles';\n\n// issue #823\nconst Popup = component(popupConfig);\n\n/**\n * Modal.\n * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.\n */\nexport const modalRoot = (Root: RootProps<HTMLDivElement, ModalProps>) =>\n    forwardRef<HTMLDivElement, ModalProps>(\n        (\n            {\n                id,\n                withAnimation,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                withBlur,\n                enableFocusTrap = true,\n                initialFocusRef,\n                focusAfterRef,\n                zIndex,\n                popupInfo,\n                children,\n                view,\n                opened,\n                isOpen,\n                hasBody,\n                hasClose,\n                resizable,\n                draggable,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n            const innerHasClose = (hasClose === undefined && hasBody) || hasClose;\n            const trapRef = useFocusTrap(enableFocusTrap, initialFocusRef, focusAfterRef, true, !enableFocusTrap);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRootRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.modalOverlayWithBlurColor})`\n                : `var(${tokens.modalOverlayColor})`;\n\n            const { modalInfo } = useModal({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n            });\n\n            const transparent = useMemo(() => getIdLastModal(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onModalOverlayKeyDown = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    if (onOverlayClick) {\n                        onOverlayClick(event);\n                        return;\n                    }\n\n                    if (onClose) {\n                        onClose();\n                    }\n                },\n                [closeOnOverlayClick, onOverlayClick, onClose],\n            );\n\n            const overlayNode = (\n                <Overlay\n                    className={classes.overlay}\n                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                    backgroundColorProperty={overlayBackgroundToken}\n                    withBlur={withBlur}\n                    transparent={transparent}\n                    isClickable={closeOnOverlayClick}\n                    onOverlayClick={onModalOverlayKeyDown}\n                />\n            );\n\n            return (\n                <Popup\n                    id={innerId}\n                    opened={innerIsOpen}\n                    ref={innerRef}\n                    popupInfo={modalInfo}\n                    withAnimation={withAnimation}\n                    zIndex={zIndex}\n                    overlay={hasBody ? overlayNode : <Root view={view}>{overlayNode}</Root>}\n                    draggable={draggable}\n                    resizable={resizable}\n                    {...rest}\n                >\n                    {hasBody ? (\n                        <Root view={view}>\n                            <ModalBody>\n                                <ModalContent>\n                                    {innerHasClose && (\n                                        <CloseButton onClick={onClose} data-test=\"modal-close\">\n                                            <IconClose size=\"s\" color=\"currentColor\" />\n                                        </CloseButton>\n                                    )}\n                                    {children}\n                                </ModalContent>\n                            </ModalBody>\n                        </Root>\n                    ) : (\n                        <>{children}</>\n                    )}\n                </Popup>\n            );\n        },\n    );\n\nexport const modalConfig = {\n    name: 'Modal',\n    tag: 'div',\n    layout: modalRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Popup","component","popupConfig","modalRoot","Root","forwardRef","_ref","outerRootRef","id","withAnimation","onClose","onOverlayClick","onEscKeyDown","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","withBlur","_ref$enableFocusTrap","enableFocusTrap","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","hasBody","hasClose","resizable","draggable","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","innerHasClose","undefined","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","modalOverlayWithBlurColor","modalOverlayColor","_useModal","useModal","modalInfo","transparent","useMemo","getIdLastModal","Array","from","items","values","onModalOverlayKeyDown","useCallback","event","overlayNode","React","createElement","Overlay","className","classes","overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","_extends","ref","ModalBody","ModalContent","CloseButton","onClick","_IconClose","IconClose","size","color","Fragment","modalConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}

package/cjs/hooks/useFocusTrap.js

@@ -51,13 +51,14 @@ var useFocusTrap = function useFocusTrap() {
   var firstFocusSelector = arguments.length > 1 ? arguments[1] : undefined;
   var focusAfterNode = arguments.length > 2 ? arguments[2] : undefined;
   var focusAfterAnimation = arguments.length > 3 ? arguments[3] : undefined;
+  var enableOnFirstMount = arguments.length > 4 ? arguments[4] : undefined;
   var ref = React.useRef();
   var setRef = React.useCallback(function (node) {
     if (ref.current) {
       focusManager.teardownScopedFocus();
       focusManager.returnFocus();
     }
-    if (node) {
+    if ((active || enableOnFirstMount) && node) {
       focusManager.setupScopedFocus(node);
       focusManager.markForFocusAfter(focusAfterNode);
 
@@ -75,12 +76,15 @@ var useFocusTrap = function useFocusTrap() {
       return;
     }
     ref.current = null;
-  }, [active, firstFocusSelector]);
+  }, [active, enableOnFirstMount, firstFocusSelector]);
   React.useEffect(function () {
+    if (!active && !enableOnFirstMount) {
+      return;
+    }
     var handleKeyDown = function handleKeyDown(event) {
       if (event.key === 'Tab' && ref.current) {
         scopeTab.scopeTab(ref.current, event, active);
-        if (!active) {
+        if (enableOnFirstMount) {
           setTimeout(function () {
             focusManager.teardownScopedFocus();
           });
@@ -91,7 +95,7 @@ var useFocusTrap = function useFocusTrap() {
     return function () {
       document.removeEventListener('keydown', handleKeyDown);
     };
-  }, [active]);
+  }, [active, enableOnFirstMount]);
   return setRef;
 };
 

package/cjs/hooks/useFocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { FocusManager } from '../utils/focusManager';\nimport { focusSelector, isFocusable, isTabble } from '../utils/tabbable';\nimport { scopeTab } from '../utils/scopeTab';\n\n// Находим элемент для фокуса\nconst getFocusElement = (\n    node: HTMLElement,\n    firstFocusSelector?: string | React.RefObject<HTMLElement>,\n): HTMLElement | null => {\n    let focusElement: HTMLElement | null = null;\n    if (firstFocusSelector) {\n        if (typeof firstFocusSelector === 'string') {\n            focusElement = node.querySelector(firstFocusSelector);\n        } else if (firstFocusSelector.current) {\n            focusElement = firstFocusSelector.current;\n        }\n    }\n\n    if (!focusElement) {\n        const children = Array.from<HTMLElement>(node.querySelectorAll(focusSelector));\n        focusElement = children.find((el) => isTabble(el)) || null;\n    }\n\n    // Если ничего не нашлось, то может ли сама нода быть под фокусом\n    if (!focusElement && isFocusable(node)) {\n        focusElement = node;\n    }\n\n    return focusElement;\n};\n\nconst processNode = (\n    node: HTMLElement,\n    firstFocusSelector?: string | React.RefObject<HTMLElement>,\n    ref?: React.MutableRefObject<HTMLElement | null | undefined>,\n) => {\n    if (ref?.current) {\n        ref.current.removeEventListener('animationend', () => {\n            processNode(node, firstFocusSelector, ref);\n        });\n    }\n    const focusElement = getFocusElement(node, firstFocusSelector);\n\n    if (focusElement) {\n        focusElement.focus();\n    }\n};\n\nconst focusManager = new FocusManager();\n\n/**\n *  Захватывает фокус внутри DOM node.\n * */\nexport const useFocusTrap = (\n    active = true,\n    firstFocusSelector?: string | React.RefObject<HTMLElement>,\n    focusAfterNode?: React.RefObject<HTMLElement>,\n    focusAfterAnimation?: boolean,\n): ((instance: HTMLElement | null) => void) => {\n    const ref = useRef<HTMLElement | null>();\n\n    const setRef = useCallback(\n        (node: HTMLElement | null) => {\n            if (ref.current) {\n                focusManager.teardownScopedFocus();\n                focusManager.returnFocus();\n            }\n\n            if (node) {\n                focusManager.setupScopedFocus(node);\n                focusManager.markForFocusAfter(focusAfterNode);\n\n                // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.\n                setTimeout(() => {\n                    if (ref?.current && node.ownerDocument && focusAfterAnimation) {\n                        ref.current.addEventListener('animationend', () => {\n                            processNode(node, firstFocusSelector, ref);\n                        });\n                    } else if (node.ownerDocument) {\n                        processNode(node, firstFocusSelector);\n                    }\n                });\n\n                ref.current = node;\n                return;\n            }\n\n            ref.current = null;\n        },\n        [active, firstFocusSelector],\n    );\n\n    useEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Tab' && ref.current) {\n                scopeTab(ref.current, event, active);\n\n                if (!active) {\n                    setTimeout(() => {\n                        focusManager.teardownScopedFocus();\n                    });\n                }\n            }\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n        return () => {\n            document.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [active]);\n\n    return setRef;\n};\n"],"names":["getFocusElement","node","firstFocusSelector","focusElement","querySelector","current","children","Array","from","querySelectorAll","focusSelector","find","el","isTabble","isFocusable","processNode","ref","removeEventListener","focus","focusManager","FocusManager","useFocusTrap","active","arguments","length","undefined","focusAfterNode","focusAfterAnimation","useRef","setRef","useCallback","teardownScopedFocus","returnFocus","setupScopedFocus","markForFocusAfter","setTimeout","ownerDocument","addEventListener","useEffect","handleKeyDown","event","key","scopeTab","document"],"mappings":"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"}
+{"version":3,"file":"useFocusTrap.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { FocusManager } from '../utils/focusManager';\nimport { focusSelector, isFocusable, isTabble } from '../utils/tabbable';\nimport { scopeTab } from '../utils/scopeTab';\n\n// Находим элемент для фокуса\nconst getFocusElement = (\n    node: HTMLElement,\n    firstFocusSelector?: string | React.RefObject<HTMLElement>,\n): HTMLElement | null => {\n    let focusElement: HTMLElement | null = null;\n    if (firstFocusSelector) {\n        if (typeof firstFocusSelector === 'string') {\n            focusElement = node.querySelector(firstFocusSelector);\n        } else if (firstFocusSelector.current) {\n            focusElement = firstFocusSelector.current;\n        }\n    }\n\n    if (!focusElement) {\n        const children = Array.from<HTMLElement>(node.querySelectorAll(focusSelector));\n        focusElement = children.find((el) => isTabble(el)) || null;\n    }\n\n    // Если ничего не нашлось, то может ли сама нода быть под фокусом\n    if (!focusElement && isFocusable(node)) {\n        focusElement = node;\n    }\n\n    return focusElement;\n};\n\nconst processNode = (\n    node: HTMLElement,\n    firstFocusSelector?: string | React.RefObject<HTMLElement>,\n    ref?: React.MutableRefObject<HTMLElement | null | undefined>,\n) => {\n    if (ref?.current) {\n        ref.current.removeEventListener('animationend', () => {\n            processNode(node, firstFocusSelector, ref);\n        });\n    }\n    const focusElement = getFocusElement(node, firstFocusSelector);\n\n    if (focusElement) {\n        focusElement.focus();\n    }\n};\n\nconst focusManager = new FocusManager();\n\n/**\n *  Захватывает фокус внутри DOM node.\n * */\nexport const useFocusTrap = (\n    active = true,\n    firstFocusSelector?: string | React.RefObject<HTMLElement>,\n    focusAfterNode?: React.RefObject<HTMLElement>,\n    focusAfterAnimation?: boolean,\n    enableOnFirstMount?: boolean,\n): ((instance: HTMLElement | null) => void) => {\n    const ref = useRef<HTMLElement | null>();\n\n    const setRef = useCallback(\n        (node: HTMLElement | null) => {\n            if (ref.current) {\n                focusManager.teardownScopedFocus();\n                focusManager.returnFocus();\n            }\n\n            if ((active || enableOnFirstMount) && node) {\n                focusManager.setupScopedFocus(node);\n                focusManager.markForFocusAfter(focusAfterNode);\n\n                // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.\n                setTimeout(() => {\n                    if (ref?.current && node.ownerDocument && focusAfterAnimation) {\n                        ref.current.addEventListener('animationend', () => {\n                            processNode(node, firstFocusSelector, ref);\n                        });\n                    } else if (node.ownerDocument) {\n                        processNode(node, firstFocusSelector);\n                    }\n                });\n\n                ref.current = node;\n                return;\n            }\n\n            ref.current = null;\n        },\n        [active, enableOnFirstMount, firstFocusSelector],\n    );\n\n    useEffect(() => {\n        if (!active && !enableOnFirstMount) {\n            return;\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Tab' && ref.current) {\n                scopeTab(ref.current, event, active);\n\n                if (enableOnFirstMount) {\n                    setTimeout(() => {\n                        focusManager.teardownScopedFocus();\n                    });\n                }\n            }\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n        return () => {\n            document.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [active, enableOnFirstMount]);\n\n    return setRef;\n};\n"],"names":["getFocusElement","node","firstFocusSelector","focusElement","querySelector","current","children","Array","from","querySelectorAll","focusSelector","find","el","isTabble","isFocusable","processNode","ref","removeEventListener","focus","focusManager","FocusManager","useFocusTrap","active","arguments","length","undefined","focusAfterNode","focusAfterAnimation","enableOnFirstMount","useRef","setRef","useCallback","teardownScopedFocus","returnFocus","setupScopedFocus","markForFocusAfter","setTimeout","ownerDocument","addEventListener","useEffect","handleKeyDown","event","key","scopeTab","document"],"mappings":"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"}

package/cjs/utils/scopeTab.js

@@ -19,7 +19,7 @@ var scopeTab = function scopeTab(node, event, activeFocusTrap) {
   // смотрим, является ли элемент крайним - первый или последним
   var finalTabbable = tabbable$1[event.shiftKey ? 0 : tabbable$1.length - 1];
   var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
-  console.log(!leavingFinalTabbable || !activeFocusTrap);
+
   // если не является, то передаем обработку таба самому браузеру
   if (!leavingFinalTabbable || !activeFocusTrap) {
     return;

package/cjs/utils/scopeTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"scopeTab.js","sources":["../../src/utils/scopeTab.ts"],"sourcesContent":["import { findTabbableDescendants } from './tabbable';\n\n/**\n * Управлление фокусом лишь внутри ноды через tab\n * @param node\n * @param event\n */\nexport const scopeTab = (node: HTMLElement, event: KeyboardEvent, activeFocusTrap?: boolean) => {\n    const tabbable = findTabbableDescendants(node);\n    if (!tabbable.length) {\n        event.preventDefault();\n        return;\n    }\n\n    // смотрим, является ли элемент крайним - первый или последним\n    const finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];\n    const leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;\n\n    console.log(!leavingFinalTabbable || !activeFocusTrap);\n    // если не является, то передаем обработку таба самому браузеру\n    if (!leavingFinalTabbable || !activeFocusTrap) {\n        return;\n    }\n\n    // иначе зацкливаемся\n    event.preventDefault();\n    const target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];\n    if (target) {\n        target.focus();\n    }\n};\n"],"names":["scopeTab","node","event","activeFocusTrap","tabbable","findTabbableDescendants","length","preventDefault","finalTabbable","shiftKey","leavingFinalTabbable","document","activeElement","console","log","target","focus"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAAiB,EAAEC,KAAoB,EAAEC,eAAyB,EAAK;AAC5F,EAAA,IAAMC,UAAQ,GAAGC,gCAAuB,CAACJ,IAAI,CAAC,CAAA;AAC9C,EAAA,IAAI,CAACG,UAAQ,CAACE,MAAM,EAAE;IAClBJ,KAAK,CAACK,cAAc,EAAE,CAAA;AACtB,IAAA,OAAA;AACJ,GAAA;;AAEA;AACA,EAAA,IAAMC,aAAa,GAAGJ,UAAQ,CAACF,KAAK,CAACO,QAAQ,GAAG,CAAC,GAAGL,UAAQ,CAACE,MAAM,GAAG,CAAC,CAAC,CAAA;AACxE,EAAA,IAAMI,oBAAoB,GAAGF,aAAa,KAAKG,QAAQ,CAACC,aAAa,IAAIX,IAAI,KAAKU,QAAQ,CAACC,aAAa,CAAA;EAExGC,OAAO,CAACC,GAAG,CAAC,CAACJ,oBAAoB,IAAI,CAACP,eAAe,CAAC,CAAA;AACtD;AACA,EAAA,IAAI,CAACO,oBAAoB,IAAI,CAACP,eAAe,EAAE;AAC3C,IAAA,OAAA;AACJ,GAAA;;AAEA;EACAD,KAAK,CAACK,cAAc,EAAE,CAAA;AACtB,EAAA,IAAMQ,MAAM,GAAGX,UAAQ,CAACF,KAAK,CAACO,QAAQ,GAAGL,UAAQ,CAACE,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACjE,EAAA,IAAIS,MAAM,EAAE;IACRA,MAAM,CAACC,KAAK,EAAE,CAAA;AAClB,GAAA;AACJ;;;;"}
+{"version":3,"file":"scopeTab.js","sources":["../../src/utils/scopeTab.ts"],"sourcesContent":["import { findTabbableDescendants } from './tabbable';\n\n/**\n * Управлление фокусом лишь внутри ноды через tab\n * @param node\n * @param event\n */\nexport const scopeTab = (node: HTMLElement, event: KeyboardEvent, activeFocusTrap?: boolean) => {\n    const tabbable = findTabbableDescendants(node);\n    if (!tabbable.length) {\n        event.preventDefault();\n        return;\n    }\n\n    // смотрим, является ли элемент крайним - первый или последним\n    const finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];\n    const leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;\n\n    // если не является, то передаем обработку таба самому браузеру\n    if (!leavingFinalTabbable || !activeFocusTrap) {\n        return;\n    }\n\n    // иначе зацкливаемся\n    event.preventDefault();\n    const target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];\n    if (target) {\n        target.focus();\n    }\n};\n"],"names":["scopeTab","node","event","activeFocusTrap","tabbable","findTabbableDescendants","length","preventDefault","finalTabbable","shiftKey","leavingFinalTabbable","document","activeElement","target","focus"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAAiB,EAAEC,KAAoB,EAAEC,eAAyB,EAAK;AAC5F,EAAA,IAAMC,UAAQ,GAAGC,gCAAuB,CAACJ,IAAI,CAAC,CAAA;AAC9C,EAAA,IAAI,CAACG,UAAQ,CAACE,MAAM,EAAE;IAClBJ,KAAK,CAACK,cAAc,EAAE,CAAA;AACtB,IAAA,OAAA;AACJ,GAAA;;AAEA;AACA,EAAA,IAAMC,aAAa,GAAGJ,UAAQ,CAACF,KAAK,CAACO,QAAQ,GAAG,CAAC,GAAGL,UAAQ,CAACE,MAAM,GAAG,CAAC,CAAC,CAAA;AACxE,EAAA,IAAMI,oBAAoB,GAAGF,aAAa,KAAKG,QAAQ,CAACC,aAAa,IAAIX,IAAI,KAAKU,QAAQ,CAACC,aAAa,CAAA;;AAExG;AACA,EAAA,IAAI,CAACF,oBAAoB,IAAI,CAACP,eAAe,EAAE;AAC3C,IAAA,OAAA;AACJ,GAAA;;AAEA;EACAD,KAAK,CAACK,cAAc,EAAE,CAAA;AACtB,EAAA,IAAMM,MAAM,GAAGT,UAAQ,CAACF,KAAK,CAACO,QAAQ,GAAGL,UAAQ,CAACE,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACjE,EAAA,IAAIO,MAAM,EAAE;IACRA,MAAM,CAACC,KAAK,EAAE,CAAA;AAClB,GAAA;AACJ;;;;"}

package/emotion/cjs/components/Modal/Modal.js

@@ -155,7 +155,7 @@ var modalRoot = function(Root) {
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
-        var trapRef = (0, _hooks.useFocusTrap)(enableFocusTrap, initialFocusRef, focusAfterRef, true);
+        var trapRef = (0, _hooks.useFocusTrap)(enableFocusTrap, initialFocusRef, focusAfterRef, true, !enableFocusTrap);
         var popupController = (0, _Popup.usePopupContext)();
         var innerRef = (0, _plasmacore.useForkRef)(trapRef, outerRootRef);
         var uniqId = (0, _utils.safeUseId)();

package/emotion/cjs/examples/components/Combobox/Combobox.js

@@ -1,16 +1 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Combobox", {
-    enumerable: true,
-    get: function() {
-        return Combobox;
-    }
-});
-var _engines = require("../../../engines");
-var _ = require("../../..");
-var _Comboboxconfig = require("./Combobox.config");
-var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
-var ComboboxComponent = (0, _engines.component)(mergedConfig);
-var Combobox = ComboboxComponent;

package/emotion/cjs/hooks/useFocusTrap.js

@@ -47,14 +47,14 @@ var processNode = function(node, firstFocusSelector, ref) {
 };
 var focusManager = new _focusManager.FocusManager();
 var useFocusTrap = function() {
-    var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0;
+    var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0, enableOnFirstMount = arguments.length > 4 ? arguments[4] : void 0;
     var ref = (0, _react.useRef)();
     var setRef = (0, _react.useCallback)(function(node) {
         if (ref.current) {
             focusManager.teardownScopedFocus();
             focusManager.returnFocus();
         }
-        if (node) {
+        if ((active || enableOnFirstMount) && node) {
             focusManager.setupScopedFocus(node);
             focusManager.markForFocusAfter(focusAfterNode);
             // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
@@ -73,13 +73,17 @@ var useFocusTrap = function() {
         ref.current = null;
     }, [
         active,
+        enableOnFirstMount,
         firstFocusSelector
     ]);
     (0, _react.useEffect)(function() {
+        if (!active && !enableOnFirstMount) {
+            return;
+        }
         var handleKeyDown = function(event) {
             if (event.key === 'Tab' && ref.current) {
                 (0, _scopeTab.scopeTab)(ref.current, event, active);
-                if (!active) {
+                if (enableOnFirstMount) {
                     setTimeout(function() {
                         focusManager.teardownScopedFocus();
                     });
@@ -91,7 +95,8 @@ var useFocusTrap = function() {
             document.removeEventListener('keydown', handleKeyDown);
         };
     }, [
-        active
+        active,
+        enableOnFirstMount
     ]);
     return setRef;
 };

package/emotion/cjs/utils/scopeTab.js

@@ -18,7 +18,6 @@ var scopeTab = function(node, event, activeFocusTrap) {
     // смотрим, является ли элемент крайним - первый или последним
     var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
     var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
-    console.log(!leavingFinalTabbable || !activeFocusTrap);
     // если не является, то передаем обработку таба самому браузеру
     if (!leavingFinalTabbable || !activeFocusTrap) {
         return;

package/emotion/es/components/Modal/Modal.js

@@ -99,7 +99,7 @@ var Popup = component(popupConfig);
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
-        var trapRef = useFocusTrap(enableFocusTrap, initialFocusRef, focusAfterRef, true);
+        var trapRef = useFocusTrap(enableFocusTrap, initialFocusRef, focusAfterRef, true, !enableFocusTrap);
         var popupController = usePopupContext();
         var innerRef = useForkRef(trapRef, outerRootRef);
         var uniqId = safeUseId();

package/emotion/es/examples/components/Combobox/Combobox.js

@@ -0,0 +1,7 @@
+import { component, mergeConfig } from "../../../engines";
+import { comboboxNewConfig } from "../../..";
+import { config } from "./Combobox.config";
+var mergedConfig = mergeConfig(comboboxNewConfig, config);
+var ComboboxComponent = component(mergedConfig);
+var Combobox = ComboboxComponent;
+export { Combobox };

package/emotion/es/hooks/useFocusTrap.js

@@ -39,14 +39,14 @@ var focusManager = new FocusManager();
 /**
  *  Захватывает фокус внутри DOM node.
  * */ export var useFocusTrap = function() {
-    var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0;
+    var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0, enableOnFirstMount = arguments.length > 4 ? arguments[4] : void 0;
     var ref = useRef();
     var setRef = useCallback(function(node) {
         if (ref.current) {
             focusManager.teardownScopedFocus();
             focusManager.returnFocus();
         }
-        if (node) {
+        if ((active || enableOnFirstMount) && node) {
             focusManager.setupScopedFocus(node);
             focusManager.markForFocusAfter(focusAfterNode);
             // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
@@ -65,13 +65,17 @@ var focusManager = new FocusManager();
         ref.current = null;
     }, [
         active,
+        enableOnFirstMount,
         firstFocusSelector
     ]);
     useEffect(function() {
+        if (!active && !enableOnFirstMount) {
+            return;
+        }
         var handleKeyDown = function(event) {
             if (event.key === 'Tab' && ref.current) {
                 scopeTab(ref.current, event, active);
-                if (!active) {
+                if (enableOnFirstMount) {
                     setTimeout(function() {
                         focusManager.teardownScopedFocus();
                     });
@@ -83,7 +87,8 @@ var focusManager = new FocusManager();
             document.removeEventListener('keydown', handleKeyDown);
         };
     }, [
-        active
+        active,
+        enableOnFirstMount
     ]);
     return setRef;
 };

package/emotion/es/utils/scopeTab.js

@@ -12,7 +12,6 @@ import { findTabbableDescendants } from "./tabbable";
     // смотрим, является ли элемент крайним - первый или последним
     var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
     var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
-    console.log(!leavingFinalTabbable || !activeFocusTrap);
     // если не является, то передаем обработку таба самому браузеру
     if (!leavingFinalTabbable || !activeFocusTrap) {
         return;

package/es/components/Modal/Modal.js

@@ -54,7 +54,7 @@ var modalRoot = function modalRoot(Root) {
       rest = _objectWithoutProperties(_ref, _excluded);
     var innerIsOpen = Boolean(isOpen || opened);
     var innerHasClose = hasClose === undefined && hasBody || hasClose;
-    var trapRef = useFocusTrap(enableFocusTrap, initialFocusRef, focusAfterRef, true);
+    var trapRef = useFocusTrap(enableFocusTrap, initialFocusRef, focusAfterRef, true, !enableFocusTrap);
     var popupController = usePopupContext();
     var innerRef = useForkRef(trapRef, outerRootRef);
     var uniqId = safeUseId();

package/es/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\nimport { RootProps, component } from 'src/engines';\nimport { useFocusTrap } from 'src/hooks';\n\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { IconClose } from '../_Icon/Icons/IconClose';\n\nimport { classes, tokens } from './Modal.tokens';\nimport { ModalProps } from './Modal.types';\nimport { useModal } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getIdLastModal } from './ModalContext';\nimport { CloseButton, ModalBody, ModalContent, base } from './Modal.styles';\n\n// issue #823\nconst Popup = component(popupConfig);\n\n/**\n * Modal.\n * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.\n */\nexport const modalRoot = (Root: RootProps<HTMLDivElement, ModalProps>) =>\n    forwardRef<HTMLDivElement, ModalProps>(\n        (\n            {\n                id,\n                withAnimation,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                withBlur,\n                enableFocusTrap = true,\n                initialFocusRef,\n                focusAfterRef,\n                zIndex,\n                popupInfo,\n                children,\n                view,\n                opened,\n                isOpen,\n                hasBody,\n                hasClose,\n                resizable,\n                draggable,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n            const innerHasClose = (hasClose === undefined && hasBody) || hasClose;\n            const trapRef = useFocusTrap(enableFocusTrap, initialFocusRef, focusAfterRef, true);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRootRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.modalOverlayWithBlurColor})`\n                : `var(${tokens.modalOverlayColor})`;\n\n            const { modalInfo } = useModal({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n            });\n\n            const transparent = useMemo(() => getIdLastModal(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onModalOverlayKeyDown = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    if (onOverlayClick) {\n                        onOverlayClick(event);\n                        return;\n                    }\n\n                    if (onClose) {\n                        onClose();\n                    }\n                },\n                [closeOnOverlayClick, onOverlayClick, onClose],\n            );\n\n            const overlayNode = (\n                <Overlay\n                    className={classes.overlay}\n                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                    backgroundColorProperty={overlayBackgroundToken}\n                    withBlur={withBlur}\n                    transparent={transparent}\n                    isClickable={closeOnOverlayClick}\n                    onOverlayClick={onModalOverlayKeyDown}\n                />\n            );\n\n            return (\n                <Popup\n                    id={innerId}\n                    opened={innerIsOpen}\n                    ref={innerRef}\n                    popupInfo={modalInfo}\n                    withAnimation={withAnimation}\n                    zIndex={zIndex}\n                    overlay={hasBody ? overlayNode : <Root view={view}>{overlayNode}</Root>}\n                    draggable={draggable}\n                    resizable={resizable}\n                    {...rest}\n                >\n                    {hasBody ? (\n                        <Root view={view}>\n                            <ModalBody>\n                                <ModalContent>\n                                    {innerHasClose && (\n                                        <CloseButton onClick={onClose} data-test=\"modal-close\">\n                                            <IconClose size=\"s\" color=\"currentColor\" />\n                                        </CloseButton>\n                                    )}\n                                    {children}\n                                </ModalContent>\n                            </ModalBody>\n                        </Root>\n                    ) : (\n                        <>{children}</>\n                    )}\n                </Popup>\n            );\n        },\n    );\n\nexport const modalConfig = {\n    name: 'Modal',\n    tag: 'div',\n    layout: modalRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Popup","component","popupConfig","modalRoot","Root","forwardRef","_ref","outerRootRef","id","withAnimation","onClose","onOverlayClick","onEscKeyDown","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","withBlur","_ref$enableFocusTrap","enableFocusTrap","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","hasBody","hasClose","resizable","draggable","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","innerHasClose","undefined","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","modalOverlayWithBlurColor","modalOverlayColor","_useModal","useModal","modalInfo","transparent","useMemo","getIdLastModal","Array","from","items","values","onModalOverlayKeyDown","useCallback","event","overlayNode","React","createElement","Overlay","className","classes","overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","_extends","ref","ModalBody","ModalContent","CloseButton","onClick","_IconClose","IconClose","size","color","Fragment","modalConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\nimport { RootProps, component } from 'src/engines';\nimport { useFocusTrap } from 'src/hooks';\n\nimport { popupConfig, usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { IconClose } from '../_Icon/Icons/IconClose';\n\nimport { classes, tokens } from './Modal.tokens';\nimport { ModalProps } from './Modal.types';\nimport { useModal } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getIdLastModal } from './ModalContext';\nimport { CloseButton, ModalBody, ModalContent, base } from './Modal.styles';\n\n// issue #823\nconst Popup = component(popupConfig);\n\n/**\n * Modal.\n * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.\n */\nexport const modalRoot = (Root: RootProps<HTMLDivElement, ModalProps>) =>\n    forwardRef<HTMLDivElement, ModalProps>(\n        (\n            {\n                id,\n                withAnimation,\n                onClose,\n                onOverlayClick,\n                onEscKeyDown,\n                closeOnEsc = true,\n                closeOnOverlayClick = true,\n                withBlur,\n                enableFocusTrap = true,\n                initialFocusRef,\n                focusAfterRef,\n                zIndex,\n                popupInfo,\n                children,\n                view,\n                opened,\n                isOpen,\n                hasBody,\n                hasClose,\n                resizable,\n                draggable,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = Boolean(isOpen || opened);\n            const innerHasClose = (hasClose === undefined && hasBody) || hasClose;\n            const trapRef = useFocusTrap(enableFocusTrap, initialFocusRef, focusAfterRef, true, !enableFocusTrap);\n            const popupController = usePopupContext();\n\n            const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRootRef);\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const overlayBackgroundToken = withBlur\n                ? `var(${tokens.modalOverlayWithBlurColor})`\n                : `var(${tokens.modalOverlayColor})`;\n\n            const { modalInfo } = useModal({\n                id: innerId,\n                isOpen: innerIsOpen,\n                closeOnEsc,\n                onEscKeyDown,\n                onClose,\n                popupInfo,\n            });\n\n            const transparent = useMemo(() => getIdLastModal(Array.from(popupController.items.values())) !== innerId, [\n                innerId,\n                popupController.items,\n            ]);\n\n            const onModalOverlayKeyDown = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    if (onOverlayClick) {\n                        onOverlayClick(event);\n                        return;\n                    }\n\n                    if (onClose) {\n                        onClose();\n                    }\n                },\n                [closeOnOverlayClick, onOverlayClick, onClose],\n            );\n\n            const overlayNode = (\n                <Overlay\n                    className={classes.overlay}\n                    zIndex={zIndex || DEFAULT_Z_INDEX}\n                    backgroundColorProperty={overlayBackgroundToken}\n                    withBlur={withBlur}\n                    transparent={transparent}\n                    isClickable={closeOnOverlayClick}\n                    onOverlayClick={onModalOverlayKeyDown}\n                />\n            );\n\n            return (\n                <Popup\n                    id={innerId}\n                    opened={innerIsOpen}\n                    ref={innerRef}\n                    popupInfo={modalInfo}\n                    withAnimation={withAnimation}\n                    zIndex={zIndex}\n                    overlay={hasBody ? overlayNode : <Root view={view}>{overlayNode}</Root>}\n                    draggable={draggable}\n                    resizable={resizable}\n                    {...rest}\n                >\n                    {hasBody ? (\n                        <Root view={view}>\n                            <ModalBody>\n                                <ModalContent>\n                                    {innerHasClose && (\n                                        <CloseButton onClick={onClose} data-test=\"modal-close\">\n                                            <IconClose size=\"s\" color=\"currentColor\" />\n                                        </CloseButton>\n                                    )}\n                                    {children}\n                                </ModalContent>\n                            </ModalBody>\n                        </Root>\n                    ) : (\n                        <>{children}</>\n                    )}\n                </Popup>\n            );\n        },\n    );\n\nexport const modalConfig = {\n    name: 'Modal',\n    tag: 'div',\n    layout: modalRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n    },\n};\n"],"names":["Popup","component","popupConfig","modalRoot","Root","forwardRef","_ref","outerRootRef","id","withAnimation","onClose","onOverlayClick","onEscKeyDown","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","withBlur","_ref$enableFocusTrap","enableFocusTrap","initialFocusRef","focusAfterRef","zIndex","popupInfo","children","view","opened","isOpen","hasBody","hasClose","resizable","draggable","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","innerHasClose","undefined","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","modalOverlayWithBlurColor","modalOverlayColor","_useModal","useModal","modalInfo","transparent","useMemo","getIdLastModal","Array","from","items","values","onModalOverlayKeyDown","useCallback","event","overlayNode","React","createElement","Overlay","className","classes","overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","_extends","ref","ModalBody","ModalContent","CloseButton","onClick","_IconClose","IconClose","size","color","Fragment","modalConfig","name","tag","layout","base","variations","css","viewCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;AAkBA;AACA,IAAMA,KAAK,gBAAGC,SAAS,CAACC,WAAW,CAAC,CAAA;;AAEpC;AACA;AACA;AACA;IACaC,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA2C,EAAA;AAAA,EAAA,oBACjEC,UAAU,CACN,UAAAC,IAAA,EAyBIC,YAAY,EACX;AAAA,IAAA,IAxBGC,EAAE,GAAAF,IAAA,CAAFE,EAAE;MACFC,aAAa,GAAAH,IAAA,CAAbG,aAAa;MACbC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;MACPC,cAAc,GAAAL,IAAA,CAAdK,cAAc;MACdC,YAAY,GAAAN,IAAA,CAAZM,YAAY;MAAAC,eAAA,GAAAP,IAAA,CACZQ,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MAAAE,qBAAA,GAAAT,IAAA,CACjBU,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAC1BE,QAAQ,GAAAX,IAAA,CAARW,QAAQ;MAAAC,oBAAA,GAAAZ,IAAA,CACRa,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA;MACtBE,eAAe,GAAAd,IAAA,CAAfc,eAAe;MACfC,aAAa,GAAAf,IAAA,CAAbe,aAAa;MACbC,MAAM,GAAAhB,IAAA,CAANgB,MAAM;MACNC,SAAS,GAAAjB,IAAA,CAATiB,SAAS;MACTC,QAAQ,GAAAlB,IAAA,CAARkB,QAAQ;MACRC,IAAI,GAAAnB,IAAA,CAAJmB,IAAI;MACJC,MAAM,GAAApB,IAAA,CAANoB,MAAM;MACNC,MAAM,GAAArB,IAAA,CAANqB,MAAM;MACNC,OAAO,GAAAtB,IAAA,CAAPsB,OAAO;MACPC,QAAQ,GAAAvB,IAAA,CAARuB,QAAQ;MACRC,SAAS,GAAAxB,IAAA,CAATwB,SAAS;MACTC,SAAS,GAAAzB,IAAA,CAATyB,SAAS;AACNC,MAAAA,IAAI,GAAAC,wBAAA,CAAA3B,IAAA,EAAA4B,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,WAAW,GAAGC,OAAO,CAACT,MAAM,IAAID,MAAM,CAAC,CAAA;IAC7C,IAAMW,aAAa,GAAIR,QAAQ,KAAKS,SAAS,IAAIV,OAAO,IAAKC,QAAQ,CAAA;AACrE,IAAA,IAAMU,OAAO,GAAGC,YAAY,CAACrB,eAAe,EAAEC,eAAe,EAAEC,aAAa,EAAE,IAAI,EAAE,CAACF,eAAe,CAAC,CAAA;AACrG,IAAA,IAAMsB,eAAe,GAAGC,eAAe,EAAE,CAAA;AAEzC,IAAA,IAAMC,QAAQ,GAAGC,UAAU,CAAiBL,OAAO,EAAEhC,YAAY,CAAC,CAAA;AAElE,IAAA,IAAMsC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAC1B,IAAA,IAAMC,OAAO,GAAGvC,EAAE,IAAIqC,MAAM,CAAA;AAC5B,IAAA,IAAMG,sBAAsB,GAAG/B,QAAQ,GAAA,MAAA,CAAAgC,MAAA,CAC1BC,MAAM,CAACC,yBAAyB,gBAAAF,MAAA,CAChCC,MAAM,CAACE,iBAAiB,EAAG,GAAA,CAAA,CAAA;IAExC,IAAAC,SAAA,GAAsBC,QAAQ,CAAC;AAC3B9C,QAAAA,EAAE,EAAEuC,OAAO;AACXpB,QAAAA,MAAM,EAAEQ,WAAW;AACnBrB,QAAAA,UAAU,EAAVA,UAAU;AACVF,QAAAA,YAAY,EAAZA,YAAY;AACZF,QAAAA,OAAO,EAAPA,OAAO;AACPa,QAAAA,SAAS,EAATA,SAAAA;AACJ,OAAC,CAAC;MAPMgC,SAAS,GAAAF,SAAA,CAATE,SAAS,CAAA;IASjB,IAAMC,WAAW,GAAGC,OAAO,CAAC,YAAA;AAAA,MAAA,OAAMC,cAAc,CAACC,KAAK,CAACC,IAAI,CAACnB,eAAe,CAACoB,KAAK,CAACC,MAAM,EAAE,CAAC,CAAC,KAAKf,OAAO,CAAA;AAAA,KAAA,EAAE,CACtGA,OAAO,EACPN,eAAe,CAACoB,KAAK,CACxB,CAAC,CAAA;AAEF,IAAA,IAAME,qBAAqB,GAAGC,WAAW,CACrC,UAACC,KAAuC,EAAK;AACzC,MAAA,IAAItD,cAAc,EAAE;QAChBA,cAAc,CAACsD,KAAK,CAAC,CAAA;AACrB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIvD,OAAO,EAAE;AACTA,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;KACH,EACD,CAACM,mBAAmB,EAAEL,cAAc,EAAED,OAAO,CACjD,CAAC,CAAA;AAED,IAAA,IAAMwD,WAAW,gBACbC,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAA;MACJC,SAAS,EAAEC,OAAO,CAACC,OAAQ;MAC3BlD,MAAM,EAAEA,MAAM,IAAImD,eAAgB;AAClCC,MAAAA,uBAAuB,EAAE1B,sBAAuB;AAChD/B,MAAAA,QAAQ,EAAEA,QAAS;AACnBuC,MAAAA,WAAW,EAAEA,WAAY;AACzBmB,MAAAA,WAAW,EAAE3D,mBAAoB;AACjCL,MAAAA,cAAc,EAAEoD,qBAAAA;AAAsB,KACzC,CACJ,CAAA;AAED,IAAA,oBACII,KAAA,CAAAC,aAAA,CAACpE,KAAK,EAAA4E,QAAA,CAAA;AACFpE,MAAAA,EAAE,EAAEuC,OAAQ;AACZrB,MAAAA,MAAM,EAAES,WAAY;AACpB0C,MAAAA,GAAG,EAAElC,QAAS;AACdpB,MAAAA,SAAS,EAAEgC,SAAU;AACrB9C,MAAAA,aAAa,EAAEA,aAAc;AAC7Ba,MAAAA,MAAM,EAAEA,MAAO;MACfkD,OAAO,EAAE5C,OAAO,GAAGsC,WAAW,gBAAGC,KAAA,CAAAC,aAAA,CAAChE,IAAI,EAAA;AAACqB,QAAAA,IAAI,EAAEA,IAAAA;AAAK,OAAA,EAAEyC,WAAkB,CAAE;AACxEnC,MAAAA,SAAS,EAAEA,SAAU;AACrBD,MAAAA,SAAS,EAAEA,SAAAA;KACPE,EAAAA,IAAI,GAEPJ,OAAO,gBACJuC,KAAA,CAAAC,aAAA,CAAChE,IAAI,EAAA;AAACqB,MAAAA,IAAI,EAAEA,IAAAA;AAAK,KAAA,eACb0C,KAAA,CAAAC,aAAA,CAACU,SAAS,EAAA,IAAA,eACNX,KAAA,CAAAC,aAAA,CAACW,YAAY,QACR1C,aAAa,iBACV8B,KAAA,CAAAC,aAAA,CAACY,WAAW,EAAA;AAACC,MAAAA,OAAO,EAAEvE,OAAQ;MAAC,WAAU,EAAA,aAAA;KAAawE,EAAAA,UAAA,KAAAA,UAAA,gBAClDf,KAAA,CAAAC,aAAA,CAACe,SAAS,EAAA;AAACC,MAAAA,IAAI,EAAC,GAAG;AAACC,MAAAA,KAAK,EAAC,cAAA;AAAc,KAAE,CAAC,CAClC,CAChB,EACA7D,QACS,CACP,CACT,CAAC,gBAEP2C,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAmB,QAAA,EAAG9D,IAAAA,EAAAA,QAAW,CAEf,CAAC,CAAA;AAEhB,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM+D,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEvF,SAAS;AACjBwF,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRnE,IAAAA,IAAI,EAAE;AACFoE,MAAAA,GAAG,EAAEC,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtE,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}

package/es/hooks/useFocusTrap.js

@@ -47,13 +47,14 @@ var useFocusTrap = function useFocusTrap() {
   var firstFocusSelector = arguments.length > 1 ? arguments[1] : undefined;
   var focusAfterNode = arguments.length > 2 ? arguments[2] : undefined;
   var focusAfterAnimation = arguments.length > 3 ? arguments[3] : undefined;
+  var enableOnFirstMount = arguments.length > 4 ? arguments[4] : undefined;
   var ref = useRef();
   var setRef = useCallback(function (node) {
     if (ref.current) {
       focusManager.teardownScopedFocus();
       focusManager.returnFocus();
     }
-    if (node) {
+    if ((active || enableOnFirstMount) && node) {
       focusManager.setupScopedFocus(node);
       focusManager.markForFocusAfter(focusAfterNode);
 
@@ -71,12 +72,15 @@ var useFocusTrap = function useFocusTrap() {
       return;
     }
     ref.current = null;
-  }, [active, firstFocusSelector]);
+  }, [active, enableOnFirstMount, firstFocusSelector]);
   useEffect(function () {
+    if (!active && !enableOnFirstMount) {
+      return;
+    }
     var handleKeyDown = function handleKeyDown(event) {
       if (event.key === 'Tab' && ref.current) {
         scopeTab(ref.current, event, active);
-        if (!active) {
+        if (enableOnFirstMount) {
           setTimeout(function () {
             focusManager.teardownScopedFocus();
           });
@@ -87,7 +91,7 @@ var useFocusTrap = function useFocusTrap() {
     return function () {
       document.removeEventListener('keydown', handleKeyDown);
     };
-  }, [active]);
+  }, [active, enableOnFirstMount]);
   return setRef;
 };
 

package/es/hooks/useFocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { FocusManager } from '../utils/focusManager';\nimport { focusSelector, isFocusable, isTabble } from '../utils/tabbable';\nimport { scopeTab } from '../utils/scopeTab';\n\n// Находим элемент для фокуса\nconst getFocusElement = (\n    node: HTMLElement,\n    firstFocusSelector?: string | React.RefObject<HTMLElement>,\n): HTMLElement | null => {\n    let focusElement: HTMLElement | null = null;\n    if (firstFocusSelector) {\n        if (typeof firstFocusSelector === 'string') {\n            focusElement = node.querySelector(firstFocusSelector);\n        } else if (firstFocusSelector.current) {\n            focusElement = firstFocusSelector.current;\n        }\n    }\n\n    if (!focusElement) {\n        const children = Array.from<HTMLElement>(node.querySelectorAll(focusSelector));\n        focusElement = children.find((el) => isTabble(el)) || null;\n    }\n\n    // Если ничего не нашлось, то может ли сама нода быть под фокусом\n    if (!focusElement && isFocusable(node)) {\n        focusElement = node;\n    }\n\n    return focusElement;\n};\n\nconst processNode = (\n    node: HTMLElement,\n    firstFocusSelector?: string | React.RefObject<HTMLElement>,\n    ref?: React.MutableRefObject<HTMLElement | null | undefined>,\n) => {\n    if (ref?.current) {\n        ref.current.removeEventListener('animationend', () => {\n            processNode(node, firstFocusSelector, ref);\n        });\n    }\n    const focusElement = getFocusElement(node, firstFocusSelector);\n\n    if (focusElement) {\n        focusElement.focus();\n    }\n};\n\nconst focusManager = new FocusManager();\n\n/**\n *  Захватывает фокус внутри DOM node.\n * */\nexport const useFocusTrap = (\n    active = true,\n    firstFocusSelector?: string | React.RefObject<HTMLElement>,\n    focusAfterNode?: React.RefObject<HTMLElement>,\n    focusAfterAnimation?: boolean,\n): ((instance: HTMLElement | null) => void) => {\n    const ref = useRef<HTMLElement | null>();\n\n    const setRef = useCallback(\n        (node: HTMLElement | null) => {\n            if (ref.current) {\n                focusManager.teardownScopedFocus();\n                focusManager.returnFocus();\n            }\n\n            if (node) {\n                focusManager.setupScopedFocus(node);\n                focusManager.markForFocusAfter(focusAfterNode);\n\n                // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.\n                setTimeout(() => {\n                    if (ref?.current && node.ownerDocument && focusAfterAnimation) {\n                        ref.current.addEventListener('animationend', () => {\n                            processNode(node, firstFocusSelector, ref);\n                        });\n                    } else if (node.ownerDocument) {\n                        processNode(node, firstFocusSelector);\n                    }\n                });\n\n                ref.current = node;\n                return;\n            }\n\n            ref.current = null;\n        },\n        [active, firstFocusSelector],\n    );\n\n    useEffect(() => {\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Tab' && ref.current) {\n                scopeTab(ref.current, event, active);\n\n                if (!active) {\n                    setTimeout(() => {\n                        focusManager.teardownScopedFocus();\n                    });\n                }\n            }\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n        return () => {\n            document.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [active]);\n\n    return setRef;\n};\n"],"names":["getFocusElement","node","firstFocusSelector","focusElement","querySelector","current","children","Array","from","querySelectorAll","focusSelector","find","el","isTabble","isFocusable","processNode","ref","removeEventListener","focus","focusManager","FocusManager","useFocusTrap","active","arguments","length","undefined","focusAfterNode","focusAfterAnimation","useRef","setRef","useCallback","teardownScopedFocus","returnFocus","setupScopedFocus","markForFocusAfter","setTimeout","ownerDocument","addEventListener","useEffect","handleKeyDown","event","key","scopeTab","document"],"mappings":"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"}
+{"version":3,"file":"useFocusTrap.js","sources":["../../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\n\nimport { FocusManager } from '../utils/focusManager';\nimport { focusSelector, isFocusable, isTabble } from '../utils/tabbable';\nimport { scopeTab } from '../utils/scopeTab';\n\n// Находим элемент для фокуса\nconst getFocusElement = (\n    node: HTMLElement,\n    firstFocusSelector?: string | React.RefObject<HTMLElement>,\n): HTMLElement | null => {\n    let focusElement: HTMLElement | null = null;\n    if (firstFocusSelector) {\n        if (typeof firstFocusSelector === 'string') {\n            focusElement = node.querySelector(firstFocusSelector);\n        } else if (firstFocusSelector.current) {\n            focusElement = firstFocusSelector.current;\n        }\n    }\n\n    if (!focusElement) {\n        const children = Array.from<HTMLElement>(node.querySelectorAll(focusSelector));\n        focusElement = children.find((el) => isTabble(el)) || null;\n    }\n\n    // Если ничего не нашлось, то может ли сама нода быть под фокусом\n    if (!focusElement && isFocusable(node)) {\n        focusElement = node;\n    }\n\n    return focusElement;\n};\n\nconst processNode = (\n    node: HTMLElement,\n    firstFocusSelector?: string | React.RefObject<HTMLElement>,\n    ref?: React.MutableRefObject<HTMLElement | null | undefined>,\n) => {\n    if (ref?.current) {\n        ref.current.removeEventListener('animationend', () => {\n            processNode(node, firstFocusSelector, ref);\n        });\n    }\n    const focusElement = getFocusElement(node, firstFocusSelector);\n\n    if (focusElement) {\n        focusElement.focus();\n    }\n};\n\nconst focusManager = new FocusManager();\n\n/**\n *  Захватывает фокус внутри DOM node.\n * */\nexport const useFocusTrap = (\n    active = true,\n    firstFocusSelector?: string | React.RefObject<HTMLElement>,\n    focusAfterNode?: React.RefObject<HTMLElement>,\n    focusAfterAnimation?: boolean,\n    enableOnFirstMount?: boolean,\n): ((instance: HTMLElement | null) => void) => {\n    const ref = useRef<HTMLElement | null>();\n\n    const setRef = useCallback(\n        (node: HTMLElement | null) => {\n            if (ref.current) {\n                focusManager.teardownScopedFocus();\n                focusManager.returnFocus();\n            }\n\n            if ((active || enableOnFirstMount) && node) {\n                focusManager.setupScopedFocus(node);\n                focusManager.markForFocusAfter(focusAfterNode);\n\n                // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.\n                setTimeout(() => {\n                    if (ref?.current && node.ownerDocument && focusAfterAnimation) {\n                        ref.current.addEventListener('animationend', () => {\n                            processNode(node, firstFocusSelector, ref);\n                        });\n                    } else if (node.ownerDocument) {\n                        processNode(node, firstFocusSelector);\n                    }\n                });\n\n                ref.current = node;\n                return;\n            }\n\n            ref.current = null;\n        },\n        [active, enableOnFirstMount, firstFocusSelector],\n    );\n\n    useEffect(() => {\n        if (!active && !enableOnFirstMount) {\n            return;\n        }\n\n        const handleKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Tab' && ref.current) {\n                scopeTab(ref.current, event, active);\n\n                if (enableOnFirstMount) {\n                    setTimeout(() => {\n                        focusManager.teardownScopedFocus();\n                    });\n                }\n            }\n        };\n\n        document.addEventListener('keydown', handleKeyDown);\n        return () => {\n            document.removeEventListener('keydown', handleKeyDown);\n        };\n    }, [active, enableOnFirstMount]);\n\n    return setRef;\n};\n"],"names":["getFocusElement","node","firstFocusSelector","focusElement","querySelector","current","children","Array","from","querySelectorAll","focusSelector","find","el","isTabble","isFocusable","processNode","ref","removeEventListener","focus","focusManager","FocusManager","useFocusTrap","active","arguments","length","undefined","focusAfterNode","focusAfterAnimation","enableOnFirstMount","useRef","setRef","useCallback","teardownScopedFocus","returnFocus","setupScopedFocus","markForFocusAfter","setTimeout","ownerDocument","addEventListener","useEffect","handleKeyDown","event","key","scopeTab","document"],"mappings":"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"}

package/es/utils/scopeTab.js

@@ -15,7 +15,7 @@ var scopeTab = function scopeTab(node, event, activeFocusTrap) {
   // смотрим, является ли элемент крайним - первый или последним
   var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
   var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
-  console.log(!leavingFinalTabbable || !activeFocusTrap);
+
   // если не является, то передаем обработку таба самому браузеру
   if (!leavingFinalTabbable || !activeFocusTrap) {
     return;

package/es/utils/scopeTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"scopeTab.js","sources":["../../src/utils/scopeTab.ts"],"sourcesContent":["import { findTabbableDescendants } from './tabbable';\n\n/**\n * Управлление фокусом лишь внутри ноды через tab\n * @param node\n * @param event\n */\nexport const scopeTab = (node: HTMLElement, event: KeyboardEvent, activeFocusTrap?: boolean) => {\n    const tabbable = findTabbableDescendants(node);\n    if (!tabbable.length) {\n        event.preventDefault();\n        return;\n    }\n\n    // смотрим, является ли элемент крайним - первый или последним\n    const finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];\n    const leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;\n\n    console.log(!leavingFinalTabbable || !activeFocusTrap);\n    // если не является, то передаем обработку таба самому браузеру\n    if (!leavingFinalTabbable || !activeFocusTrap) {\n        return;\n    }\n\n    // иначе зацкливаемся\n    event.preventDefault();\n    const target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];\n    if (target) {\n        target.focus();\n    }\n};\n"],"names":["scopeTab","node","event","activeFocusTrap","tabbable","findTabbableDescendants","length","preventDefault","finalTabbable","shiftKey","leavingFinalTabbable","document","activeElement","console","log","target","focus"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAAiB,EAAEC,KAAoB,EAAEC,eAAyB,EAAK;AAC5F,EAAA,IAAMC,QAAQ,GAAGC,uBAAuB,CAACJ,IAAI,CAAC,CAAA;AAC9C,EAAA,IAAI,CAACG,QAAQ,CAACE,MAAM,EAAE;IAClBJ,KAAK,CAACK,cAAc,EAAE,CAAA;AACtB,IAAA,OAAA;AACJ,GAAA;;AAEA;AACA,EAAA,IAAMC,aAAa,GAAGJ,QAAQ,CAACF,KAAK,CAACO,QAAQ,GAAG,CAAC,GAAGL,QAAQ,CAACE,MAAM,GAAG,CAAC,CAAC,CAAA;AACxE,EAAA,IAAMI,oBAAoB,GAAGF,aAAa,KAAKG,QAAQ,CAACC,aAAa,IAAIX,IAAI,KAAKU,QAAQ,CAACC,aAAa,CAAA;EAExGC,OAAO,CAACC,GAAG,CAAC,CAACJ,oBAAoB,IAAI,CAACP,eAAe,CAAC,CAAA;AACtD;AACA,EAAA,IAAI,CAACO,oBAAoB,IAAI,CAACP,eAAe,EAAE;AAC3C,IAAA,OAAA;AACJ,GAAA;;AAEA;EACAD,KAAK,CAACK,cAAc,EAAE,CAAA;AACtB,EAAA,IAAMQ,MAAM,GAAGX,QAAQ,CAACF,KAAK,CAACO,QAAQ,GAAGL,QAAQ,CAACE,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACjE,EAAA,IAAIS,MAAM,EAAE;IACRA,MAAM,CAACC,KAAK,EAAE,CAAA;AAClB,GAAA;AACJ;;;;"}
+{"version":3,"file":"scopeTab.js","sources":["../../src/utils/scopeTab.ts"],"sourcesContent":["import { findTabbableDescendants } from './tabbable';\n\n/**\n * Управлление фокусом лишь внутри ноды через tab\n * @param node\n * @param event\n */\nexport const scopeTab = (node: HTMLElement, event: KeyboardEvent, activeFocusTrap?: boolean) => {\n    const tabbable = findTabbableDescendants(node);\n    if (!tabbable.length) {\n        event.preventDefault();\n        return;\n    }\n\n    // смотрим, является ли элемент крайним - первый или последним\n    const finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];\n    const leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;\n\n    // если не является, то передаем обработку таба самому браузеру\n    if (!leavingFinalTabbable || !activeFocusTrap) {\n        return;\n    }\n\n    // иначе зацкливаемся\n    event.preventDefault();\n    const target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];\n    if (target) {\n        target.focus();\n    }\n};\n"],"names":["scopeTab","node","event","activeFocusTrap","tabbable","findTabbableDescendants","length","preventDefault","finalTabbable","shiftKey","leavingFinalTabbable","document","activeElement","target","focus"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAAiB,EAAEC,KAAoB,EAAEC,eAAyB,EAAK;AAC5F,EAAA,IAAMC,QAAQ,GAAGC,uBAAuB,CAACJ,IAAI,CAAC,CAAA;AAC9C,EAAA,IAAI,CAACG,QAAQ,CAACE,MAAM,EAAE;IAClBJ,KAAK,CAACK,cAAc,EAAE,CAAA;AACtB,IAAA,OAAA;AACJ,GAAA;;AAEA;AACA,EAAA,IAAMC,aAAa,GAAGJ,QAAQ,CAACF,KAAK,CAACO,QAAQ,GAAG,CAAC,GAAGL,QAAQ,CAACE,MAAM,GAAG,CAAC,CAAC,CAAA;AACxE,EAAA,IAAMI,oBAAoB,GAAGF,aAAa,KAAKG,QAAQ,CAACC,aAAa,IAAIX,IAAI,KAAKU,QAAQ,CAACC,aAAa,CAAA;;AAExG;AACA,EAAA,IAAI,CAACF,oBAAoB,IAAI,CAACP,eAAe,EAAE;AAC3C,IAAA,OAAA;AACJ,GAAA;;AAEA;EACAD,KAAK,CAACK,cAAc,EAAE,CAAA;AACtB,EAAA,IAAMM,MAAM,GAAGT,QAAQ,CAACF,KAAK,CAACO,QAAQ,GAAGL,QAAQ,CAACE,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AACjE,EAAA,IAAIO,MAAM,EAAE;IACRA,MAAM,CAACC,KAAK,EAAE,CAAA;AAClB,GAAA;AACJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.337.0-canary.2244.17824684419.0",
+  "version": "0.337.0-canary.2244.17828197735.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "4b0c9b1fbcefef397cc37d51cb55c8f226134535"
+  "gitHead": "347401aff30df567664567629c2510d44165d2ad"
 }

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

@@ -155,7 +155,7 @@ var modalRoot = function(Root) {
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
-        var trapRef = (0, _hooks.useFocusTrap)(enableFocusTrap, initialFocusRef, focusAfterRef, true);
+        var trapRef = (0, _hooks.useFocusTrap)(enableFocusTrap, initialFocusRef, focusAfterRef, true, !enableFocusTrap);
         var popupController = (0, _Popup.usePopupContext)();
         var innerRef = (0, _plasmacore.useForkRef)(trapRef, outerRootRef);
         var uniqId = (0, _utils.safeUseId)();

package/styled-components/cjs/hooks/useFocusTrap.js

@@ -47,14 +47,14 @@ var processNode = function(node, firstFocusSelector, ref) {
 };
 var focusManager = new _focusManager.FocusManager();
 var useFocusTrap = function() {
-    var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0;
+    var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0, enableOnFirstMount = arguments.length > 4 ? arguments[4] : void 0;
     var ref = (0, _react.useRef)();
     var setRef = (0, _react.useCallback)(function(node) {
         if (ref.current) {
             focusManager.teardownScopedFocus();
             focusManager.returnFocus();
         }
-        if (node) {
+        if ((active || enableOnFirstMount) && node) {
             focusManager.setupScopedFocus(node);
             focusManager.markForFocusAfter(focusAfterNode);
             // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
@@ -73,13 +73,17 @@ var useFocusTrap = function() {
         ref.current = null;
     }, [
         active,
+        enableOnFirstMount,
         firstFocusSelector
     ]);
     (0, _react.useEffect)(function() {
+        if (!active && !enableOnFirstMount) {
+            return;
+        }
         var handleKeyDown = function(event) {
             if (event.key === 'Tab' && ref.current) {
                 (0, _scopeTab.scopeTab)(ref.current, event, active);
-                if (!active) {
+                if (enableOnFirstMount) {
                     setTimeout(function() {
                         focusManager.teardownScopedFocus();
                     });
@@ -91,7 +95,8 @@ var useFocusTrap = function() {
             document.removeEventListener('keydown', handleKeyDown);
         };
     }, [
-        active
+        active,
+        enableOnFirstMount
     ]);
     return setRef;
 };

package/styled-components/cjs/utils/scopeTab.js

@@ -18,7 +18,6 @@ var scopeTab = function(node, event, activeFocusTrap) {
     // смотрим, является ли элемент крайним - первый или последним
     var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
     var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
-    console.log(!leavingFinalTabbable || !activeFocusTrap);
     // если не является, то передаем обработку таба самому браузеру
     if (!leavingFinalTabbable || !activeFocusTrap) {
         return;

package/styled-components/es/components/Modal/Modal.js

@@ -99,7 +99,7 @@ var Popup = component(popupConfig);
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
-        var trapRef = useFocusTrap(enableFocusTrap, initialFocusRef, focusAfterRef, true);
+        var trapRef = useFocusTrap(enableFocusTrap, initialFocusRef, focusAfterRef, true, !enableFocusTrap);
         var popupController = usePopupContext();
         var innerRef = useForkRef(trapRef, outerRootRef);
         var uniqId = safeUseId();

package/styled-components/es/examples/components/Combobox/Combobox.js

@@ -0,0 +1,7 @@
+import { component, mergeConfig } from "../../../engines";
+import { comboboxNewConfig } from "../../..";
+import { config } from "./Combobox.config";
+var mergedConfig = mergeConfig(comboboxNewConfig, config);
+var ComboboxComponent = component(mergedConfig);
+var Combobox = ComboboxComponent;
+export { Combobox };

package/styled-components/es/hooks/useFocusTrap.js

@@ -39,14 +39,14 @@ var focusManager = new FocusManager();
 /**
  *  Захватывает фокус внутри DOM node.
  * */ export var useFocusTrap = function() {
-    var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0;
+    var active = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true, firstFocusSelector = arguments.length > 1 ? arguments[1] : void 0, focusAfterNode = arguments.length > 2 ? arguments[2] : void 0, focusAfterAnimation = arguments.length > 3 ? arguments[3] : void 0, enableOnFirstMount = arguments.length > 4 ? arguments[4] : void 0;
     var ref = useRef();
     var setRef = useCallback(function(node) {
         if (ref.current) {
             focusManager.teardownScopedFocus();
             focusManager.returnFocus();
         }
-        if (node) {
+        if ((active || enableOnFirstMount) && node) {
             focusManager.setupScopedFocus(node);
             focusManager.markForFocusAfter(focusAfterNode);
             // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
@@ -65,13 +65,17 @@ var focusManager = new FocusManager();
         ref.current = null;
     }, [
         active,
+        enableOnFirstMount,
         firstFocusSelector
     ]);
     useEffect(function() {
+        if (!active && !enableOnFirstMount) {
+            return;
+        }
         var handleKeyDown = function(event) {
             if (event.key === 'Tab' && ref.current) {
                 scopeTab(ref.current, event, active);
-                if (!active) {
+                if (enableOnFirstMount) {
                     setTimeout(function() {
                         focusManager.teardownScopedFocus();
                     });
@@ -83,7 +87,8 @@ var focusManager = new FocusManager();
             document.removeEventListener('keydown', handleKeyDown);
         };
     }, [
-        active
+        active,
+        enableOnFirstMount
     ]);
     return setRef;
 };

package/styled-components/es/utils/scopeTab.js

@@ -12,7 +12,6 @@ import { findTabbableDescendants } from "./tabbable";
     // смотрим, является ли элемент крайним - первый или последним
     var finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];
     var leavingFinalTabbable = finalTabbable === document.activeElement || node === document.activeElement;
-    console.log(!leavingFinalTabbable || !activeFocusTrap);
     // если не является, то передаем обработку таба самому браузеру
     if (!leavingFinalTabbable || !activeFocusTrap) {
         return;

package/types/hooks/useFocusTrap.d.ts

@@ -1,5 +1,5 @@
 /**
  *  Захватывает фокус внутри DOM node.
  * */
-export declare const useFocusTrap: (active?: boolean, firstFocusSelector?: string | React.RefObject<HTMLElement>, focusAfterNode?: React.RefObject<HTMLElement>, focusAfterAnimation?: boolean) => ((instance: HTMLElement | null) => void);
+export declare const useFocusTrap: (active?: boolean, firstFocusSelector?: string | React.RefObject<HTMLElement>, focusAfterNode?: React.RefObject<HTMLElement>, focusAfterAnimation?: boolean, enableOnFirstMount?: boolean) => ((instance: HTMLElement | null) => void);
 //# sourceMappingURL=useFocusTrap.d.ts.map

package/types/hooks/useFocusTrap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAoDA;;KAEK;AACL,eAAO,MAAM,YAAY,0CAEA,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,mBACzC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,wBACvB,OAAO,KAC9B,CAAC,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAsDzC,CAAC"}
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAoDA;;KAEK;AACL,eAAO,MAAM,YAAY,0CAEA,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,mBACzC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,wBACvB,OAAO,uBACR,OAAO,KAC7B,CAAC,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CA0DzC,CAAC"}

package/types/utils/scopeTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scopeTab.d.ts","sourceRoot":"","sources":["../../src/utils/scopeTab.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,QAAQ,SAAU,WAAW,SAAS,aAAa,oBAAoB,OAAO,SAuB1F,CAAC"}
+{"version":3,"file":"scopeTab.d.ts","sourceRoot":"","sources":["../../src/utils/scopeTab.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,QAAQ,SAAU,WAAW,SAAS,aAAa,oBAAoB,OAAO,SAsB1F,CAAC"}