@salutejs/plasma-new-hope 0.327.0-canary.2022.15758717316.0 → 0.327.0-canary.2024.15751969456.0

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

@@ -1 +1 @@
-{"version":3,"file":"useModal.js","sources":["../../../../src/components/Modal/hooks/useModal.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nimport { ModalInfo, getIdLastModal } from '../ModalContext';\nimport { ModalHookArgs } from '../Modal.types';\nimport { usePopupContext } from '../../Popup';\n\nconst ESCAPE_KEYCODE = 27;\n\nexport const useModal = ({ id, popupInfo, onEscKeyDown, onClose, closeOnEsc = true }: ModalHookArgs) => {\n    const popupController = usePopupContext();\n\n    // При ESC закрывает текущее окно, если это возможно\n    const onKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            if (!closeOnEsc) {\n                return;\n            }\n            if (event.keyCode === ESCAPE_KEYCODE && getIdLastModal(Array.from(popupController.items.values())) === id) {\n                if (onEscKeyDown) {\n                    onEscKeyDown(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            }\n        },\n        [onClose, onEscKeyDown, popupController.items, closeOnEsc],\n    );\n\n    useEffect(() => {\n        window.addEventListener('keydown', onKeyDown);\n        return () => {\n            window.removeEventListener('keydown', onKeyDown);\n        };\n    }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);\n\n    const modalInfo: ModalInfo = {\n        id,\n        info: {\n            isModal: true,\n        },\n        ...popupInfo,\n    };\n\n    return { modalInfo };\n};\n"],"names":["ESCAPE_KEYCODE","useModal","_ref","id","popupInfo","onEscKeyDown","onClose","_ref$closeOnEsc","closeOnEsc","popupController","usePopupContext","onKeyDown","useCallback","event","keyCode","getIdLastModal","Array","from","items","values","useEffect","window","addEventListener","removeEventListener","modalInfo","_objectSpread","info","isModal"],"mappings":";;;;;AAMA,IAAMA,cAAc,GAAG,EAAE,CAAA;IAEZC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAmF;AAAA,EAAA,IAA7EC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,eAAA,GAAAL,IAAA,CAAEM,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA,CAAA;AAC9E,EAAA,IAAME,eAAe,GAAGC,eAAe,EAAE,CAAA;;AAEzC;AACA,EAAA,IAAMC,SAAS,GAAGC,WAAW,CACzB,UAACC,KAAoB,EAAK;IACtB,IAAI,CAACL,UAAU,EAAE;AACb,MAAA,OAAA;AACJ,KAAA;IACA,IAAIK,KAAK,CAACC,OAAO,KAAKd,cAAc,IAAIe,cAAc,CAACC,KAAK,CAACC,IAAI,CAACR,eAAe,CAACS,KAAK,CAACC,MAAM,EAAE,CAAC,CAAC,KAAKhB,EAAE,EAAE;AACvG,MAAA,IAAIE,YAAY,EAAE;QACdA,YAAY,CAACQ,KAAK,CAAC,CAAA;AACnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIP,OAAO,EAAE;AACTA,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;AACJ,KAAA;AACJ,GAAC,EACD,CAACA,OAAO,EAAED,YAAY,EAAEI,eAAe,CAACS,KAAK,EAAEV,UAAU,CAC7D,CAAC,CAAA;AAEDY,EAAAA,SAAS,CAAC,YAAM;AACZC,IAAAA,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEX,SAAS,CAAC,CAAA;AAC7C,IAAA,OAAO,YAAM;AACTU,MAAAA,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEZ,SAAS,CAAC,CAAA;KACnD,CAAA;AACL,GAAC,EAAE,CAACL,OAAO,EAAED,YAAY,EAAEI,eAAe,CAACS,KAAK,EAAEV,UAAU,CAAC,CAAC,CAAA;EAE9D,IAAMgB,SAAoB,GAAAC,cAAA,CAAA;AACtBtB,IAAAA,EAAE,EAAFA,EAAE;AACFuB,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAE,IAAA;AACb,KAAA;AAAC,GAAA,EACEvB,SAAS,CACf,CAAA;EAED,OAAO;AAAEoB,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AACxB;;;;"}
+{"version":3,"file":"useModal.js","sources":["../../../../src/components/Modal/hooks/useModal.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nimport { ModalInfo, getIdLastModal } from '../ModalContext';\nimport { ModalHookArgs } from '../Modal.types';\nimport { usePopupContext } from '../../Popup';\n\nconst ESCAPE_KEYCODE = 27;\n\nexport const useModal = ({ id, popupInfo, onEscKeyDown, onClose, closeOnEsc = true }: ModalHookArgs) => {\n    const popupController = usePopupContext();\n\n    // При ESC закрывает текущее окно, если это возможно\n    const onKeyDown = useCallback(\n        (event: KeyboardEvent) => {\n            if (!closeOnEsc) {\n                return;\n            }\n            if (event.keyCode === ESCAPE_KEYCODE && getIdLastModal(popupController.items) === id) {\n                if (onEscKeyDown) {\n                    onEscKeyDown(event);\n                    return;\n                }\n\n                if (onClose) {\n                    onClose();\n                }\n            }\n        },\n        [onClose, onEscKeyDown, popupController.items, closeOnEsc],\n    );\n\n    useEffect(() => {\n        window.addEventListener('keydown', onKeyDown);\n        return () => {\n            window.removeEventListener('keydown', onKeyDown);\n        };\n    }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);\n\n    const modalInfo: ModalInfo = {\n        id,\n        info: {\n            isModal: true,\n        },\n        ...popupInfo,\n    };\n\n    return { modalInfo };\n};\n"],"names":["ESCAPE_KEYCODE","useModal","_ref","id","popupInfo","onEscKeyDown","onClose","_ref$closeOnEsc","closeOnEsc","popupController","usePopupContext","onKeyDown","useCallback","event","keyCode","getIdLastModal","items","useEffect","window","addEventListener","removeEventListener","modalInfo","_objectSpread","info","isModal"],"mappings":";;;;;AAMA,IAAMA,cAAc,GAAG,EAAE,CAAA;IAEZC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAmF;AAAA,EAAA,IAA7EC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,eAAA,GAAAL,IAAA,CAAEM,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA,CAAA;AAC9E,EAAA,IAAME,eAAe,GAAGC,eAAe,EAAE,CAAA;;AAEzC;AACA,EAAA,IAAMC,SAAS,GAAGC,WAAW,CACzB,UAACC,KAAoB,EAAK;IACtB,IAAI,CAACL,UAAU,EAAE;AACb,MAAA,OAAA;AACJ,KAAA;AACA,IAAA,IAAIK,KAAK,CAACC,OAAO,KAAKd,cAAc,IAAIe,cAAc,CAACN,eAAe,CAACO,KAAK,CAAC,KAAKb,EAAE,EAAE;AAClF,MAAA,IAAIE,YAAY,EAAE;QACdA,YAAY,CAACQ,KAAK,CAAC,CAAA;AACnB,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAIP,OAAO,EAAE;AACTA,QAAAA,OAAO,EAAE,CAAA;AACb,OAAA;AACJ,KAAA;AACJ,GAAC,EACD,CAACA,OAAO,EAAED,YAAY,EAAEI,eAAe,CAACO,KAAK,EAAER,UAAU,CAC7D,CAAC,CAAA;AAEDS,EAAAA,SAAS,CAAC,YAAM;AACZC,IAAAA,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAER,SAAS,CAAC,CAAA;AAC7C,IAAA,OAAO,YAAM;AACTO,MAAAA,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAET,SAAS,CAAC,CAAA;KACnD,CAAA;AACL,GAAC,EAAE,CAACL,OAAO,EAAED,YAAY,EAAEI,eAAe,CAACO,KAAK,EAAER,UAAU,CAAC,CAAC,CAAA;EAE9D,IAAMa,SAAoB,GAAAC,cAAA,CAAA;AACtBnB,IAAAA,EAAE,EAAFA,EAAE;AACFoB,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAE,IAAA;AACb,KAAA;AAAC,GAAA,EACEpB,SAAS,CACf,CAAA;EAED,OAAO;AAAEiB,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AACxB;;;;"}

