npm - @salutejs/plasma-new-hope - Versions diffs - 0.146.1-canary.1412.10900761739.0 → 0.146.1-canary.1412.10901451694.0 - Mend

@salutejs/plasma-new-hope 0.146.1-canary.1412.10900761739.0 → 0.146.1-canary.1412.10901451694.0

Files changed (30) hide show

package/cjs/components/Popup/Popup.js CHANGED Viewed

@@ -70,136 +70,6 @@ var handlePosition = function handlePosition(placement, offset) {
     transform: transform
   };
 };
-/*
-const getPortalParent = (frame: 'document' | string | React.RefObject<HTMLElement>, portalRef) => {
-    if (typeof frame !== 'string' && frame && frame.current) {
-        portalRef.current = frame.current;
-        return;
-    }
-    if (typeof frame === 'string' && frame !== 'document') {
-        const element = document.getElementById(frame);
-        if (element) {
-            const portal = document.createElement('div');
-            portal.className = 'frame-portal';
-            portal.style.position = 'relative';
-            portal.style.width = '0';
-            element.appendChild(portal);
-            portalRef.current = portal;
-            return;
-            //
-            // const portal = document?.querySelector('.frame-portal');
-            // if (!portal) {
-            //     portal = document.createElement('div');
-            //     document.getElementById(frame)?.appendChild(portal);
-            // }
-            // return portal;
-        }
-    }
-    const portal = document.getElementById(POPUP_PORTAL_ID);
-    if (!portal) {
-        ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-    }
-    portalRef.current = portal;
-    let portal;
-        const hasFrame = typeof frame !== 'string' && frame && frame.current;
-        if (hasFrame) {
-            portal = frame.current;
-        } else {
-            // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-            portal = document.getElementById(POPUP_PORTAL_ID);
-            if (!portal) {
-                if (typeof frame === 'string' && frame !== 'document') {
-                    portal = document.createElement('div');
-                    document.getElementById(frame)?.appendChild(portal);
-                } else {
-                    portal.className('frame-portal');
-                    document.body.appendChild(portal);
-                    // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-                }
-            }
-        }
-};
-const usePortalContainer = (frame: 'document' | string | React.RefObject<HTMLElement>) => {
-    const portalRef = useRef<HTMLDivElement | null>(null);
-    if (typeof frame !== 'string' && frame && frame.current) {
-        return frame.current;
-    }
-    if (typeof frame === 'string' && frame !== 'document') {
-        const element = document.getElementById(frame);
-        const portal = document?.querySelector('.frame-portal');
-        if (portal) {
-            return portal;
-        }
-        if (element) {
-            const portal = document.createElement('div');
-            portal.className = 'frame-portal';
-            portal.style.position = 'relative';
-            // portal.style.width = '0';
-            element.appendChild(portal);
-            return portal;
-            //
-            // const portal = document?.querySelector('.frame-portal');
-            // if (!portal) {
-            //     portal = document.createElement('div');
-            //     document.getElementById(frame)?.appendChild(portal);
-            // }
-            // return portal;
-        }
-    }
-    const portal = document.getElementById(POPUP_PORTAL_ID);
-    if (!portal) {
-        const res = ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-        console.log('!!! res', res);
-    }
-    console.log('!!!! portalRef.current', portalRef.current, document.getElementById(POPUP_PORTAL_ID));
-    return portalRef.current;
-    let portal;
-        const hasFrame = typeof frame !== 'string' && frame && frame.current;
-        if (hasFrame) {
-            portal = frame.current;
-        } else {
-            // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-            portal = document.getElementById(POPUP_PORTAL_ID);
-            if (!portal) {
-                if (typeof frame === 'string' && frame !== 'document') {
-                    portal = document.createElement('div');
-                    document.getElementById(frame)?.appendChild(portal);
-                } else {
-                    portal.className('frame-portal');
-                    document.body.appendChild(portal);
-                    // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-                }
-            }
-        }
-};
-*/
 /**
  * Базовый компонент Popup.

package/cjs/components/Popup/Popup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popup.js","sources":["../../../src/components/Popup/Popup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport { useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\nimport { Portal } from '../Portal';\n\nimport type { PopupPlacementBasic, PopupPlacement, PopupPositionType, PopupProps } from './Popup.types';\nimport { POPUP_PORTAL_ID } from './PopupContext';\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/\nconst getPortalParent = (frame: 'document' \| string \| React.RefObject<HTMLElement>, portalRef) => {\n if (typeof frame !== 'string' && frame && frame.current) {\n portalRef.current = frame.current;\n return;\n }\n\n if (typeof frame === 'string' && frame !== 'document') {\n const element = document.getElementById(frame);\n if (element) {\n const portal = document.createElement('div');\n portal.className = 'frame-portal';\n portal.style.position = 'relative';\n portal.style.width = '0';\n\n element.appendChild(portal);\n portalRef.current = portal;\n\n return;\n //\n // const portal = document?.querySelector('.frame-portal');\n // if (!portal) {\n // portal = document.createElement('div');\n // document.getElementById(frame)?.appendChild(portal);\n // }\n // return portal;\n }\n }\n\n const portal = document.getElementById(POPUP_PORTAL_ID);\n\n if (!portal) {\n ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);\n }\n\n portalRef.current = portal;\n\n let portal;\n\n const hasFrame = typeof frame !== 'string' && frame && frame.current;\n if (hasFrame) {\n portal = frame.current;\n } else {\n // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);\n\n portal = document.getElementById(POPUP_PORTAL_ID);\n\n if (!portal) {\n if (typeof frame === 'string' && frame !== 'document') {\n portal = document.createElement('div');\n document.getElementById(frame)?.appendChild(portal);\n } else {\n portal.className('frame-portal');\n document.body.appendChild(portal);\n // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);\n }\n }\n }\n\n};\n\nconst usePortalContainer = (frame: 'document' \| string \| React.RefObject<HTMLElement>) => {\n const portalRef = useRef<HTMLDivElement \| null>(null);\n\n if (typeof frame !== 'string' && frame && frame.current) {\n return frame.current;\n }\n\n if (typeof frame === 'string' && frame !== 'document') {\n const element = document.getElementById(frame);\n\n const portal = document?.querySelector('.frame-portal');\n\n if (portal) {\n return portal;\n }\n\n if (element) {\n const portal = document.createElement('div');\n portal.className = 'frame-portal';\n portal.style.position = 'relative';\n // portal.style.width = '0';\n\n element.appendChild(portal);\n return portal;\n //\n // const portal = document?.querySelector('.frame-portal');\n // if (!portal) {\n // portal = document.createElement('div');\n // document.getElementById(frame)?.appendChild(portal);\n // }\n // return portal;\n }\n }\n\n const portal = document.getElementById(POPUP_PORTAL_ID);\n\n if (!portal) {\n const res = ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);\n\n console.log('!!! res', res);\n }\n\n console.log('!!!! portalRef.current', portalRef.current, document.getElementById(POPUP_PORTAL_ID));\n return portalRef.current;\n\n let portal;\n\n const hasFrame = typeof frame !== 'string' && frame && frame.current;\n if (hasFrame) {\n portal = frame.current;\n } else {\n // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);\n\n portal = document.getElementById(POPUP_PORTAL_ID);\n\n if (!portal) {\n if (typeof frame === 'string' && frame !== 'document') {\n portal = document.createElement('div');\n document.getElementById(frame)?.appendChild(portal);\n } else {\n portal.className('frame-portal');\n document.body.appendChild(portal);\n // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);\n }\n }\n }\n\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 } = 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} {...rest}>\n {overlay}\n <PopupRoot\n id={innerId}\n ref={innerRef}\n position={handlePosition(placement, offset)}\n frame={frame}\n zIndex={zIndex}\n animationInfo={animationInfo}\n setVisible={setVisible}\n >\n {children}\n </PopupRoot>\n </Root>\n );\n\n if (typeof frame !== 'string' && frame && frame.current) {\n return <Portal container={frame.current}>{rootNode}</Portal>;\n }\n\n const withFrameId = typeof frame === 'string' && frame !== 'document';\n const containerElement = withFrameId && document.getElementById(frame as string);\n\n if (containerElement) {\n return (\n <>\n {ReactDOM.createPortal(\n <StyledPortalContainer ref={portalRef}>\n {portalRef.current && <Portal container={portalRef.current}>{rootNode}</Portal>}\n </StyledPortalContainer>,\n containerElement,\n )}\n </>\n );\n }\n\n const globalPortal = typeof document !== 'undefined' && document.getElementById(POPUP_PORTAL_ID);\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","portalRef","useRef","contentRef","innerRef","useForkRef","cls","cx","endAnimation","classes","endTransition","rootNode","React","createElement","_extends","PopupRoot","ref","position","current","Portal","container","withFrameId","containerElement","document","getElementById","Fragment","ReactDOM","createPortal","StyledPortalContainer","globalPortal","POPUP_PORTAL_ID","popupConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;;;;;;;;;;;;;;AAeO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CACvBC,SAAyB,EACzBC,MAA2C,EACvB;EACpB,IAAIC,CAAC,GAAG,MAAM,CAAA;EACd,IAAIC,CAAC,GAAG,MAAM,CAAA;AAEd,EAAA,IAAIF,MAAM,EAAE;AACR,IAAA,IAAAG,OAAA,GAAAC,uCAAA,CAAiBJ,MAAM,EAAA,CAAA,CAAA;AAAhBK,MAAAA,EAAE,GAAAF,OAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,EAAE,GAAAH,OAAA,CAAA,CAAA,CAAA,CAAA;IACbF,CAAC,GAAG,OAAOI,EAAE,KAAK,QAAQ,MAAAE,MAAA,CAAMF,EAAE,EAAA,KAAA,CAAA,GAAQA,EAAE,CAAA;IAC5CH,CAAC,GAAG,OAAOI,EAAE,KAAK,QAAQ,MAAAC,MAAA,CAAMD,EAAE,EAAA,KAAA,CAAA,GAAQA,EAAE,CAAA;AAChD,GAAA;AAEA,EAAA,IAAI,CAACP,SAAS,IAAIA,SAAS,KAAK,QAAQ,EAAE;IACtC,OAAO;AACHS,MAAAA,IAAI,EAAAD,aAAAA,CAAAA,MAAA,CAAgBN,CAAC,EAAG,GAAA,CAAA;AACxBQ,MAAAA,GAAG,EAAAF,aAAAA,CAAAA,MAAA,CAAgBL,CAAC,EAAG,GAAA,CAAA;AACvBQ,MAAAA,SAAS,EAAE,uBAAA;KACd,CAAA;AACL,GAAA;AAEA,EAAA,IAAIF,IAAI,CAAA;AACR,EAAA,IAAIG,KAAK,CAAA;AACT,EAAA,IAAIF,GAAG,CAAA;AACP,EAAA,IAAIG,MAAM,CAAA;AACV,EAAA,IAAIF,SAAS,CAAA;AACb,EAAA,IAAMG,UAAU,GAAGd,SAAS,CAACe,KAAK,CAAC,GAAG,CAA0B,CAAA;AAEhED,EAAAA,UAAU,CAACE,OAAO,CAAC,UAACC,cAAmC,EAAK;AACxD,IAAA,QAAQA,cAAc;AAClB,MAAA,KAAK,MAAM;AACPR,QAAAA,IAAI,GAAGP,CAAC,CAAA;AACR,QAAA,MAAA;AACJ,MAAA,KAAK,OAAO;AACRU,QAAAA,KAAK,GAAGV,CAAC,CAAA;AACT,QAAA,MAAA;AACJ,MAAA,KAAK,KAAK;AACNQ,QAAAA,GAAG,GAAGP,CAAC,CAAA;AACP,QAAA,MAAA;AACJ,MAAA,KAAK,QAAQ;AACTU,QAAAA,MAAM,GAAGV,CAAC,CAAA;AACV,QAAA,MAAA;AAGR,KAAA;AACJ,GAAC,CAAC,CAAA;EAEF,IAAMe,WAAW,GAAGT,IAAI,KAAKU,SAAS,IAAIP,KAAK,KAAKO,SAAS,CAAA;EAC7D,IAAMC,WAAW,GAAGV,GAAG,KAAKS,SAAS,IAAIN,MAAM,KAAKM,SAAS,CAAA;AAE7D,EAAA,IAAID,WAAW,EAAE;AACbP,IAAAA,SAAS,GAAG,kBAAkB,CAAA;AAClC,GAAA;AAEA,EAAA,IAAIS,WAAW,EAAE;AACbT,IAAAA,SAAS,GAAG,kBAAkB,CAAA;AAClC,GAAA;EAEA,OAAO;AACHF,IAAAA,IAAI,EAAES,WAAW,GAAA,aAAA,CAAAV,MAAA,CAAiBN,CAAC,SAAMO,IAAI;AAC7CG,IAAAA,KAAK,EAALA,KAAK;AACLF,IAAAA,GAAG,EAAEU,WAAW,GAAA,aAAA,CAAAZ,MAAA,CAAiBL,CAAC,SAAMO,GAAG;AAC3CG,IAAAA,MAAM,EAANA,MAAM;AACNF,IAAAA,SAAS,EAATA,SAAAA;GACH,CAAA;AACL,EAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA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"}
1	+ {"version":3,"file":"Popup.js","sources":["../../../src/components/Popup/Popup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport { useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\nimport { Portal } from '../Portal';\n\nimport type { PopupPlacementBasic, PopupPlacement, PopupPositionType, PopupProps } from './Popup.types';\nimport { POPUP_PORTAL_ID } from './PopupContext';\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 } = 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} {...rest}>\n {overlay}\n <PopupRoot\n id={innerId}\n ref={innerRef}\n position={handlePosition(placement, offset)}\n frame={frame}\n zIndex={zIndex}\n animationInfo={animationInfo}\n setVisible={setVisible}\n >\n {children}\n </PopupRoot>\n </Root>\n );\n\n if (typeof frame !== 'string' && frame && frame.current) {\n return <Portal container={frame.current}>{rootNode}</Portal>;\n }\n\n const withFrameId = typeof frame === 'string' && frame !== 'document';\n const containerElement = withFrameId && document.getElementById(frame as string);\n\n if (containerElement) {\n return (\n <>\n {ReactDOM.createPortal(\n <StyledPortalContainer ref={portalRef}>\n {portalRef.current && <Portal container={portalRef.current}>{rootNode}</Portal>}\n </StyledPortalContainer>,\n containerElement,\n )}\n </>\n );\n }\n\n const globalPortal = typeof document !== 'undefined' && document.getElementById(POPUP_PORTAL_ID);\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","portalRef","useRef","contentRef","innerRef","useForkRef","cls","cx","endAnimation","classes","endTransition","rootNode","React","createElement","_extends","PopupRoot","ref","position","current","Portal","container","withFrameId","containerElement","document","getElementById","Fragment","ReactDOM","createPortal","StyledPortalContainer","globalPortal","POPUP_PORTAL_ID","popupConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}

package/emotion/cjs/components/Popup/Popup.js CHANGED Viewed

@@ -85,136 +85,6 @@ var handlePosition = exports.handlePosition = function handlePosition(placement,
     transform: transform
   };
 };
-/*
-const getPortalParent = (frame: 'document' | string | React.RefObject<HTMLElement>, portalRef) => {
-    if (typeof frame !== 'string' && frame && frame.current) {
-        portalRef.current = frame.current;
-        return;
-    }
-    if (typeof frame === 'string' && frame !== 'document') {
-        const element = document.getElementById(frame);
-        if (element) {
-            const portal = document.createElement('div');
-            portal.className = 'frame-portal';
-            portal.style.position = 'relative';
-            portal.style.width = '0';
-            element.appendChild(portal);
-            portalRef.current = portal;
-            return;
-            //
-            // const portal = document?.querySelector('.frame-portal');
-            // if (!portal) {
-            //     portal = document.createElement('div');
-            //     document.getElementById(frame)?.appendChild(portal);
-            // }
-            // return portal;
-        }
-    }
-    const portal = document.getElementById(POPUP_PORTAL_ID);
-    if (!portal) {
-        ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-    }
-    portalRef.current = portal;
-    let portal;
-        const hasFrame = typeof frame !== 'string' && frame && frame.current;
-        if (hasFrame) {
-            portal = frame.current;
-        } else {
-            // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-            portal = document.getElementById(POPUP_PORTAL_ID);
-            if (!portal) {
-                if (typeof frame === 'string' && frame !== 'document') {
-                    portal = document.createElement('div');
-                    document.getElementById(frame)?.appendChild(portal);
-                } else {
-                    portal.className('frame-portal');
-                    document.body.appendChild(portal);
-                    // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-                }
-            }
-        }
-};
-const usePortalContainer = (frame: 'document' | string | React.RefObject<HTMLElement>) => {
-    const portalRef = useRef<HTMLDivElement | null>(null);
-    if (typeof frame !== 'string' && frame && frame.current) {
-        return frame.current;
-    }
-    if (typeof frame === 'string' && frame !== 'document') {
-        const element = document.getElementById(frame);
-        const portal = document?.querySelector('.frame-portal');
-        if (portal) {
-            return portal;
-        }
-        if (element) {
-            const portal = document.createElement('div');
-            portal.className = 'frame-portal';
-            portal.style.position = 'relative';
-            // portal.style.width = '0';
-            element.appendChild(portal);
-            return portal;
-            //
-            // const portal = document?.querySelector('.frame-portal');
-            // if (!portal) {
-            //     portal = document.createElement('div');
-            //     document.getElementById(frame)?.appendChild(portal);
-            // }
-            // return portal;
-        }
-    }
-    const portal = document.getElementById(POPUP_PORTAL_ID);
-    if (!portal) {
-        const res = ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-        console.log('!!! res', res);
-    }
-    console.log('!!!! portalRef.current', portalRef.current, document.getElementById(POPUP_PORTAL_ID));
-    return portalRef.current;
-    let portal;
-        const hasFrame = typeof frame !== 'string' && frame && frame.current;
-        if (hasFrame) {
-            portal = frame.current;
-        } else {
-            // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-            portal = document.getElementById(POPUP_PORTAL_ID);
-            if (!portal) {
-                if (typeof frame === 'string' && frame !== 'document') {
-                    portal = document.createElement('div');
-                    document.getElementById(frame)?.appendChild(portal);
-                } else {
-                    portal.className('frame-portal');
-                    document.body.appendChild(portal);
-                    // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-                }
-            }
-        }
-};
-*/
 /**
  * Базовый компонент Popup.

package/emotion/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx CHANGED Viewed

@@ -211,7 +211,7 @@ export const DrawerDemo: StoryObj<StoryDrawerProps> = {
         asModal: true,
         closePlacement: 'right',
         width: '25vw',
-        height: '100vh',
+        height: '100dvh',
         borderRadius: 'none',
     },
     render: (args) => <StoryDrawerDemo {...args} />,

package/emotion/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx CHANGED Viewed

@@ -80,7 +80,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 300px;
+    height: 1200px;
 `;
 const Content = styled.div`

package/emotion/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx CHANGED Viewed

@@ -55,7 +55,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 600px;
+    height: 1200px;
 `;
 const OtherContent = styled.div`

package/emotion/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx CHANGED Viewed

@@ -80,7 +80,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 300px;
+    height: 1200px;
 `;
 const Content = styled.div`

package/emotion/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx CHANGED Viewed

@@ -55,7 +55,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 600px;
+    height: 1200px;
 `;
 const OtherContent = styled.div`

package/emotion/es/components/Popup/Popup.js CHANGED Viewed

@@ -75,136 +75,6 @@ export var handlePosition = function handlePosition(placement, offset) {
     transform: transform
   };
 };
-/*
-const getPortalParent = (frame: 'document' | string | React.RefObject<HTMLElement>, portalRef) => {
-    if (typeof frame !== 'string' && frame && frame.current) {
-        portalRef.current = frame.current;
-        return;
-    }
-    if (typeof frame === 'string' && frame !== 'document') {
-        const element = document.getElementById(frame);
-        if (element) {
-            const portal = document.createElement('div');
-            portal.className = 'frame-portal';
-            portal.style.position = 'relative';
-            portal.style.width = '0';
-            element.appendChild(portal);
-            portalRef.current = portal;
-            return;
-            //
-            // const portal = document?.querySelector('.frame-portal');
-            // if (!portal) {
-            //     portal = document.createElement('div');
-            //     document.getElementById(frame)?.appendChild(portal);
-            // }
-            // return portal;
-        }
-    }
-    const portal = document.getElementById(POPUP_PORTAL_ID);
-    if (!portal) {
-        ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-    }
-    portalRef.current = portal;
-    let portal;
-        const hasFrame = typeof frame !== 'string' && frame && frame.current;
-        if (hasFrame) {
-            portal = frame.current;
-        } else {
-            // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-            portal = document.getElementById(POPUP_PORTAL_ID);
-            if (!portal) {
-                if (typeof frame === 'string' && frame !== 'document') {
-                    portal = document.createElement('div');
-                    document.getElementById(frame)?.appendChild(portal);
-                } else {
-                    portal.className('frame-portal');
-                    document.body.appendChild(portal);
-                    // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-                }
-            }
-        }
-};
-const usePortalContainer = (frame: 'document' | string | React.RefObject<HTMLElement>) => {
-    const portalRef = useRef<HTMLDivElement | null>(null);
-    if (typeof frame !== 'string' && frame && frame.current) {
-        return frame.current;
-    }
-    if (typeof frame === 'string' && frame !== 'document') {
-        const element = document.getElementById(frame);
-        const portal = document?.querySelector('.frame-portal');
-        if (portal) {
-            return portal;
-        }
-        if (element) {
-            const portal = document.createElement('div');
-            portal.className = 'frame-portal';
-            portal.style.position = 'relative';
-            // portal.style.width = '0';
-            element.appendChild(portal);
-            return portal;
-            //
-            // const portal = document?.querySelector('.frame-portal');
-            // if (!portal) {
-            //     portal = document.createElement('div');
-            //     document.getElementById(frame)?.appendChild(portal);
-            // }
-            // return portal;
-        }
-    }
-    const portal = document.getElementById(POPUP_PORTAL_ID);
-    if (!portal) {
-        const res = ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-        console.log('!!! res', res);
-    }
-    console.log('!!!! portalRef.current', portalRef.current, document.getElementById(POPUP_PORTAL_ID));
-    return portalRef.current;
-    let portal;
-        const hasFrame = typeof frame !== 'string' && frame && frame.current;
-        if (hasFrame) {
-            portal = frame.current;
-        } else {
-            // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-            portal = document.getElementById(POPUP_PORTAL_ID);
-            if (!portal) {
-                if (typeof frame === 'string' && frame !== 'document') {
-                    portal = document.createElement('div');
-                    document.getElementById(frame)?.appendChild(portal);
-                } else {
-                    portal.className('frame-portal');
-                    document.body.appendChild(portal);
-                    // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-                }
-            }
-        }
-};
-*/
 /**
  * Базовый компонент Popup.

package/emotion/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx CHANGED Viewed

@@ -211,7 +211,7 @@ export const DrawerDemo: StoryObj<StoryDrawerProps> = {
         asModal: true,
         closePlacement: 'right',
         width: '25vw',
-        height: '100vh',
+        height: '100dvh',
         borderRadius: 'none',
     },
     render: (args) => <StoryDrawerDemo {...args} />,

package/emotion/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx CHANGED Viewed

@@ -80,7 +80,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 300px;
+    height: 1200px;
 `;
 const Content = styled.div`

package/emotion/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx CHANGED Viewed

@@ -55,7 +55,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 600px;
+    height: 1200px;
 `;
 const OtherContent = styled.div`

package/emotion/es/examples/plasma_web/components/Modal/Modal.stories.tsx CHANGED Viewed

@@ -80,7 +80,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 300px;
+    height: 1200px;
 `;
 const Content = styled.div`

package/emotion/es/examples/plasma_web/components/Popup/Popup.stories.tsx CHANGED Viewed

@@ -55,7 +55,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 600px;
+    height: 1200px;
 `;
 const OtherContent = styled.div`

package/es/components/Popup/Popup.js CHANGED Viewed

@@ -66,136 +66,6 @@ var handlePosition = function handlePosition(placement, offset) {
     transform: transform
   };
 };
-/*
-const getPortalParent = (frame: 'document' | string | React.RefObject<HTMLElement>, portalRef) => {
-    if (typeof frame !== 'string' && frame && frame.current) {
-        portalRef.current = frame.current;
-        return;
-    }
-    if (typeof frame === 'string' && frame !== 'document') {
-        const element = document.getElementById(frame);
-        if (element) {
-            const portal = document.createElement('div');
-            portal.className = 'frame-portal';
-            portal.style.position = 'relative';
-            portal.style.width = '0';
-            element.appendChild(portal);
-            portalRef.current = portal;
-            return;
-            //
-            // const portal = document?.querySelector('.frame-portal');
-            // if (!portal) {
-            //     portal = document.createElement('div');
-            //     document.getElementById(frame)?.appendChild(portal);
-            // }
-            // return portal;
-        }
-    }
-    const portal = document.getElementById(POPUP_PORTAL_ID);
-    if (!portal) {
-        ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-    }
-    portalRef.current = portal;
-    let portal;
-        const hasFrame = typeof frame !== 'string' && frame && frame.current;
-        if (hasFrame) {
-            portal = frame.current;
-        } else {
-            // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-            portal = document.getElementById(POPUP_PORTAL_ID);
-            if (!portal) {
-                if (typeof frame === 'string' && frame !== 'document') {
-                    portal = document.createElement('div');
-                    document.getElementById(frame)?.appendChild(portal);
-                } else {
-                    portal.className('frame-portal');
-                    document.body.appendChild(portal);
-                    // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-                }
-            }
-        }
-};
-const usePortalContainer = (frame: 'document' | string | React.RefObject<HTMLElement>) => {
-    const portalRef = useRef<HTMLDivElement | null>(null);
-    if (typeof frame !== 'string' && frame && frame.current) {
-        return frame.current;
-    }
-    if (typeof frame === 'string' && frame !== 'document') {
-        const element = document.getElementById(frame);
-        const portal = document?.querySelector('.frame-portal');
-        if (portal) {
-            return portal;
-        }
-        if (element) {
-            const portal = document.createElement('div');
-            portal.className = 'frame-portal';
-            portal.style.position = 'relative';
-            // portal.style.width = '0';
-            element.appendChild(portal);
-            return portal;
-            //
-            // const portal = document?.querySelector('.frame-portal');
-            // if (!portal) {
-            //     portal = document.createElement('div');
-            //     document.getElementById(frame)?.appendChild(portal);
-            // }
-            // return portal;
-        }
-    }
-    const portal = document.getElementById(POPUP_PORTAL_ID);
-    if (!portal) {
-        const res = ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-        console.log('!!! res', res);
-    }
-    console.log('!!!! portalRef.current', portalRef.current, document.getElementById(POPUP_PORTAL_ID));
-    return portalRef.current;
-    let portal;
-        const hasFrame = typeof frame !== 'string' && frame && frame.current;
-        if (hasFrame) {
-            portal = frame.current;
-        } else {
-            // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-            portal = document.getElementById(POPUP_PORTAL_ID);
-            if (!portal) {
-                if (typeof frame === 'string' && frame !== 'document') {
-                    portal = document.createElement('div');
-                    document.getElementById(frame)?.appendChild(portal);
-                } else {
-                    portal.className('frame-portal');
-                    document.body.appendChild(portal);
-                    // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-                }
-            }
-        }
-};
-*/
 /**
  * Базовый компонент Popup.

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Popup.js","sources":["../../../src/components/Popup/Popup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport { useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\nimport { Portal } from '../Portal';\n\nimport type { PopupPlacementBasic, PopupPlacement, PopupPositionType, PopupProps } from './Popup.types';\nimport { POPUP_PORTAL_ID } from './PopupContext';\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/\nconst getPortalParent = (frame: 'document' \| string \| React.RefObject<HTMLElement>, portalRef) => {\n if (typeof frame !== 'string' && frame && frame.current) {\n portalRef.current = frame.current;\n return;\n }\n\n if (typeof frame === 'string' && frame !== 'document') {\n const element = document.getElementById(frame);\n if (element) {\n const portal = document.createElement('div');\n portal.className = 'frame-portal';\n portal.style.position = 'relative';\n portal.style.width = '0';\n\n element.appendChild(portal);\n portalRef.current = portal;\n\n return;\n //\n // const portal = document?.querySelector('.frame-portal');\n // if (!portal) {\n // portal = document.createElement('div');\n // document.getElementById(frame)?.appendChild(portal);\n // }\n // return portal;\n }\n }\n\n const portal = document.getElementById(POPUP_PORTAL_ID);\n\n if (!portal) {\n ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);\n }\n\n portalRef.current = portal;\n\n let portal;\n\n const hasFrame = typeof frame !== 'string' && frame && frame.current;\n if (hasFrame) {\n portal = frame.current;\n } else {\n // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);\n\n portal = document.getElementById(POPUP_PORTAL_ID);\n\n if (!portal) {\n if (typeof frame === 'string' && frame !== 'document') {\n portal = document.createElement('div');\n document.getElementById(frame)?.appendChild(portal);\n } else {\n portal.className('frame-portal');\n document.body.appendChild(portal);\n // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);\n }\n }\n }\n\n};\n\nconst usePortalContainer = (frame: 'document' \| string \| React.RefObject<HTMLElement>) => {\n const portalRef = useRef<HTMLDivElement \| null>(null);\n\n if (typeof frame !== 'string' && frame && frame.current) {\n return frame.current;\n }\n\n if (typeof frame === 'string' && frame !== 'document') {\n const element = document.getElementById(frame);\n\n const portal = document?.querySelector('.frame-portal');\n\n if (portal) {\n return portal;\n }\n\n if (element) {\n const portal = document.createElement('div');\n portal.className = 'frame-portal';\n portal.style.position = 'relative';\n // portal.style.width = '0';\n\n element.appendChild(portal);\n return portal;\n //\n // const portal = document?.querySelector('.frame-portal');\n // if (!portal) {\n // portal = document.createElement('div');\n // document.getElementById(frame)?.appendChild(portal);\n // }\n // return portal;\n }\n }\n\n const portal = document.getElementById(POPUP_PORTAL_ID);\n\n if (!portal) {\n const res = ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);\n\n console.log('!!! res', res);\n }\n\n console.log('!!!! portalRef.current', portalRef.current, document.getElementById(POPUP_PORTAL_ID));\n return portalRef.current;\n\n let portal;\n\n const hasFrame = typeof frame !== 'string' && frame && frame.current;\n if (hasFrame) {\n portal = frame.current;\n } else {\n // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);\n\n portal = document.getElementById(POPUP_PORTAL_ID);\n\n if (!portal) {\n if (typeof frame === 'string' && frame !== 'document') {\n portal = document.createElement('div');\n document.getElementById(frame)?.appendChild(portal);\n } else {\n portal.className('frame-portal');\n document.body.appendChild(portal);\n // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);\n }\n }\n }\n\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 } = 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} {...rest}>\n {overlay}\n <PopupRoot\n id={innerId}\n ref={innerRef}\n position={handlePosition(placement, offset)}\n frame={frame}\n zIndex={zIndex}\n animationInfo={animationInfo}\n setVisible={setVisible}\n >\n {children}\n </PopupRoot>\n </Root>\n );\n\n if (typeof frame !== 'string' && frame && frame.current) {\n return <Portal container={frame.current}>{rootNode}</Portal>;\n }\n\n const withFrameId = typeof frame === 'string' && frame !== 'document';\n const containerElement = withFrameId && document.getElementById(frame as string);\n\n if (containerElement) {\n return (\n <>\n {ReactDOM.createPortal(\n <StyledPortalContainer ref={portalRef}>\n {portalRef.current && <Portal container={portalRef.current}>{rootNode}</Portal>}\n </StyledPortalContainer>,\n containerElement,\n )}\n </>\n );\n }\n\n const globalPortal = typeof document !== 'undefined' && document.getElementById(POPUP_PORTAL_ID);\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","portalRef","useRef","contentRef","innerRef","useForkRef","cls","cx","endAnimation","classes","endTransition","rootNode","React","createElement","_extends","PopupRoot","ref","position","current","Portal","container","withFrameId","containerElement","document","getElementById","Fragment","ReactDOM","createPortal","StyledPortalContainer","globalPortal","POPUP_PORTAL_ID","popupConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;;;;;;;;;;AAeO,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CACvBC,SAAyB,EACzBC,MAA2C,EACvB;EACpB,IAAIC,CAAC,GAAG,MAAM,CAAA;EACd,IAAIC,CAAC,GAAG,MAAM,CAAA;AAEd,EAAA,IAAIF,MAAM,EAAE;AACR,IAAA,IAAAG,OAAA,GAAAC,cAAA,CAAiBJ,MAAM,EAAA,CAAA,CAAA;AAAhBK,MAAAA,EAAE,GAAAF,OAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,EAAE,GAAAH,OAAA,CAAA,CAAA,CAAA,CAAA;IACbF,CAAC,GAAG,OAAOI,EAAE,KAAK,QAAQ,MAAAE,MAAA,CAAMF,EAAE,EAAA,KAAA,CAAA,GAAQA,EAAE,CAAA;IAC5CH,CAAC,GAAG,OAAOI,EAAE,KAAK,QAAQ,MAAAC,MAAA,CAAMD,EAAE,EAAA,KAAA,CAAA,GAAQA,EAAE,CAAA;AAChD,GAAA;AAEA,EAAA,IAAI,CAACP,SAAS,IAAIA,SAAS,KAAK,QAAQ,EAAE;IACtC,OAAO;AACHS,MAAAA,IAAI,EAAAD,aAAAA,CAAAA,MAAA,CAAgBN,CAAC,EAAG,GAAA,CAAA;AACxBQ,MAAAA,GAAG,EAAAF,aAAAA,CAAAA,MAAA,CAAgBL,CAAC,EAAG,GAAA,CAAA;AACvBQ,MAAAA,SAAS,EAAE,uBAAA;KACd,CAAA;AACL,GAAA;AAEA,EAAA,IAAIF,IAAI,CAAA;AACR,EAAA,IAAIG,KAAK,CAAA;AACT,EAAA,IAAIF,GAAG,CAAA;AACP,EAAA,IAAIG,MAAM,CAAA;AACV,EAAA,IAAIF,SAAS,CAAA;AACb,EAAA,IAAMG,UAAU,GAAGd,SAAS,CAACe,KAAK,CAAC,GAAG,CAA0B,CAAA;AAEhED,EAAAA,UAAU,CAACE,OAAO,CAAC,UAACC,cAAmC,EAAK;AACxD,IAAA,QAAQA,cAAc;AAClB,MAAA,KAAK,MAAM;AACPR,QAAAA,IAAI,GAAGP,CAAC,CAAA;AACR,QAAA,MAAA;AACJ,MAAA,KAAK,OAAO;AACRU,QAAAA,KAAK,GAAGV,CAAC,CAAA;AACT,QAAA,MAAA;AACJ,MAAA,KAAK,KAAK;AACNQ,QAAAA,GAAG,GAAGP,CAAC,CAAA;AACP,QAAA,MAAA;AACJ,MAAA,KAAK,QAAQ;AACTU,QAAAA,MAAM,GAAGV,CAAC,CAAA;AACV,QAAA,MAAA;AAGR,KAAA;AACJ,GAAC,CAAC,CAAA;EAEF,IAAMe,WAAW,GAAGT,IAAI,KAAKU,SAAS,IAAIP,KAAK,KAAKO,SAAS,CAAA;EAC7D,IAAMC,WAAW,GAAGV,GAAG,KAAKS,SAAS,IAAIN,MAAM,KAAKM,SAAS,CAAA;AAE7D,EAAA,IAAID,WAAW,EAAE;AACbP,IAAAA,SAAS,GAAG,kBAAkB,CAAA;AAClC,GAAA;AAEA,EAAA,IAAIS,WAAW,EAAE;AACbT,IAAAA,SAAS,GAAG,kBAAkB,CAAA;AAClC,GAAA;EAEA,OAAO;AACHF,IAAAA,IAAI,EAAES,WAAW,GAAA,aAAA,CAAAV,MAAA,CAAiBN,CAAC,SAAMO,IAAI;AAC7CG,IAAAA,KAAK,EAALA,KAAK;AACLF,IAAAA,GAAG,EAAEU,WAAW,GAAA,aAAA,CAAAZ,MAAA,CAAiBL,CAAC,SAAMO,GAAG;AAC3CG,IAAAA,MAAM,EAANA,MAAM;AACNF,IAAAA,SAAS,EAATA,SAAAA;GACH,CAAA;AACL,EAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA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"}
1	+ {"version":3,"file":"Popup.js","sources":["../../../src/components/Popup/Popup.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport { useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\nimport { Portal } from '../Portal';\n\nimport type { PopupPlacementBasic, PopupPlacement, PopupPositionType, PopupProps } from './Popup.types';\nimport { POPUP_PORTAL_ID } from './PopupContext';\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 } = 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} {...rest}>\n {overlay}\n <PopupRoot\n id={innerId}\n ref={innerRef}\n position={handlePosition(placement, offset)}\n frame={frame}\n zIndex={zIndex}\n animationInfo={animationInfo}\n setVisible={setVisible}\n >\n {children}\n </PopupRoot>\n </Root>\n );\n\n if (typeof frame !== 'string' && frame && frame.current) {\n return <Portal container={frame.current}>{rootNode}</Portal>;\n }\n\n const withFrameId = typeof frame === 'string' && frame !== 'document';\n const containerElement = withFrameId && document.getElementById(frame as string);\n\n if (containerElement) {\n return (\n <>\n {ReactDOM.createPortal(\n <StyledPortalContainer ref={portalRef}>\n {portalRef.current && <Portal container={portalRef.current}>{rootNode}</Portal>}\n </StyledPortalContainer>,\n containerElement,\n )}\n </>\n );\n }\n\n const globalPortal = typeof document !== 'undefined' && document.getElementById(POPUP_PORTAL_ID);\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","portalRef","useRef","contentRef","innerRef","useForkRef","cls","cx","endAnimation","classes","endTransition","rootNode","React","createElement","_extends","PopupRoot","ref","position","current","Portal","container","withFrameId","containerElement","document","getElementById","Fragment","ReactDOM","createPortal","StyledPortalContainer","globalPortal","POPUP_PORTAL_ID","popupConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.146.1-canary.1412.10900761739.0",
+  "version": "0.146.1-canary.1412.10901451694.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -80,7 +80,7 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.177.1-canary.1412.10900761739.0",
+    "@salutejs/plasma-sb-utils": "0.177.0",
     "@storybook/addon-docs": "^7.6.17",
     "@storybook/addon-essentials": "^7.6.17",
     "@storybook/addons": "^7.6.17",
@@ -121,5 +121,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "e06b5662ef5b0394e198454951346a0a72aa643c"
+  "gitHead": "d434ee69cb3a5af60bcad52e0c8b48b14e2ee5d4"
 }

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

@@ -85,136 +85,6 @@ var handlePosition = exports.handlePosition = function handlePosition(placement,
     transform: transform
   };
 };
-/*
-const getPortalParent = (frame: 'document' | string | React.RefObject<HTMLElement>, portalRef) => {
-    if (typeof frame !== 'string' && frame && frame.current) {
-        portalRef.current = frame.current;
-        return;
-    }
-    if (typeof frame === 'string' && frame !== 'document') {
-        const element = document.getElementById(frame);
-        if (element) {
-            const portal = document.createElement('div');
-            portal.className = 'frame-portal';
-            portal.style.position = 'relative';
-            portal.style.width = '0';
-            element.appendChild(portal);
-            portalRef.current = portal;
-            return;
-            //
-            // const portal = document?.querySelector('.frame-portal');
-            // if (!portal) {
-            //     portal = document.createElement('div');
-            //     document.getElementById(frame)?.appendChild(portal);
-            // }
-            // return portal;
-        }
-    }
-    const portal = document.getElementById(POPUP_PORTAL_ID);
-    if (!portal) {
-        ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-    }
-    portalRef.current = portal;
-    let portal;
-        const hasFrame = typeof frame !== 'string' && frame && frame.current;
-        if (hasFrame) {
-            portal = frame.current;
-        } else {
-            // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-            portal = document.getElementById(POPUP_PORTAL_ID);
-            if (!portal) {
-                if (typeof frame === 'string' && frame !== 'document') {
-                    portal = document.createElement('div');
-                    document.getElementById(frame)?.appendChild(portal);
-                } else {
-                    portal.className('frame-portal');
-                    document.body.appendChild(portal);
-                    // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-                }
-            }
-        }
-};
-const usePortalContainer = (frame: 'document' | string | React.RefObject<HTMLElement>) => {
-    const portalRef = useRef<HTMLDivElement | null>(null);
-    if (typeof frame !== 'string' && frame && frame.current) {
-        return frame.current;
-    }
-    if (typeof frame === 'string' && frame !== 'document') {
-        const element = document.getElementById(frame);
-        const portal = document?.querySelector('.frame-portal');
-        if (portal) {
-            return portal;
-        }
-        if (element) {
-            const portal = document.createElement('div');
-            portal.className = 'frame-portal';
-            portal.style.position = 'relative';
-            // portal.style.width = '0';
-            element.appendChild(portal);
-            return portal;
-            //
-            // const portal = document?.querySelector('.frame-portal');
-            // if (!portal) {
-            //     portal = document.createElement('div');
-            //     document.getElementById(frame)?.appendChild(portal);
-            // }
-            // return portal;
-        }
-    }
-    const portal = document.getElementById(POPUP_PORTAL_ID);
-    if (!portal) {
-        const res = ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-        console.log('!!! res', res);
-    }
-    console.log('!!!! portalRef.current', portalRef.current, document.getElementById(POPUP_PORTAL_ID));
-    return portalRef.current;
-    let portal;
-        const hasFrame = typeof frame !== 'string' && frame && frame.current;
-        if (hasFrame) {
-            portal = frame.current;
-        } else {
-            // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-            portal = document.getElementById(POPUP_PORTAL_ID);
-            if (!portal) {
-                if (typeof frame === 'string' && frame !== 'document') {
-                    portal = document.createElement('div');
-                    document.getElementById(frame)?.appendChild(portal);
-                } else {
-                    portal.className('frame-portal');
-                    document.body.appendChild(portal);
-                    // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-                }
-            }
-        }
-};
-*/
 /**
  * Базовый компонент Popup.

package/styled-components/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx CHANGED Viewed

@@ -211,7 +211,7 @@ export const DrawerDemo: StoryObj<StoryDrawerProps> = {
         asModal: true,
         closePlacement: 'right',
         width: '25vw',
-        height: '100vh',
+        height: '100dvh',
         borderRadius: 'none',
     },
     render: (args) => <StoryDrawerDemo {...args} />,

package/styled-components/cjs/examples/plasma_b2c/components/Modal/Modal.stories.tsx CHANGED Viewed

@@ -80,7 +80,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 300px;
+    height: 1200px;
 `;
 const Content = styled.div`

package/styled-components/cjs/examples/plasma_b2c/components/Popup/Popup.stories.tsx CHANGED Viewed

@@ -55,7 +55,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 600px;
+    height: 1200px;
 `;
 const OtherContent = styled.div`

package/styled-components/cjs/examples/plasma_web/components/Modal/Modal.stories.tsx CHANGED Viewed

@@ -80,7 +80,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 300px;
+    height: 1200px;
 `;
 const Content = styled.div`

package/styled-components/cjs/examples/plasma_web/components/Popup/Popup.stories.tsx CHANGED Viewed

@@ -55,7 +55,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 600px;
+    height: 1200px;
 `;
 const OtherContent = styled.div`

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

@@ -75,136 +75,6 @@ export var handlePosition = function handlePosition(placement, offset) {
     transform: transform
   };
 };
-/*
-const getPortalParent = (frame: 'document' | string | React.RefObject<HTMLElement>, portalRef) => {
-    if (typeof frame !== 'string' && frame && frame.current) {
-        portalRef.current = frame.current;
-        return;
-    }
-    if (typeof frame === 'string' && frame !== 'document') {
-        const element = document.getElementById(frame);
-        if (element) {
-            const portal = document.createElement('div');
-            portal.className = 'frame-portal';
-            portal.style.position = 'relative';
-            portal.style.width = '0';
-            element.appendChild(portal);
-            portalRef.current = portal;
-            return;
-            //
-            // const portal = document?.querySelector('.frame-portal');
-            // if (!portal) {
-            //     portal = document.createElement('div');
-            //     document.getElementById(frame)?.appendChild(portal);
-            // }
-            // return portal;
-        }
-    }
-    const portal = document.getElementById(POPUP_PORTAL_ID);
-    if (!portal) {
-        ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-    }
-    portalRef.current = portal;
-    let portal;
-        const hasFrame = typeof frame !== 'string' && frame && frame.current;
-        if (hasFrame) {
-            portal = frame.current;
-        } else {
-            // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-            portal = document.getElementById(POPUP_PORTAL_ID);
-            if (!portal) {
-                if (typeof frame === 'string' && frame !== 'document') {
-                    portal = document.createElement('div');
-                    document.getElementById(frame)?.appendChild(portal);
-                } else {
-                    portal.className('frame-portal');
-                    document.body.appendChild(portal);
-                    // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-                }
-            }
-        }
-};
-const usePortalContainer = (frame: 'document' | string | React.RefObject<HTMLElement>) => {
-    const portalRef = useRef<HTMLDivElement | null>(null);
-    if (typeof frame !== 'string' && frame && frame.current) {
-        return frame.current;
-    }
-    if (typeof frame === 'string' && frame !== 'document') {
-        const element = document.getElementById(frame);
-        const portal = document?.querySelector('.frame-portal');
-        if (portal) {
-            return portal;
-        }
-        if (element) {
-            const portal = document.createElement('div');
-            portal.className = 'frame-portal';
-            portal.style.position = 'relative';
-            // portal.style.width = '0';
-            element.appendChild(portal);
-            return portal;
-            //
-            // const portal = document?.querySelector('.frame-portal');
-            // if (!portal) {
-            //     portal = document.createElement('div');
-            //     document.getElementById(frame)?.appendChild(portal);
-            // }
-            // return portal;
-        }
-    }
-    const portal = document.getElementById(POPUP_PORTAL_ID);
-    if (!portal) {
-        const res = ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-        console.log('!!! res', res);
-    }
-    console.log('!!!! portalRef.current', portalRef.current, document.getElementById(POPUP_PORTAL_ID));
-    return portalRef.current;
-    let portal;
-        const hasFrame = typeof frame !== 'string' && frame && frame.current;
-        if (hasFrame) {
-            portal = frame.current;
-        } else {
-            // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-            portal = document.getElementById(POPUP_PORTAL_ID);
-            if (!portal) {
-                if (typeof frame === 'string' && frame !== 'document') {
-                    portal = document.createElement('div');
-                    document.getElementById(frame)?.appendChild(portal);
-                } else {
-                    portal.className('frame-portal');
-                    document.body.appendChild(portal);
-                    // ReactDOM.createPortal(<StyledPortal id={POPUP_PORTAL_ID} ref={portalRef} />, document.body);
-                }
-            }
-        }
-};
-*/
 /**
  * Базовый компонент Popup.

package/styled-components/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx CHANGED Viewed

@@ -211,7 +211,7 @@ export const DrawerDemo: StoryObj<StoryDrawerProps> = {
         asModal: true,
         closePlacement: 'right',
         width: '25vw',
-        height: '100vh',
+        height: '100dvh',
         borderRadius: 'none',
     },
     render: (args) => <StoryDrawerDemo {...args} />,

package/styled-components/es/examples/plasma_b2c/components/Modal/Modal.stories.tsx CHANGED Viewed

@@ -80,7 +80,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 300px;
+    height: 1200px;
 `;
 const Content = styled.div`

package/styled-components/es/examples/plasma_b2c/components/Popup/Popup.stories.tsx CHANGED Viewed

@@ -55,7 +55,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 600px;
+    height: 1200px;
 `;
 const OtherContent = styled.div`

package/styled-components/es/examples/plasma_web/components/Modal/Modal.stories.tsx CHANGED Viewed

@@ -80,7 +80,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 300px;
+    height: 1200px;
 `;
 const Content = styled.div`

package/styled-components/es/examples/plasma_web/components/Popup/Popup.stories.tsx CHANGED Viewed

@@ -55,7 +55,7 @@ const StyledButton = styled(Button)`
 `;
 const StyledWrapper = styled.div`
-    height: 600px;
+    height: 1200px;
 `;
 const OtherContent = styled.div`

package/types/components/Popup/Popup.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIhD,OAAO,KAAK,EAAuB,cAAc,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAOxG,eAAO,MAAM,cAAc,cACZ,cAAc,UACjB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,KAC5C,iBA8DF,CAAC;~~AAoIF~~;;GAEG;AACH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFA0FhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA5FQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;CAmGpE,CAAC"}
1	+ {"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAIhD,OAAO,KAAK,EAAuB,cAAc,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAOxG,eAAO,MAAM,cAAc,cACZ,cAAc,UACjB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,KAC5C,iBA8DF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,UAAU,CAAC,sFA0FhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA5FQ,UAAU,cAAc,EAAE,UAAU,CAAC;;;;CAmGpE,CAAC"}