package/es/components/Popup/Popup.js

@@ -1,11 +1,10 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef } from 'react';
-import { useForkRef } from '@salutejs/plasma-core';
+import { safeUseId, useForkRef } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
 import { PopupRoot } from './PopupRoot.js';
 import { classes } from './Popup.tokens.js';
 import { StyledPortalContainer } from './Popup.styles.js';
-import { safeUseId } from '../../utils/react.js';
 import { usePopup } from './hooks/usePopup.js';
 import { canUseDOM } from '../../utils/canUseDOM.js';
 import { Portal } from '../Portal/Portal.js';

package/es/components/Popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sources":["../../../src/components/Popup/Popup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { canUseDOM, cx, safeUseId } from 'src/utils';\nimport { RootProps } from 'src/engines/types';\n\nimport { Portal } from '../Portal';\n\nimport type { PopupPlacementBasic, PopupPlacement, PopupPositionType, PopupProps } from './Popup.types';\nimport { PopupRoot } from './PopupRoot';\nimport { usePopup } from './hooks';\nimport { classes } from './Popup.tokens';\nimport { StyledPortalContainer } from './Popup.styles';\n\nexport const handlePosition = (\n    placement: PopupPlacement,\n    offset: [number, number] | [string, string],\n): PopupPositionType => {\n    let x = '0rem';\n    let y = '0rem';\n\n    if (offset) {\n        const [_x, _y] = offset;\n        x = typeof _x === 'number' ? `${_x}rem` : _x;\n        y = typeof _y === 'number' ? `${_y}rem` : _y;\n    }\n\n    if (!placement || placement === 'center') {\n        return {\n            left: `calc(50% + ${x})`,\n            top: `calc(50% - ${y})`,\n            transform: 'translate(-50%, -50%)',\n        };\n    }\n\n    let left;\n    let right;\n    let top;\n    let bottom;\n    let transform;\n    const placements = placement.split('-') as PopupPlacementBasic[];\n\n    placements.forEach((placementValue: PopupPlacementBasic) => {\n        switch (placementValue) {\n            case 'left':\n                left = x;\n                break;\n            case 'right':\n                right = x;\n                break;\n            case 'top':\n                top = y;\n                break;\n            case 'bottom':\n                bottom = y;\n                break;\n            default:\n                break;\n        }\n    });\n\n    const isCenteredX = left === undefined && right === undefined;\n    const isCenteredY = top === undefined && bottom === undefined;\n\n    if (isCenteredX) {\n        transform = 'translateX(-50%)';\n    }\n\n    if (isCenteredY) {\n        transform = 'translateY(-50%)';\n    }\n\n    return {\n        left: isCenteredX ? `calc(50% + ${x})` : left,\n        right,\n        top: isCenteredY ? `calc(50% - ${y})` : top,\n        bottom,\n        transform,\n    };\n};\n\n/**\n * Базовый компонент Popup.\n */\nexport const popupRoot = (Root: RootProps<HTMLDivElement, PopupProps>) =>\n    forwardRef<HTMLDivElement, PopupProps>(\n        (\n            {\n                id,\n                isOpen = false,\n                opened = false,\n                placement = 'center',\n                offset = [0, 0],\n                frame = 'document',\n                children,\n                overlay,\n                // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                role,\n                zIndex,\n                popupInfo,\n                withAnimation = false,\n                className,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = isOpen || opened;\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n\n            const { isVisible, animationInfo, setVisible, rootId } = usePopup({\n                isOpen: innerIsOpen,\n                id: innerId,\n                popupInfo,\n                withAnimation,\n            });\n\n            const portalRef = useRef<HTMLDivElement | null>(null);\n            const contentRef = useRef<HTMLDivElement | null>(null);\n\n            const innerRef = useForkRef<HTMLDivElement>(contentRef, outerRootRef);\n\n            if (!isVisible && !innerIsOpen) {\n                return null;\n            }\n\n            const cls = cx(\n                className,\n                animationInfo?.endAnimation ? classes.endAnimation : '',\n                animationInfo?.endTransition ? classes.endTransition : '',\n            );\n\n            const rootNode = (\n                <Root className={cls}>\n                    {overlay}\n                    <PopupRoot\n                        id={innerId}\n                        ref={innerRef}\n                        position={handlePosition(placement, offset)}\n                        zIndex={zIndex}\n                        frame={frame}\n                        animationInfo={animationInfo}\n                        setVisible={setVisible}\n                        {...rest}\n                    >\n                        {children}\n                    </PopupRoot>\n                </Root>\n            );\n\n            if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {\n                return <Portal container={frame.current}>{rootNode}</Portal>;\n            }\n\n            const withFrameId = typeof frame === 'string' && frame !== 'document';\n            const containerElement = withFrameId && canUseDOM && document.getElementById(frame as string);\n\n            if (containerElement) {\n                return (\n                    <Portal container={containerElement}>\n                        <StyledPortalContainer ref={portalRef}>\n                            {portalRef.current && <Portal container={portalRef.current}>{rootNode}</Portal>}\n                        </StyledPortalContainer>{' '}\n                    </Portal>\n                );\n            }\n\n            const globalPortal = canUseDOM && document.getElementById(rootId);\n\n            return <>{globalPortal && <Portal container={globalPortal}>{rootNode}</Portal>}</>;\n        },\n    );\n\nexport const popupConfig = {\n    name: 'Popup',\n    tag: 'div',\n    layout: popupRoot,\n    base: '',\n    variations: {},\n    defaults: {},\n};\n"],"names":["handlePosition","placement","offset","x","y","_offset","_slicedToArray","_x","_y","concat","left","top","transform","right","bottom","placements","split","forEach","placementValue","isCenteredX","undefined","isCenteredY","popupRoot","Root","forwardRef","_ref","outerRootRef","id","_ref$isOpen","isOpen","_ref$opened","opened","_ref$placement","_ref$offset","_ref$frame","frame","children","overlay","zIndex","popupInfo","_ref$withAnimation","withAnimation","className","rest","_objectWithoutProperties","_excluded","innerIsOpen","uniqId","safeUseId","innerId","_usePopup","usePopup","isVisible","animationInfo","setVisible","rootId","portalRef","useRef","contentRef","innerRef","useForkRef","cls","cx","endAnimation","classes","endTransition","rootNode","React","createElement","PopupRoot","_extends","ref","position","current","canUseDOM","Portal","container","withFrameId","containerElement","document","getElementById","StyledPortalContainer","globalPortal","Fragment","popupConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
+{"version":3,"file":"Popup.js","sources":["../../../src/components/Popup/Popup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines/types';\nimport { canUseDOM, cx } from '../../utils';\nimport { Portal } from '../Portal';\n\nimport type { PopupPlacementBasic, PopupPlacement, PopupPositionType, PopupProps } from './Popup.types';\nimport { PopupRoot } from './PopupRoot';\nimport { usePopup } from './hooks';\nimport { classes } from './Popup.tokens';\nimport { StyledPortalContainer } from './Popup.styles';\n\nexport const handlePosition = (\n    placement: PopupPlacement,\n    offset: [number, number] | [string, string],\n): PopupPositionType => {\n    let x = '0rem';\n    let y = '0rem';\n\n    if (offset) {\n        const [_x, _y] = offset;\n        x = typeof _x === 'number' ? `${_x}rem` : _x;\n        y = typeof _y === 'number' ? `${_y}rem` : _y;\n    }\n\n    if (!placement || placement === 'center') {\n        return {\n            left: `calc(50% + ${x})`,\n            top: `calc(50% - ${y})`,\n            transform: 'translate(-50%, -50%)',\n        };\n    }\n\n    let left;\n    let right;\n    let top;\n    let bottom;\n    let transform;\n    const placements = placement.split('-') as PopupPlacementBasic[];\n\n    placements.forEach((placementValue: PopupPlacementBasic) => {\n        switch (placementValue) {\n            case 'left':\n                left = x;\n                break;\n            case 'right':\n                right = x;\n                break;\n            case 'top':\n                top = y;\n                break;\n            case 'bottom':\n                bottom = y;\n                break;\n            default:\n                break;\n        }\n    });\n\n    const isCenteredX = left === undefined && right === undefined;\n    const isCenteredY = top === undefined && bottom === undefined;\n\n    if (isCenteredX) {\n        transform = 'translateX(-50%)';\n    }\n\n    if (isCenteredY) {\n        transform = 'translateY(-50%)';\n    }\n\n    return {\n        left: isCenteredX ? `calc(50% + ${x})` : left,\n        right,\n        top: isCenteredY ? `calc(50% - ${y})` : top,\n        bottom,\n        transform,\n    };\n};\n\n/**\n * Базовый компонент Popup.\n */\nexport const popupRoot = (Root: RootProps<HTMLDivElement, PopupProps>) =>\n    forwardRef<HTMLDivElement, PopupProps>(\n        (\n            {\n                id,\n                isOpen = false,\n                opened = false,\n                placement = 'center',\n                offset = [0, 0],\n                frame = 'document',\n                children,\n                overlay,\n                // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                role,\n                zIndex,\n                popupInfo,\n                withAnimation = false,\n                className,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const innerIsOpen = isOpen || opened;\n\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n\n            const { isVisible, animationInfo, setVisible, rootId } = usePopup({\n                isOpen: innerIsOpen,\n                id: innerId,\n                popupInfo,\n                withAnimation,\n            });\n\n            const portalRef = useRef<HTMLDivElement | null>(null);\n            const contentRef = useRef<HTMLDivElement | null>(null);\n\n            const innerRef = useForkRef<HTMLDivElement>(contentRef, outerRootRef);\n\n            if (!isVisible && !innerIsOpen) {\n                return null;\n            }\n\n            const cls = cx(\n                className,\n                animationInfo?.endAnimation ? classes.endAnimation : '',\n                animationInfo?.endTransition ? classes.endTransition : '',\n            );\n\n            const rootNode = (\n                <Root className={cls}>\n                    {overlay}\n                    <PopupRoot\n                        id={innerId}\n                        ref={innerRef}\n                        position={handlePosition(placement, offset)}\n                        zIndex={zIndex}\n                        frame={frame}\n                        animationInfo={animationInfo}\n                        setVisible={setVisible}\n                        {...rest}\n                    >\n                        {children}\n                    </PopupRoot>\n                </Root>\n            );\n\n            if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {\n                return <Portal container={frame.current}>{rootNode}</Portal>;\n            }\n\n            const withFrameId = typeof frame === 'string' && frame !== 'document';\n            const containerElement = withFrameId && canUseDOM && document.getElementById(frame as string);\n\n            if (containerElement) {\n                return (\n                    <Portal container={containerElement}>\n                        <StyledPortalContainer ref={portalRef}>\n                            {portalRef.current && <Portal container={portalRef.current}>{rootNode}</Portal>}\n                        </StyledPortalContainer>{' '}\n                    </Portal>\n                );\n            }\n\n            const globalPortal = canUseDOM && document.getElementById(rootId);\n\n            return <>{globalPortal && <Portal container={globalPortal}>{rootNode}</Portal>}</>;\n        },\n    );\n\nexport const popupConfig = {\n    name: 'Popup',\n    tag: 'div',\n    layout: popupRoot,\n    base: '',\n    variations: {},\n    defaults: {},\n};\n"],"names":["handlePosition","placement","offset","x","y","_offset","_slicedToArray","_x","_y","concat","left","top","transform","right","bottom","placements","split","forEach","placementValue","isCenteredX","undefined","isCenteredY","popupRoot","Root","forwardRef","_ref","outerRootRef","id","_ref$isOpen","isOpen","_ref$opened","opened","_ref$placement","_ref$offset","_ref$frame","frame","children","overlay","zIndex","popupInfo","_ref$withAnimation","withAnimation","className","rest","_objectWithoutProperties","_excluded","innerIsOpen","uniqId","safeUseId","innerId","_usePopup","usePopup","isVisible","animationInfo","setVisible","rootId","portalRef","useRef","contentRef","innerRef","useForkRef","cls","cx","endAnimation","classes","endTransition","rootNode","React","createElement","PopupRoot","_extends","ref","position","current","canUseDOM","Portal","container","withFrameId","containerElement","document","getElementById","StyledPortalContainer","globalPortal","Fragment","popupConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}

package/es/components/Popup/PopupContext.js

@@ -1,4 +1,4 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useContext, useRef, useState, createContext } from 'react';
 import { hasModals } from '../Modal/ModalContext.js';
 import { ClientOnlyPortal } from './ClientOnlyPortal.js';
@@ -8,9 +8,9 @@ import { safeUseId } from '../../utils/react.js';
 import { Portal } from '../Portal/Portal.js';
 
 var POPUP_PORTAL_ID = 'plasma-popup-root';
-var initialItems = /*#__PURE__*/new Map();
+var items = [];
 var PopupContext = /*#__PURE__*/createContext({
-  items: initialItems,
+  items: items,
   rootId: POPUP_PORTAL_ID,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   register: function register(_info) {
@@ -30,7 +30,7 @@ var PopupProvider = function PopupProvider(_ref) {
   var children = _ref.children,
     UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
   var prevBodyOverflowY = useRef(canUseDOM ? document.body.style.overflowY : '');
-  var _useState = useState(initialItems),
+  var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
     setItems = _useState2[1];
@@ -42,13 +42,11 @@ var PopupProvider = function PopupProvider(_ref) {
     }
     setItems(function (prevItems) {
       var _info$info;
-      var newItems = new Map(prevItems);
-      if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !hasModals(Array.from(prevItems.values()))) {
+      if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !hasModals(prevItems)) {
         prevBodyOverflowY.current = document.body.style.overflowY;
         document.body.style.overflowY = 'hidden';
       }
-      newItems.set(info.id, info);
-      return newItems;
+      return [].concat(_toConsumableArray(prevItems), [info]);
     });
   };
   var unregister = function unregister(id) {
@@ -56,16 +54,20 @@ var PopupProvider = function PopupProvider(_ref) {
       return;
     }
     setItems(function (prevItems) {
-      if (!prevItems.has(id)) {
+      var index = prevItems.findIndex(function (item) {
+        return id === item.id;
+      });
+      if (index === -1) {
         return prevItems;
       }
-      var newItems = new Map(prevItems);
-      var prevHasModals = hasModals(Array.from(newItems.values()));
-      newItems["delete"](id);
-      if (prevHasModals && !hasModals(Array.from(newItems.values()))) {
+      var prevHasModals = hasModals(prevItems);
+      prevItems.splice(index, 1);
+      if (prevHasModals && !hasModals(prevItems)) {
         document.body.style.overflowY = prevBodyOverflowY.current;
       }
-      return newItems;
+
+      // при return prevItems не обновится контекст
+      return _toConsumableArray(prevItems);
     });
   };
   var context = {

package/es/components/Popup/PopupContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupContext.js","sources":["../../../src/components/Popup/PopupContext.tsx"],"sourcesContent":["import React, { createContext, useState, useContext, FC, PropsWithChildren, useRef } from 'react';\nimport { canUseDOM, safeUseId } from 'src/utils';\n\nimport { Portal } from '../Portal';\nimport { hasModals } from '../Modal/ModalContext';\n\nimport { ClientOnlyPortal } from './ClientOnlyPortal';\nimport type { PopupContextType, PopupInfo } from './Popup.types';\nimport { StyledPortal } from './Popup.styles';\n\nexport const POPUP_PORTAL_ID = 'plasma-popup-root';\n\nconst initialItems = new Map<string, PopupInfo>();\n\nconst PopupContext = createContext<PopupContextType>({\n    items: initialItems,\n    rootId: POPUP_PORTAL_ID,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    register(_info: PopupInfo): void {\n        throw new Error('Function not implemented. Add PopupProvider');\n    },\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    unregister(_id: string): void {\n        throw new Error('Function not implemented. Add PopupProvider');\n    },\n});\n\nexport const usePopupContext = () => useContext(PopupContext);\n\n// TODO: #1599\nexport const PopupProvider: FC<\n    PropsWithChildren & {\n        /**\n         * @description Только для применения в рамках SSR.\n         */\n        UNSAFE_SSR_ENABLED?: boolean;\n    }\n> = ({ children, UNSAFE_SSR_ENABLED }) => {\n    const prevBodyOverflowY = useRef(canUseDOM ? document.body.style.overflowY : '');\n    const [items, setItems] = useState(initialItems);\n\n    const uuid = safeUseId();\n    const rootId = `${POPUP_PORTAL_ID}-${uuid}`;\n\n    const register = (info: PopupInfo) => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        setItems((prevItems) => {\n            const newItems = new Map(prevItems);\n\n            if (info.info?.isModal && !hasModals(Array.from(prevItems.values()))) {\n                prevBodyOverflowY.current = document.body.style.overflowY;\n                document.body.style.overflowY = 'hidden';\n            }\n\n            newItems.set(info.id, info);\n            return newItems;\n        });\n    };\n\n    const unregister = (id: string) => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        setItems((prevItems) => {\n            if (!prevItems.has(id)) {\n                return prevItems;\n            }\n\n            const newItems = new Map(prevItems);\n            const prevHasModals = hasModals(Array.from(newItems.values()));\n\n            newItems.delete(id);\n\n            if (prevHasModals && !hasModals(Array.from(newItems.values()))) {\n                document.body.style.overflowY = prevBodyOverflowY.current;\n            }\n\n            return newItems;\n        });\n    };\n\n    const context = {\n        items,\n        rootId,\n        register,\n        unregister,\n    };\n\n    return (\n        <PopupContext.Provider value={context}>\n            {children}\n\n            {UNSAFE_SSR_ENABLED ? (\n                <ClientOnlyPortal>\n                    <StyledPortal id={rootId} />\n                </ClientOnlyPortal>\n            ) : (\n                <Portal container={document.body}>\n                    <StyledPortal id={rootId} />\n                </Portal>\n            )}\n        </PopupContext.Provider>\n    );\n};\n"],"names":["POPUP_PORTAL_ID","initialItems","Map","PopupContext","createContext","items","rootId","register","_info","Error","unregister","_id","usePopupContext","useContext","PopupProvider","_ref","children","UNSAFE_SSR_ENABLED","prevBodyOverflowY","useRef","canUseDOM","document","body","style","overflowY","_useState","useState","_useState2","_slicedToArray","setItems","uuid","safeUseId","concat","info","prevItems","_info$info","newItems","isModal","hasModals","Array","from","values","current","set","id","has","prevHasModals","context","React","createElement","Provider","value","ClientOnlyPortal","StyledPortal","Portal","container"],"mappings":"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"}
+{"version":3,"file":"PopupContext.js","sources":["../../../src/components/Popup/PopupContext.tsx"],"sourcesContent":["import React, { createContext, useState, useContext, FC, PropsWithChildren, useRef } from 'react';\n\nimport { Portal } from '../Portal';\nimport { hasModals } from '../Modal/ModalContext';\nimport { canUseDOM, safeUseId } from '../../utils';\n\nimport { ClientOnlyPortal } from './ClientOnlyPortal';\nimport type { PopupContextType, PopupInfo } from './Popup.types';\nimport { StyledPortal } from './Popup.styles';\n\nexport const POPUP_PORTAL_ID = 'plasma-popup-root';\n\nconst items: PopupInfo[] = [];\n\nconst PopupContext = createContext<PopupContextType>({\n    items,\n    rootId: POPUP_PORTAL_ID,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    register(_info: PopupInfo): void {\n        throw new Error('Function not implemented. Add PopupProvider');\n    },\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    unregister(_id: string): void {\n        throw new Error('Function not implemented. Add PopupProvider');\n    },\n});\n\nexport const usePopupContext = () => useContext(PopupContext);\n\n// TODO: #1599\nexport const PopupProvider: FC<\n    PropsWithChildren & {\n        /**\n         * @description Только для применения в рамках SSR.\n         */\n        UNSAFE_SSR_ENABLED?: boolean;\n    }\n> = ({ children, UNSAFE_SSR_ENABLED }) => {\n    const prevBodyOverflowY = useRef(canUseDOM ? document.body.style.overflowY : '');\n    const [items, setItems] = useState<PopupInfo[]>([]);\n\n    const uuid = safeUseId();\n    const rootId = `${POPUP_PORTAL_ID}-${uuid}`;\n\n    const register = (info: PopupInfo) => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        setItems((prevItems) => {\n            if (info.info?.isModal && !hasModals(prevItems)) {\n                prevBodyOverflowY.current = document.body.style.overflowY;\n                document.body.style.overflowY = 'hidden';\n            }\n\n            return [...prevItems, info];\n        });\n    };\n\n    const unregister = (id: string) => {\n        if (!canUseDOM) {\n            return;\n        }\n\n        setItems((prevItems) => {\n            const index = prevItems.findIndex((item: PopupInfo) => id === item.id);\n\n            if (index === -1) {\n                return prevItems;\n            }\n\n            const prevHasModals = hasModals(prevItems);\n            prevItems.splice(index, 1);\n\n            if (prevHasModals && !hasModals(prevItems)) {\n                document.body.style.overflowY = prevBodyOverflowY.current;\n            }\n\n            // при return prevItems не обновится контекст\n            return [...prevItems];\n        });\n    };\n\n    const context = {\n        items,\n        rootId,\n        register,\n        unregister,\n    };\n\n    return (\n        <PopupContext.Provider value={context}>\n            {children}\n\n            {UNSAFE_SSR_ENABLED ? (\n                <ClientOnlyPortal>\n                    <StyledPortal id={rootId} />\n                </ClientOnlyPortal>\n            ) : (\n                <Portal container={document.body}>\n                    <StyledPortal id={rootId} />\n                </Portal>\n            )}\n        </PopupContext.Provider>\n    );\n};\n"],"names":["POPUP_PORTAL_ID","items","PopupContext","createContext","rootId","register","_info","Error","unregister","_id","usePopupContext","useContext","PopupProvider","_ref","children","UNSAFE_SSR_ENABLED","prevBodyOverflowY","useRef","canUseDOM","document","body","style","overflowY","_useState","useState","_useState2","_slicedToArray","setItems","uuid","safeUseId","concat","info","prevItems","_info$info","isModal","hasModals","current","_toConsumableArray","id","index","findIndex","item","prevHasModals","splice","context","React","createElement","Provider","value","ClientOnlyPortal","StyledPortal","Portal","container"],"mappings":";;;;;;;;;AAUO,IAAMA,eAAe,GAAG,oBAAmB;AAElD,IAAMC,KAAkB,GAAG,EAAE,CAAA;AAE7B,IAAMC,YAAY,gBAAGC,aAAa,CAAmB;AACjDF,EAAAA,KAAK,EAALA,KAAK;AACLG,EAAAA,MAAM,EAAEJ,eAAe;AACvB;EACAK,QAAQ,EAAA,SAAAA,QAACC,CAAAA,KAAgB,EAAQ;AAC7B,IAAA,MAAM,IAAIC,KAAK,CAAC,6CAA6C,CAAC,CAAA;GACjE;AACD;EACAC,UAAU,EAAA,SAAAA,UAACC,CAAAA,GAAW,EAAQ;AAC1B,IAAA,MAAM,IAAIF,KAAK,CAAC,6CAA6C,CAAC,CAAA;AAClE,GAAA;AACJ,CAAC,CAAC,CAAA;AAEWG,IAAAA,eAAe,GAAG,SAAlBA,eAAeA,GAAA;EAAA,OAASC,UAAU,CAACT,YAAY,CAAC,CAAA;AAAA,EAAA;;AAE7D;IACaU,aAOZ,GAAG,SAPSA,aAOZA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAnCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB,CAAA;AAC/B,EAAA,IAAMC,iBAAiB,GAAGC,MAAM,CAACC,SAAS,GAAGC,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAG,EAAE,CAAC,CAAA;AAChF,EAAA,IAAAC,SAAA,GAA0BC,QAAQ,CAAc,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA5CtB,IAAAA,KAAK,GAAAwB,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEtB,EAAA,IAAMG,IAAI,GAAGC,SAAS,EAAE,CAAA;EACxB,IAAMzB,MAAM,MAAA0B,MAAA,CAAM9B,eAAe,EAAA8B,GAAAA,CAAAA,CAAAA,MAAA,CAAIF,IAAI,CAAE,CAAA;AAE3C,EAAA,IAAMvB,QAAQ,GAAG,SAAXA,QAAQA,CAAI0B,IAAe,EAAK;IAClC,IAAI,CAACb,SAAS,EAAE;AACZ,MAAA,OAAA;AACJ,KAAA;IAEAS,QAAQ,CAAC,UAACK,SAAS,EAAK;AAAA,MAAA,IAAAC,UAAA,CAAA;AACpB,MAAA,IAAI,CAAAA,UAAA,GAAAF,IAAI,CAACA,IAAI,cAAAE,UAAA,KAAA,KAAA,CAAA,IAATA,UAAA,CAAWC,OAAO,IAAI,CAACC,SAAS,CAACH,SAAS,CAAC,EAAE;QAC7ChB,iBAAiB,CAACoB,OAAO,GAAGjB,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,CAAA;AACzDH,QAAAA,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAG,QAAQ,CAAA;AAC5C,OAAA;AAEA,MAAA,OAAA,EAAA,CAAAQ,MAAA,CAAAO,kBAAA,CAAWL,SAAS,IAAED,IAAI,CAAA,CAAA,CAAA;AAC9B,KAAC,CAAC,CAAA;GACL,CAAA;AAED,EAAA,IAAMvB,UAAU,GAAG,SAAbA,UAAUA,CAAI8B,EAAU,EAAK;IAC/B,IAAI,CAACpB,SAAS,EAAE;AACZ,MAAA,OAAA;AACJ,KAAA;IAEAS,QAAQ,CAAC,UAACK,SAAS,EAAK;AACpB,MAAA,IAAMO,KAAK,GAAGP,SAAS,CAACQ,SAAS,CAAC,UAACC,IAAe,EAAA;AAAA,QAAA,OAAKH,EAAE,KAAKG,IAAI,CAACH,EAAE,CAAA;OAAC,CAAA,CAAA;AAEtE,MAAA,IAAIC,KAAK,KAAK,CAAC,CAAC,EAAE;AACd,QAAA,OAAOP,SAAS,CAAA;AACpB,OAAA;AAEA,MAAA,IAAMU,aAAa,GAAGP,SAAS,CAACH,SAAS,CAAC,CAAA;AAC1CA,MAAAA,SAAS,CAACW,MAAM,CAACJ,KAAK,EAAE,CAAC,CAAC,CAAA;AAE1B,MAAA,IAAIG,aAAa,IAAI,CAACP,SAAS,CAACH,SAAS,CAAC,EAAE;QACxCb,QAAQ,CAACC,IAAI,CAACC,KAAK,CAACC,SAAS,GAAGN,iBAAiB,CAACoB,OAAO,CAAA;AAC7D,OAAA;;AAEA;MACA,OAAAC,kBAAA,CAAWL,SAAS,CAAA,CAAA;AACxB,KAAC,CAAC,CAAA;GACL,CAAA;AAED,EAAA,IAAMY,OAAO,GAAG;AACZ3C,IAAAA,KAAK,EAALA,KAAK;AACLG,IAAAA,MAAM,EAANA,MAAM;AACNC,IAAAA,QAAQ,EAARA,QAAQ;AACRG,IAAAA,UAAU,EAAVA,UAAAA;GACH,CAAA;AAED,EAAA,oBACIqC,KAAA,CAAAC,aAAA,CAAC5C,YAAY,CAAC6C,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,OAAAA;AAAQ,GAAA,EACjC9B,QAAQ,EAERC,kBAAkB,gBACf8B,KAAA,CAAAC,aAAA,CAACG,gBAAgB,EACbJ,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACI,YAAY,EAAA;AAACZ,IAAAA,EAAE,EAAElC,MAAAA;AAAO,GAAE,CACb,CAAC,gBAEnByC,KAAA,CAAAC,aAAA,CAACK,MAAM,EAAA;IAACC,SAAS,EAAEjC,QAAQ,CAACC,IAAAA;AAAK,GAAA,eAC7ByB,KAAA,CAAAC,aAAA,CAACI,YAAY,EAAA;AAACZ,IAAAA,EAAE,EAAElC,MAAAA;GAAS,CACvB,CAEO,CAAC,CAAA;AAEhC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.327.0-canary.2022.15758717316.0",
+  "version": "0.327.0-canary.2024.15751969456.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "9ce7fa12c085e6a2562bf0fc4e1d0318423f4b14"
+  "gitHead": "5c3f649879e5f96618638cd1bcf3147c530ce147"
 }

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

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.drawerRoot = exports.drawerConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
-var _utils = /*#__PURE__*/require("../../utils");
 var _Popup = /*#__PURE__*/require("../Popup");
 var _Overlay = /*#__PURE__*/require("../Overlay");
-var _utils2 = /*#__PURE__*/require("../Popup/utils");
+var _utils = /*#__PURE__*/require("../Popup/utils");
+var _utils2 = /*#__PURE__*/require("../../utils");
 var _hooks = /*#__PURE__*/require("../../hooks");
 var _Drawer = /*#__PURE__*/require("./Drawer.tokens");
 var _base = /*#__PURE__*/require("./variations/_view/base");
@@ -65,11 +65,11 @@ var drawerRoot = exports.drawerRoot = function drawerRoot(Root) {
     var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef);
     var popupController = (0, _Popup.usePopupContext)();
     var innerRef = (0, _plasmaCore.useForkRef)(trapRef, outerRef);
-    var uniqId = (0, _utils.safeUseId)();
+    var uniqId = (0, _plasmaCore.safeUseId)();
     var innerId = id || uniqId;
     var overlayBackgroundToken = withBlur ? "var(".concat(_Drawer.tokens.drawerOverlayWithBlurColor, ")") : "var(".concat(_Drawer.tokens.drawerOverlayColor, ")");
-    var innerWidth = width ? (0, _utils.getSizeValueFromProp)(width) : '100%';
-    var innerHeight = height ? (0, _utils.getSizeValueFromProp)(height) : '100%';
+    var innerWidth = width ? (0, _utils2.getSizeValueFromProp)(width) : '100%';
+    var innerHeight = height ? (0, _utils2.getSizeValueFromProp)(height) : '100%';
     var placementClass = placement ? _Drawer.classes["".concat(placement, "Placement")] : undefined;
     var _useDrawer = (0, _hooks2.useDrawer)({
         id: innerId,
@@ -82,7 +82,7 @@ var drawerRoot = exports.drawerRoot = function drawerRoot(Root) {
       }),
       drawerInfo = _useDrawer.drawerInfo;
     var transparent = (0, _react.useMemo)(function () {
-      return (0, _DrawerContext.getIdLastDrawer)(Array.from(popupController.items.values())) !== innerId;
+      return (0, _DrawerContext.getIdLastDrawer)(popupController.items) !== innerId;
     }, [innerId, popupController.items]);
     var onDrawerOverlayKeyDown = function onDrawerOverlayKeyDown(event) {
       if (onOverlayClick) {
@@ -96,7 +96,7 @@ var drawerRoot = exports.drawerRoot = function drawerRoot(Root) {
     return /*#__PURE__*/_react["default"].createElement(_Drawer2.StyledPopup, _extends({
       id: innerId,
       ref: asModal ? innerRef : outerRef,
-      className: (0, _utils.cx)(placementClass),
+      className: (0, _utils2.cx)(placementClass),
       opened: innerIsOpen,
       zIndex: zIndex,
       placement: placement,
@@ -110,7 +110,7 @@ var drawerRoot = exports.drawerRoot = function drawerRoot(Root) {
         view: view
       }, /*#__PURE__*/_react["default"].createElement(_Overlay.Overlay, {
         className: _Drawer.classes.overlay,
-        zIndex: zIndex || _utils2.DEFAULT_Z_INDEX,
+        zIndex: zIndex || _utils.DEFAULT_Z_INDEX,
         backgroundColorProperty: overlayBackgroundToken,
         withBlur: withBlur,
         transparent: transparent,

package/styled-components/cjs/components/Drawer/hooks/useDrawer.js

@@ -33,7 +33,7 @@ var useDrawer = exports.useDrawer = function useDrawer(_ref) {
     if (!closeOnEsc) {
       return;
     }
-    if (event.keyCode === ESCAPE_KEYCODE && (0, _DrawerContext.getIdLastDrawer)(Array.from(popupController.items.values())) === id) {
+    if (event.keyCode === ESCAPE_KEYCODE && (0, _DrawerContext.getIdLastDrawer)(popupController.items) === id) {
       if (onEscKeyDown) {
         onEscKeyDown(event);
         return;
@@ -64,7 +64,7 @@ var useDrawer = exports.useDrawer = function useDrawer(_ref) {
     if (!_utils.canUseDOM) {
       return;
     }
-    if (!isOpen && !(0, _DrawerContext.hasDrawers)(Array.from(popupController.items.values()))) {
+    if (!isOpen && !(0, _DrawerContext.hasDrawers)(popupController.items)) {
       document.body.style.overflow = overflow.current;
     }
   }, [isOpen, popupController.items]);

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

@@ -21,11 +21,11 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 var defaultFormatChars = [{
-  str: '*',
-  regexp: /./
-}, {
   str: '0',
   regexp: /[0-9]/
+}, {
+  str: '*',
+  regexp: /./
 }, {
   str: 'a',
   regexp: /[a-zA-Z]/

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

@@ -7,12 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.modalRoot = exports.modalConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
 var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
-var _utils = /*#__PURE__*/require("../../utils");
 var _engines = /*#__PURE__*/require("../../engines");
-var _hooks = /*#__PURE__*/require("../../hooks");
 var _Popup = /*#__PURE__*/require("../Popup");
 var _Overlay = /*#__PURE__*/require("../Overlay");
-var _utils2 = /*#__PURE__*/require("../Popup/utils");
+var _utils = /*#__PURE__*/require("../Popup/utils");
+var _hooks = /*#__PURE__*/require("../../hooks");
 var _IconClose2 = /*#__PURE__*/require("../_Icon/Icons/IconClose");
 var _Modal = /*#__PURE__*/require("./Modal.tokens");
 var _hooks2 = /*#__PURE__*/require("./hooks");
@@ -61,7 +60,7 @@ var modalRoot = exports.modalRoot = function modalRoot(Root) {
     var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef, true);
     var popupController = (0, _Popup.usePopupContext)();
     var innerRef = (0, _plasmaCore.useForkRef)(trapRef, outerRootRef);
-    var uniqId = (0, _utils.safeUseId)();
+    var uniqId = (0, _plasmaCore.safeUseId)();
     var innerId = id || uniqId;
     var overlayBackgroundToken = withBlur ? "var(".concat(_Modal.tokens.modalOverlayWithBlurColor, ")") : "var(".concat(_Modal.tokens.modalOverlayColor, ")");
     var _useModal = (0, _hooks2.useModal)({
@@ -74,7 +73,7 @@ var modalRoot = exports.modalRoot = function modalRoot(Root) {
       }),
       modalInfo = _useModal.modalInfo;
     var transparent = (0, _react.useMemo)(function () {
-      return (0, _ModalContext.getIdLastModal)(Array.from(popupController.items.values())) !== innerId;
+      return (0, _ModalContext.getIdLastModal)(popupController.items) !== innerId;
     }, [innerId, popupController.items]);
     var onModalOverlayKeyDown = (0, _react.useCallback)(function (event) {
       if (onOverlayClick) {
@@ -87,7 +86,7 @@ var modalRoot = exports.modalRoot = function modalRoot(Root) {
     }, [closeOnOverlayClick, onOverlayClick, onClose]);
     var overlayNode = /*#__PURE__*/_react["default"].createElement(_Overlay.Overlay, {
       className: _Modal.classes.overlay,
-      zIndex: zIndex || _utils2.DEFAULT_Z_INDEX,
+      zIndex: zIndex || _utils.DEFAULT_Z_INDEX,
       backgroundColorProperty: overlayBackgroundToken,
       withBlur: withBlur,
       transparent: transparent,

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

@@ -28,7 +28,7 @@ var useModal = exports.useModal = function useModal(_ref) {
     if (!closeOnEsc) {
       return;
     }
-    if (event.keyCode === ESCAPE_KEYCODE && (0, _ModalContext.getIdLastModal)(Array.from(popupController.items.values())) === id) {
+    if (event.keyCode === ESCAPE_KEYCODE && (0, _ModalContext.getIdLastModal)(popupController.items) === id) {
       if (onEscKeyDown) {
         onEscKeyDown(event);
         return;

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

@@ -109,7 +109,7 @@ var popupRoot = exports.popupRoot = function popupRoot(Root) {
       className = _ref.className,
       rest = _objectWithoutProperties(_ref, _excluded);
     var innerIsOpen = isOpen || opened;
-    var uniqId = (0, _utils.safeUseId)();
+    var uniqId = (0, _plasmaCore.safeUseId)();
     var innerId = id || uniqId;
     var _usePopup = (0, _hooks.usePopup)({
         isOpen: innerIsOpen,

package/styled-components/cjs/components/Popup/PopupContext.js

@@ -6,13 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePopupContext = exports.PopupProvider = exports.POPUP_PORTAL_ID = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
-var _utils = /*#__PURE__*/require("../../utils");
 var _Portal = /*#__PURE__*/require("../Portal");
 var _ModalContext = /*#__PURE__*/require("../Modal/ModalContext");
+var _utils = /*#__PURE__*/require("../../utils");
 var _ClientOnlyPortal = /*#__PURE__*/require("./ClientOnlyPortal");
 var _Popup = /*#__PURE__*/require("./Popup.styles");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -20,9 +24,9 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var POPUP_PORTAL_ID = exports.POPUP_PORTAL_ID = 'plasma-popup-root';
-var initialItems = /*#__PURE__*/new Map();
+var items = [];
 var PopupContext = /*#__PURE__*/(0, _react.createContext)({
-  items: initialItems,
+  items: items,
   rootId: POPUP_PORTAL_ID,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   register: function register(_info) {
@@ -42,7 +46,7 @@ var PopupProvider = exports.PopupProvider = function PopupProvider(_ref) {
   var children = _ref.children,
     UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
   var prevBodyOverflowY = (0, _react.useRef)(_utils.canUseDOM ? document.body.style.overflowY : '');
-  var _useState = (0, _react.useState)(initialItems),
+  var _useState = (0, _react.useState)([]),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
     setItems = _useState2[1];
@@ -54,13 +58,11 @@ var PopupProvider = exports.PopupProvider = function PopupProvider(_ref) {
     }
     setItems(function (prevItems) {
       var _info$info;
-      var newItems = new Map(prevItems);
-      if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !(0, _ModalContext.hasModals)(Array.from(prevItems.values()))) {
+      if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !(0, _ModalContext.hasModals)(prevItems)) {
         prevBodyOverflowY.current = document.body.style.overflowY;
         document.body.style.overflowY = 'hidden';
       }
-      newItems.set(info.id, info);
-      return newItems;
+      return [].concat(_toConsumableArray(prevItems), [info]);
     });
   };
   var unregister = function unregister(id) {
@@ -68,16 +70,20 @@ var PopupProvider = exports.PopupProvider = function PopupProvider(_ref) {
       return;
     }
     setItems(function (prevItems) {
-      if (!prevItems.has(id)) {
+      var index = prevItems.findIndex(function (item) {
+        return id === item.id;
+      });
+      if (index === -1) {
         return prevItems;
       }
-      var newItems = new Map(prevItems);
-      var prevHasModals = (0, _ModalContext.hasModals)(Array.from(newItems.values()));
-      newItems["delete"](id);
-      if (prevHasModals && !(0, _ModalContext.hasModals)(Array.from(newItems.values()))) {
+      var prevHasModals = (0, _ModalContext.hasModals)(prevItems);
+      prevItems.splice(index, 1);
+      if (prevHasModals && !(0, _ModalContext.hasModals)(prevItems)) {
         document.body.style.overflowY = prevBodyOverflowY.current;
       }
-      return newItems;
+
+      // при return prevItems не обновится контекст
+      return _toConsumableArray(prevItems);
     });
   };
   var context = {

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

@@ -3,11 +3,11 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useMemo } from 'react';
-import { useForkRef } from '@salutejs/plasma-core';
-import { cx, getSizeValueFromProp, safeUseId } from "../../utils";
+import { useForkRef, safeUseId } from '@salutejs/plasma-core';
 import { usePopupContext } from "../Popup";
 import { Overlay } from "../Overlay";
 import { DEFAULT_Z_INDEX } from "../Popup/utils";
+import { cx, getSizeValueFromProp } from "../../utils";
 import { useFocusTrap } from "../../hooks";
 import { classes, tokens } from "./Drawer.tokens";
 import { base as viewCSS } from "./variations/_view/base";
@@ -74,7 +74,7 @@ export var drawerRoot = function drawerRoot(Root) {
       }),
       drawerInfo = _useDrawer.drawerInfo;
     var transparent = useMemo(function () {
-      return getIdLastDrawer(Array.from(popupController.items.values())) !== innerId;
+      return getIdLastDrawer(popupController.items) !== innerId;
     }, [innerId, popupController.items]);
     var onDrawerOverlayKeyDown = function onDrawerOverlayKeyDown(event) {
       if (onOverlayClick) {

package/styled-components/es/components/Drawer/hooks/useDrawer.js

@@ -27,7 +27,7 @@ export var useDrawer = function useDrawer(_ref) {
     if (!closeOnEsc) {
       return;
     }
-    if (event.keyCode === ESCAPE_KEYCODE && getIdLastDrawer(Array.from(popupController.items.values())) === id) {
+    if (event.keyCode === ESCAPE_KEYCODE && getIdLastDrawer(popupController.items) === id) {
       if (onEscKeyDown) {
         onEscKeyDown(event);
         return;
@@ -58,7 +58,7 @@ export var useDrawer = function useDrawer(_ref) {
     if (!canUseDOM) {
       return;
     }
-    if (!isOpen && !hasDrawers(Array.from(popupController.items.values()))) {
+    if (!isOpen && !hasDrawers(popupController.items)) {
       document.body.style.overflow = overflow.current;
     }
   }, [isOpen, popupController.items]);

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

@@ -11,11 +11,11 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React, { forwardRef, useImperativeHandle, useState } from 'react';
 import maskInputCompose from '@salutejs/react-maskinput';
 var defaultFormatChars = [{
-  str: '*',
-  regexp: /./
-}, {
   str: '0',
   regexp: /[0-9]/
+}, {
+  str: '*',
+  regexp: /./
 }, {
   str: 'a',
   regexp: /[a-zA-Z]/

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

@@ -4,13 +4,12 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef, useCallback, useMemo } from 'react';
-import { useForkRef } from '@salutejs/plasma-core';
-import { safeUseId } from "../../utils";
+import { useForkRef, safeUseId } from '@salutejs/plasma-core';
 import { component } from "../../engines";
-import { useFocusTrap } from "../../hooks";
 import { popupConfig, usePopupContext } from "../Popup";
 import { Overlay } from "../Overlay";
 import { DEFAULT_Z_INDEX } from "../Popup/utils";
+import { useFocusTrap } from "../../hooks";
 import { IconClose } from "../_Icon/Icons/IconClose";
 import { classes, tokens } from "./Modal.tokens";
 import { useModal } from "./hooks";
@@ -66,7 +65,7 @@ export var modalRoot = function modalRoot(Root) {
       }),
       modalInfo = _useModal.modalInfo;
     var transparent = useMemo(function () {
-      return getIdLastModal(Array.from(popupController.items.values())) !== innerId;
+      return getIdLastModal(popupController.items) !== innerId;
     }, [innerId, popupController.items]);
     var onModalOverlayKeyDown = useCallback(function (event) {
       if (onOverlayClick) {

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

@@ -22,7 +22,7 @@ export var useModal = function useModal(_ref) {
     if (!closeOnEsc) {
       return;
     }
-    if (event.keyCode === ESCAPE_KEYCODE && getIdLastModal(Array.from(popupController.items.values())) === id) {
+    if (event.keyCode === ESCAPE_KEYCODE && getIdLastModal(popupController.items) === id) {
       if (onEscKeyDown) {
         onEscKeyDown(event);
         return;

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

@@ -9,8 +9,8 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { forwardRef, useRef } from 'react';
-import { useForkRef } from '@salutejs/plasma-core';
-import { canUseDOM, cx, safeUseId } from "../../utils";
+import { useForkRef, safeUseId } from '@salutejs/plasma-core';
+import { canUseDOM, cx } from "../../utils";
 import { Portal } from "../Portal";
 import { PopupRoot } from "./PopupRoot";
 import { usePopup } from "./hooks";