npm - @skbkontur/react-ui - Versions diffs - 5.6.0 → 5.6.1-85c65.0 - Mend

@skbkontur/react-ui 5.6.0 → 5.6.1-85c65.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1994) hide show

package/cjs/components/Modal/Modal.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","_templateObject27","_templateObject28","_templateObject29","_templateObject30","_templateObject31","_templateObject32","_templateObject33","_templateObject34","_templateObject35","_templateObject36","_templateObject37","_templateObject38","_templateObject39","_templateObject40","_templateObject41","_templateObject42","_templateObject43","_templateObject44","_templateObject45","_templateObject46","_templateObject47","_templateObject48","_templateObject49","_templateObject50","_templateObject51","_templateObject52","_templateObject53","_templateObject54","_templateObject55","_templateObject56","_templateObject57","_templateObject58","_templateObject59","_templateObject60","_templateObject61","_templateObject62","modalGlobalClasses","exports","prefix","root","container","styles","memoizeStyle","css","_taggedTemplateLiteralLoose2","default","bg","t","modalBackBg","modalBackOpacity","containerDesktop","container5_2","containerMobile","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","mobileContainerFullscreen5_2","mobileContainerSmall5_2","mobileContainerSmallTop5_2","mobileContainerSmallBottom5_2","window","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","mobileWindowFullscreen5_2","centerContainer","mobileCenterContainer","mobileCenterContainer5_2","mobileCenterContainerBig5_2","mobileCenterContainerFullscreen5_2","alignTop","close","padding","parseInt","modalCloseButtonPadding","resetButton","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","close5_1","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","closeMobile","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","closeMobile5_1","mobileCloseWithoutHeader","mobileCloseWithoutHeader5_2","mobileModalWithoutHeaderCloseButtonPadding","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","mobileCloseWrapper","size","bgDefault","mobileCloseWrapper5_2","mobileModalWithoutHeaderCloseButtonWidth","disabled","modalCloseButtonDisabledColor","focus","borderColorFocus","focus5_1","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","header5_2","mobileHeader","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","titleCut","body","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","mobileHeaderWithClose","footer","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","mobileModalFooterPadding","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","fixedHeader5_2","mobileFixedHeader","mobileFixedHeader5_2","fixedFooter","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedFooter5_2","mobileFixedFooter5_2","fixedPanel","modalFixedPanelShadow","headerAddPadding","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","modalPaddingTop","mobileBodyWithoutHeader","mobileBodyWithoutHeader5_2","mobileModalBodyPaddingTop","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","mobileBodyAddPaddingForPanel","mobileBodyAddPaddingForPanel5_2","mobileModalBodyPaddingBottom","columnFlexContainer","modalSeparatorWrapper","modalSeparator","modalSeparatorBorderBottom","modalSeparatorMargin","modalSeparatorFixed","modalSeparatorFixedMargin"],"sources":["Modal.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const modalGlobalClasses = prefix('modal')({\n root: 'root',\n container: 'container',\n});\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n height: 100%;\n left: 0;\n position: fixed;\n top: 0;\n width: 100%;\n `;\n },\n\n bg(t: Theme) {\n return css`\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n background: ${t.modalBackBg};\n opacity: ${t.modalBackOpacity};\n `;\n },\n\n container() {\n return css`\n position: relative;\n white-space: nowrap;\n text-align: center;\n height: 100%;\n overflow-y: auto;\n outline: none;\n `;\n },\n\n containerDesktop() {\n return css`\n &::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 80%; /* to vertical align modal 40%/60% of screen height /\n }\n `;\n },\n\n container5_2() {\n return css`\n min-height: 64px;\n `;\n },\n\n containerMobile(t: Theme) {\n return css`\n height: ${t.mobileModalContainerHeight};\n margin-top: ${t.mobileModalContainerMarginTop};\n margin-right: ${t.mobileModalContainerMarginRight};\n margin-bottom: ${t.mobileModalContainerMarginBottom};\n margin-left: ${t.mobileModalContainerMarginLeft};\n `;\n },\n\n mobileContainerFullscreen5_2() {\n return css`\n margin: 0;\n `;\n },\n\n mobileContainerSmall5_2() {\n return css`\n margin: 0;\n display: flex;\n flex-wrap: wrap;\n align-content: center;\n `;\n },\n mobileContainerSmallTop5_2() {\n return css`\n align-content: start;\n `;\n },\n mobileContainerSmallBottom5_2() {\n return css`\n align-content: end;\n `;\n },\n\n window(t: Theme) {\n return css`\n position: relative;\n white-space: normal;\n margin: auto;\n box-shadow: ${t.modalWindowShadow};\n background: ${t.modalBg};\n border-radius: ${t.modalBorderRadius};\n `;\n },\n\n mobileWindow() {\n return css`\n width: 100%;\n height: 100%;\n overflow: auto;\n `;\n },\n\n mobileWindowFullscreen5_2() {\n return css`\n border-radius: 0;\n `;\n },\n\n centerContainer() {\n return css`\n position: relative;\n display: inline-block;\n text-align: left;\n vertical-align: middle;\n box-sizing: border-box;\n z-index: 10;\n margin: 40px 20px;\n `;\n },\n\n mobileCenterContainer() {\n return css`\n margin: 0;\n width: 100%;\n height: 100%;\n `;\n },\n\n mobileCenterContainer5_2(t: Theme) {\n return css`\n padding: 0;\n width: calc(100% - ${t.mobileModalContainerMarginLeft} - ${t.mobileModalContainerMarginRight});\n display: inline-flex;\n margin: ${t.mobileModalContainerMarginTop} ${t.mobileModalContainerMarginRight}\n ${t.mobileModalContainerMarginBottom} ${t.mobileModalContainerMarginLeft};\n max-height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n `;\n },\n\n mobileCenterContainerBig5_2(t: Theme) {\n return css`\n height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n `;\n },\n\n mobileCenterContainerFullscreen5_2() {\n return css`\n margin: 0;\n width: 100%;\n height: 100%;\n max-height: 100%;\n `;\n },\n\n alignTop() {\n return css`\n vertical-align: top;\n `;\n },\n\n close(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n return css`\n ${resetButton()};\n position: absolute;\n display: flex;\n right: ${padding}px;\n top: ${padding}px;\n background: transparent;\n cursor: pointer;\n color: ${t.modalCloseButtonColor};\n text-align: center;\n vertical-align: middle;\n padding: ${t.modalCloseButtonClickArea};\n margin: -${t.modalCloseButtonClickArea};\n\n &:hover {\n color: ${t.modalCloseButtonHoverColor};\n }\n\n & > svg {\n width: ${t.modalCloseIconSize};\n height: ${t.modalCloseIconSize};\n box-sizing: content-box;\n }\n `;\n },\n\n close5_1(t: Theme) {\n return css`\n justify-content: center;\n align-items: center;\n right: ${t.modalCloseButtonClickAreaRight};\n top: ${t.modalCloseButtonClickAreaTop};\n\n padding-top: ${t.modalCloseButtonClickAreaTop};\n margin-top: -${t.modalCloseButtonClickAreaTop};\n padding-right: ${t.modalCloseButtonClickAreaRight};\n margin-right: -${t.modalCloseButtonClickAreaRight};\n padding-bottom: ${t.modalCloseButtonClickAreaBottom};\n margin-bottom: -${t.modalCloseButtonClickAreaBottom};\n padding-left: ${t.modalCloseButtonClickAreaLeft};\n margin-left: -${t.modalCloseButtonClickAreaLeft};\n `;\n },\n\n closeMobile(t: Theme) {\n return css`\n right: ${t.mobileModalCloseButtonRightPadding};\n top: ${parseInt(t.mobileModalCloseButtonTopPadding) + parseInt(t.mobileModalHeaderPadding)}px;\n padding: ${t.mobileModalCloseButtonClickArea};\n margin: -${t.mobileModalCloseButtonClickArea};\n\n & > svg {\n width: ${t.mobileModalCloseIconSize};\n height: ${t.mobileModalCloseIconSize};\n }\n `;\n },\n\n closeMobile5_1(t: Theme) {\n return css`\n top: ${t.mobileModalCloseButtonTopPadding};\n `;\n },\n\n mobileCloseWithoutHeader() {\n return css`\n position: static;\n `;\n },\n\n mobileCloseWithoutHeader5_2(t: Theme) {\n return css`\n position: absolute;\n padding: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n margin: -${t.mobileModalWithoutHeaderCloseButtonPadding};\n top: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n right: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n `;\n },\n\n closeWrapper(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n\n const blockSizeX = parseInt(t.modalCloseIconSize) + 2 padding;\n const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n return css`\n position: relative;\n float: right;\n width: ${blockSizeX}px;\n height: ${blockSizeY}px;\n `;\n },\n\n mobileCloseWrapper(t: Theme) {\n const size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;\n\n return css`\n position: absolute;\n right: ${t.mobileModalCloseButtonRightPadding};\n top: ${t.mobileModalCloseButtonTopPadding};\n padding: 0;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n width: ${size}px;\n height: ${size}px;\n background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n border-radius: ${size}px;\n `;\n },\n\n mobileCloseWrapper5_2(t: Theme) {\n return css`\n position: sticky;\n right: 0;\n top: 0;\n margin-left: auto;\n width: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n height: 0;\n `;\n },\n\n disabled(t: Theme) {\n return css`\n pointer-events: none;\n cursor: default;\n color: ${t.modalCloseButtonDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return css`\n color: ${t.modalCloseButtonHoverColor};\n outline: 2px solid ${t.borderColorFocus};\n `;\n },\n\n focus5_1(t: Theme) {\n return css`\n &:before {\n content: '';\n position: absolute;\n width: calc(${t.modalCloseIconSize} * 2);\n height: calc(${t.modalCloseIconSize} * 2);\n box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n border-radius: 4px;\n }\n `;\n },\n\n header(t: Theme) {\n return css`\n font-size: ${t.modalHeaderFontSize};\n line-height: ${t.modalHeaderLineHeight};\n padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n overflow-wrap: break-word;\n word-wrap: break-word;\n color: ${t.modalHeaderTextColor};\n font-weight: ${t.modalHeaderFontWeight};\n `;\n },\n\n header5_2(t: Theme) {\n return css`\n border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n `;\n },\n\n mobileHeader(t: Theme) {\n return css`\n position: relative;\n font-size: ${t.mobileModalHeaderFontSize};\n line-height: ${t.mobileModalHeaderLineHeight};\n padding: ${t.mobileModalHeaderPadding};\n `;\n },\n\n titleCut() {\n return css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `;\n },\n\n body(t: Theme) {\n return css`\n border-radius: ${t.modalBodyBorderRadius};\n padding-top: ${t.modalBodyPaddingTop};\n padding-right: ${t.modalPaddingRight};\n padding-bottom: ${t.modalBodyPaddingBottom};\n padding-left: ${t.modalPaddingLeft};\n color: ${t.modalBodyTextColor};\n `;\n },\n\n mobileBody(t: Theme) {\n return css`\n padding: ${t.mobileModalBodyPadding};\n display: flex;\n flex-flow: column;\n flex: 1;\n font-size: ${t.mobileModalBodyFontSize};\n `;\n },\n\n headerWithClose(t: Theme) {\n const rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\n\n return css`\n padding-right: ${rightPadding}px;\n `;\n },\n\n mobileHeaderWithClose(t: Theme) {\n return css`\n padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n `;\n },\n\n footer(t: Theme) {\n return css`\n padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n color: ${t.modalFooterTextColor};\n border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n `;\n },\n\n mobileFooter(t: Theme) {\n return css`\n padding: ${t.mobileModalFooterPadding};\n `;\n },\n\n panel(t: Theme) {\n return css`\n padding-top: ${t.modalFooterPanelPaddingTop};\n padding-bottom: ${t.modalFooterPanelPaddingBottom};\n background: ${t.modalFooterBg};\n `;\n },\n\n fixedHeader(t: Theme) {\n return css`\n margin-bottom: ${t.modalFixedHeaderMarginBottom};\n padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n background: ${t.modalFixedHeaderBg};\n border-bottom: ${t.modalFixedHeaderBorder};\n\n &:after {\n bottom: 11px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.modalFixedHeaderShadow};\n }\n `;\n },\n\n fixedHeader5_2() {\n return css`\n border-radius: 0;\n `;\n },\n\n mobileFixedHeader(t: Theme) {\n return css`\n padding-bottom: ${t.mobileModalHeaderPadding};\n `;\n },\n\n mobileFixedHeader5_2(t: Theme) {\n return css`\n border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n `;\n },\n\n fixedFooter(t: Theme) {\n return css`\n padding-top: ${t.modalFixedFooterPaddingTop};\n margin-top: ${t.modalFixedFooterMarginTop};\n background: ${t.modalFixedHeaderBg};\n border-top: ${t.modalFixedFooterBorder};\n\n &:before {\n top: 11px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.modalFixedFooterShadow};\n }\n `;\n },\n\n fixedFooter5_2() {\n return css`\n border-radius: 0;\n `;\n },\n\n mobileFixedFooter5_2(t: Theme) {\n return css`\n border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n `;\n },\n\n fixedPanel(t: Theme) {\n return css`\n &:before {\n box-shadow: ${t.modalFixedPanelShadow};\n }\n `;\n },\n\n headerAddPadding(t: Theme) {\n return css`\n padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n `;\n },\n\n bodyWithoutHeader(t: Theme) {\n return css`\n padding-top: ${t.modalPaddingTop};\n `;\n },\n\n mobileBodyWithoutHeader() {\n return css`\n padding-top: 0;\n `;\n },\n\n mobileBodyWithoutHeader5_2(t: Theme) {\n return css`\n padding-top: ${t.mobileModalBodyPaddingTop};\n padding-right: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n `;\n },\n\n bodyWithoutPadding() {\n return css`\n padding: 0;\n `;\n },\n\n bodyAddPaddingForPanel(t: Theme) {\n return css`\n padding-bottom: ${t.modalPaddingBottom};\n `;\n },\n\n mobileBodyAddPaddingForPanel(t: Theme) {\n return css`\n padding: ${t.mobileModalBodyPadding};\n `;\n },\n\n mobileBodyAddPaddingForPanel5_2(t: Theme) {\n return css`\n padding-bottom: ${t.mobileModalBodyPaddingBottom};\n `;\n },\n\n columnFlexContainer() {\n return css`\n height: 100%;\n display: flex;\n flex-flow: column;\n overflow-y: auto;\n `;\n },\n\n modalSeparatorWrapper() {\n return css`\n position: absolute;\n width: 100%;\n `;\n },\n\n modalSeparator(t: Theme) {\n return css`\n border-bottom: ${t.modalSeparatorBorderBottom};\n margin: ${t.modalSeparatorMargin};\n transition: margin 0.3s;\n `;\n },\n\n modalSeparatorFixed(t: Theme) {\n return css`\n margin: ${t.modalSeparatorFixedMargin};\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_Emotion","require","_Mixins","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","_templateObject24","_templateObject25","_templateObject26","_templateObject27","_templateObject28","_templateObject29","_templateObject30","_templateObject31","_templateObject32","_templateObject33","_templateObject34","_templateObject35","_templateObject36","_templateObject37","_templateObject38","_templateObject39","_templateObject40","_templateObject41","_templateObject42","_templateObject43","_templateObject44","_templateObject45","_templateObject46","_templateObject47","_templateObject48","modalGlobalClasses","exports","prefix","root","container","getStyles","memoizeGetStyles","_ref","css","_taggedTemplateLiteralLoose2","default","bg","t","modalBackBg","modalBackOpacity","containerDesktop","mobileContainerFullscreen5_2","mobileContainerSmall5_2","mobileContainerSmallTop5_2","mobileContainerSmallBottom5_2","window","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","mobileWindowFullscreen","centerContainer","mobileCenterContainer","mobileModalContainerMarginLeft","mobileModalContainerMarginRight","mobileModalContainerMarginTop","mobileModalContainerMarginBottom","mobileCenterContainerBig","mobileCenterContainerFullscreen","alignTop","close","resetButton","modalCloseButtonClickAreaRight","modalCloseButtonClickAreaTop","modalCloseButtonColor","modalCloseButtonClickAreaBottom","modalCloseButtonClickAreaLeft","modalCloseButtonHoverColor","modalCloseIconSize","closeMobile","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","mobileCloseWithoutHeader","mobileModalWithoutHeaderCloseButtonPadding","closeWrapper","padding","parseInt","modalCloseButtonPadding","paddingBottom","modalCloseButtonBottomPadding","blockSizeX","blockSizeY","mobileCloseWrapper","size","mobileModalWithoutHeaderCloseButtonWidth","bgDefault","disabled","modalCloseButtonDisabledColor","focus","borderColorFocus","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","mobileModalHeaderPadding","titleCut","body","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","mobileHeaderWithClose","footer","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","mobileModalFooterPadding","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","fixedFooter","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","mobileFixedFooter","fixedPanel","modalFixedPanelShadow","headerAddPadding","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","modalPaddingTop","mobileBodyWithoutHeader","mobileModalBodyPaddingTop","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","mobileBodyAddPaddingForPanel","mobileModalBodyPaddingBottom","columnFlexContainer","modalSeparatorWrapper","modalSeparator","modalSeparatorBorderBottom","modalSeparatorMargin","modalSeparatorFixed","modalSeparatorFixedMargin"],"sources":["Modal.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const modalGlobalClasses = prefix('modal')({\n root: 'root',\n container: 'container',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root() {\n return css`\n height: 100%;\n left: 0;\n position: fixed;\n top: 0;\n width: 100%;\n `;\n },\n\n bg(t: Theme) {\n return css`\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n background: ${t.modalBackBg};\n opacity: ${t.modalBackOpacity};\n `;\n },\n\n container() {\n return css`\n position: relative;\n white-space: nowrap;\n text-align: center;\n height: 100%;\n min-height: 64px;\n overflow-y: auto;\n outline: none;\n `;\n },\n\n containerDesktop() {\n return css`\n &::before {\n content: '';\n display: inline-block;\n vertical-align: middle;\n height: 80%; /* to vertical align modal 40%/60% of screen height /\n }\n `;\n },\n\n mobileContainerFullscreen5_2() {\n return css`\n margin: 0;\n `;\n },\n\n mobileContainerSmall5_2() {\n return css`\n margin: 0;\n display: flex;\n flex-wrap: wrap;\n align-content: center;\n `;\n },\n mobileContainerSmallTop5_2() {\n return css`\n align-content: start;\n `;\n },\n mobileContainerSmallBottom5_2() {\n return css`\n align-content: end;\n `;\n },\n\n window(t: Theme) {\n return css`\n position: relative;\n white-space: normal;\n margin: auto;\n box-shadow: ${t.modalWindowShadow};\n background: ${t.modalBg};\n border-radius: ${t.modalBorderRadius};\n `;\n },\n\n mobileWindow() {\n return css`\n width: 100%;\n height: 100%;\n overflow: auto;\n `;\n },\n\n mobileWindowFullscreen() {\n return css`\n border-radius: 0;\n `;\n },\n\n centerContainer() {\n return css`\n position: relative;\n display: inline-block;\n text-align: left;\n vertical-align: middle;\n box-sizing: border-box;\n z-index: 10;\n margin: 40px 20px;\n `;\n },\n\n mobileCenterContainer(t: Theme) {\n return css`\n padding: 0;\n width: calc(100% - ${t.mobileModalContainerMarginLeft} - ${t.mobileModalContainerMarginRight});\n display: inline-flex;\n margin: ${t.mobileModalContainerMarginTop} ${t.mobileModalContainerMarginRight}\n ${t.mobileModalContainerMarginBottom} ${t.mobileModalContainerMarginLeft};\n max-height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n `;\n },\n\n mobileCenterContainerBig(t: Theme) {\n return css`\n height: calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom});\n `;\n },\n\n mobileCenterContainerFullscreen() {\n return css`\n margin: 0;\n width: 100%;\n height: 100%;\n max-height: 100%;\n `;\n },\n\n alignTop() {\n return css`\n vertical-align: top;\n `;\n },\n\n close(t: Theme) {\n return css`\n ${resetButton()};\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n right: ${t.modalCloseButtonClickAreaRight};\n top: ${t.modalCloseButtonClickAreaTop};\n background: transparent;\n cursor: pointer;\n color: ${t.modalCloseButtonColor};\n text-align: center;\n vertical-align: middle;\n padding-top: ${t.modalCloseButtonClickAreaTop};\n margin-top: -${t.modalCloseButtonClickAreaTop};\n padding-right: ${t.modalCloseButtonClickAreaRight};\n margin-right: -${t.modalCloseButtonClickAreaRight};\n padding-bottom: ${t.modalCloseButtonClickAreaBottom};\n margin-bottom: -${t.modalCloseButtonClickAreaBottom};\n padding-left: ${t.modalCloseButtonClickAreaLeft};\n margin-left: -${t.modalCloseButtonClickAreaLeft};\n\n &:hover {\n color: ${t.modalCloseButtonHoverColor};\n }\n\n & > svg {\n width: ${t.modalCloseIconSize};\n height: ${t.modalCloseIconSize};\n box-sizing: content-box;\n }\n `;\n },\n\n closeMobile(t: Theme) {\n return css`\n right: ${t.mobileModalCloseButtonRightPadding};\n top: ${t.mobileModalCloseButtonTopPadding};\n padding: ${t.mobileModalCloseButtonClickArea};\n margin: -${t.mobileModalCloseButtonClickArea};\n\n & > svg {\n width: ${t.mobileModalCloseIconSize};\n height: ${t.mobileModalCloseIconSize};\n }\n `;\n },\n\n mobileCloseWithoutHeader(t: Theme) {\n return css`\n position: absolute;\n padding: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n margin: -${t.mobileModalWithoutHeaderCloseButtonPadding};\n top: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n right: ${t.mobileModalWithoutHeaderCloseButtonPadding};\n `;\n },\n\n closeWrapper(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n\n const blockSizeX = parseInt(t.modalCloseIconSize) + 2 padding;\n const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;\n return css`\n position: relative;\n float: right;\n width: ${blockSizeX}px;\n height: ${blockSizeY}px;\n `;\n },\n\n mobileCloseWrapper(t: Theme) {\n const size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;\n\n return css`\n position: sticky;\n right: 0;\n top: 0;\n padding: 0;\n margin: 0;\n margin-left: auto;\n display: flex;\n justify-content: center;\n align-items: center;\n width: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n height: 0;\n background: radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%);\n border-radius: ${size}px;\n `;\n },\n\n disabled(t: Theme) {\n return css`\n pointer-events: none;\n cursor: default;\n color: ${t.modalCloseButtonDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return css`\n &:before {\n content: '';\n position: absolute;\n width: calc(${t.modalCloseIconSize} * 2);\n height: calc(${t.modalCloseIconSize} * 2);\n box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n border-radius: 4px;\n }\n `;\n },\n\n header(t: Theme) {\n return css`\n font-size: ${t.modalHeaderFontSize};\n line-height: ${t.modalHeaderLineHeight};\n padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n overflow-wrap: break-word;\n word-wrap: break-word;\n color: ${t.modalHeaderTextColor};\n font-weight: ${t.modalHeaderFontWeight};\n border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n `;\n },\n\n mobileHeader(t: Theme) {\n return css`\n position: relative;\n font-size: ${t.mobileModalHeaderFontSize};\n line-height: ${t.mobileModalHeaderLineHeight};\n padding: ${t.mobileModalHeaderPadding};\n `;\n },\n\n titleCut() {\n return css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `;\n },\n\n body(t: Theme) {\n return css`\n border-radius: ${t.modalBodyBorderRadius};\n padding-top: ${t.modalBodyPaddingTop};\n padding-right: ${t.modalPaddingRight};\n padding-bottom: ${t.modalBodyPaddingBottom};\n padding-left: ${t.modalPaddingLeft};\n color: ${t.modalBodyTextColor};\n `;\n },\n\n mobileBody(t: Theme) {\n return css`\n padding: ${t.mobileModalBodyPadding};\n display: flex;\n flex-flow: column;\n flex: 1;\n font-size: ${t.mobileModalBodyFontSize};\n `;\n },\n\n headerWithClose(t: Theme) {\n const rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);\n\n return css`\n padding-right: ${rightPadding}px;\n `;\n },\n\n mobileHeaderWithClose(t: Theme) {\n return css`\n padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n `;\n },\n\n footer(t: Theme) {\n return css`\n padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n color: ${t.modalFooterTextColor};\n border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n `;\n },\n\n mobileFooter(t: Theme) {\n return css`\n padding: ${t.mobileModalFooterPadding};\n `;\n },\n\n panel(t: Theme) {\n return css`\n padding-top: ${t.modalFooterPanelPaddingTop};\n padding-bottom: ${t.modalFooterPanelPaddingBottom};\n background: ${t.modalFooterBg};\n `;\n },\n\n fixedHeader(t: Theme) {\n return css`\n margin-bottom: ${t.modalFixedHeaderMarginBottom};\n padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n background: ${t.modalFixedHeaderBg};\n border-bottom: ${t.modalFixedHeaderBorder};\n border-radius: 0;\n\n &:after {\n bottom: 11px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.modalFixedHeaderShadow};\n }\n `;\n },\n\n mobileFixedHeader(t: Theme) {\n return css`\n padding-bottom: ${t.mobileModalHeaderPadding};\n border-radius: ${t.modalBorderRadius} ${t.modalBorderRadius} 0 0;\n `;\n },\n\n fixedFooter(t: Theme) {\n return css`\n padding-top: ${t.modalFixedFooterPaddingTop};\n margin-top: ${t.modalFixedFooterMarginTop};\n background: ${t.modalFixedHeaderBg};\n border-top: ${t.modalFixedFooterBorder};\n border-radius: 0;\n\n &:before {\n top: 11px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.modalFixedFooterShadow};\n }\n `;\n },\n\n mobileFixedFooter(t: Theme) {\n return css`\n border-radius: 0 0 ${t.modalBorderRadius} ${t.modalBorderRadius};\n `;\n },\n\n fixedPanel(t: Theme) {\n return css`\n &:before {\n box-shadow: ${t.modalFixedPanelShadow};\n }\n `;\n },\n\n headerAddPadding(t: Theme) {\n return css`\n padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n `;\n },\n\n bodyWithoutHeader(t: Theme) {\n return css`\n padding-top: ${t.modalPaddingTop};\n `;\n },\n\n mobileBodyWithoutHeader(t: Theme) {\n return css`\n padding-top: ${t.mobileModalBodyPaddingTop};\n padding-right: ${t.mobileModalWithoutHeaderCloseButtonWidth};\n `;\n },\n\n bodyWithoutPadding() {\n return css`\n padding: 0;\n `;\n },\n\n bodyAddPaddingForPanel(t: Theme) {\n return css`\n padding-bottom: ${t.modalPaddingBottom};\n `;\n },\n\n mobileBodyAddPaddingForPanel(t: Theme) {\n return css`\n padding: ${t.mobileModalBodyPadding};\n padding-bottom: ${t.mobileModalBodyPaddingBottom};\n `;\n },\n\n columnFlexContainer() {\n return css`\n height: 100%;\n display: flex;\n flex-flow: column;\n overflow-y: auto;\n `;\n },\n\n modalSeparatorWrapper() {\n return css`\n position: absolute;\n width: 100%;\n `;\n },\n\n modalSeparator(t: Theme) {\n return css`\n border-bottom: ${t.modalSeparatorBorderBottom};\n margin: ${t.modalSeparatorMargin};\n transition: margin 0.3s;\n `;\n },\n\n modalSeparatorFixed(t: Theme) {\n return css`\n margin: ${t.modalSeparatorFixedMargin};\n `;\n },\n}));\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Modal/ModalBody.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import type { CommonProps } from '../../internal/CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
 export interface ModalBodyProps extends CommonProps {
@@ -14,6 +14,9 @@ export declare class ModalBody extends React.Component<ModalBodyProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     static __MODAL_BODY__: boolean;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private isMobileLayout;
     getRootNode: TGetRootNode;

package/cjs/components/Modal/ModalBody.js CHANGED Viewed

@@ -1,17 +1,17 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalBody = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _ZIndex = require("../../internal/ZIndex");
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 var _decorator = require("../ResponsiveLayout/decorator");
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 var _ResizeDetector = require("../../internal/ResizeDetector");
 var _rootNode = require("../../lib/rootNode");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _ModalContext = require("./ModalContext");
 var _Modal = require("./Modal.styles");
@@ -30,7 +30,13 @@ var _Modal2 = require("./Modal");var _class, _ModalBody;
  */var
-ModalBody = exports.ModalBody = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_ModalBody = /*#__PURE__*/function (_React$Component) {function ModalBody() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
+ModalBody = exports.ModalBody = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_ModalBody = /*#__PURE__*/function (_React$Component) {function ModalBody() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
@@ -53,28 +59,24 @@ ModalBody = exports.ModalBody = (0, _decorator.responsiveLayout)(_class = (0, _r
     handleResize = function () {
       LayoutEvents.emit();
-    };return _this;}(0, _inheritsLoose2.default)(ModalBody, _React$Component);var _proto = ModalBody.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _getModalBodyTheme.getModalBodyTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.
+    };return _this;}(0, _inheritsLoose2.default)(ModalBody, _React$Component);var _proto = ModalBody.prototype;_proto.render = function render() {var _this2 = this;this.styles = (0, _Modal.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _getModalBodyTheme.getModalBodyTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.
   renderMain = function renderMain() {var _this3 = this;
-    var versionGTE5_2 = (0, _ThemeHelpers.isThemeGTE)(this.theme, '5.2');
     var noPadding = this.props.noPadding;
     return /*#__PURE__*/(
       _react.default.createElement(_ModalContext.ModalContext.Consumer, null,
-      function (_ref) {var _cx;var additionalPadding = _ref.additionalPadding,hasHeader = _ref.hasHeader;return /*#__PURE__*/(
+      function (_ref) {var _this3$cx;var additionalPadding = _ref.additionalPadding,hasHeader = _ref.hasHeader;return /*#__PURE__*/(
           _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this3.setRootNode }, _this3.props), /*#__PURE__*/
           _react.default.createElement(_ZIndex.ZIndex, {
             priority: _Modal2.ModalZIndexPriority.Content,
-            className: (0, _Emotion.cx)((_cx = {}, _cx[
-            _Modal.styles.body(_this3.theme)] = true, _cx[
-            _Modal.styles.mobileBody(_this3.theme)] = _this3.isMobileLayout, _cx[
-            _Modal.styles.bodyWithoutHeader(_this3.theme)] = !hasHeader, _cx[
-            _Modal.styles.mobileBodyWithoutHeader()] = !hasHeader && _this3.isMobileLayout, _cx[
-            _Modal.styles.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _cx[
-            _Modal.styles.mobileBodyAddPaddingForPanel(_this3.theme)] = additionalPadding && _this3.isMobileLayout, _cx[
-            _Modal.styles.mobileBodyWithoutHeader5_2(_this3.theme)] = versionGTE5_2 && !hasHeader && _this3.isMobileLayout, _cx[
-            _Modal.styles.mobileBodyAddPaddingForPanel5_2(_this3.theme)] =
-            versionGTE5_2 && additionalPadding && _this3.isMobileLayout, _cx[
-            _Modal.styles.bodyWithoutPadding()] = noPadding, _cx)
+            className: _this3.cx((_this3$cx = {}, _this3$cx[
+            _this3.styles.body(_this3.theme)] = true, _this3$cx[
+            _this3.styles.mobileBody(_this3.theme)] = _this3.isMobileLayout, _this3$cx[
+            _this3.styles.bodyWithoutHeader(_this3.theme)] = !hasHeader, _this3$cx[
+            _this3.styles.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _this3$cx[
+            _this3.styles.mobileBodyAddPaddingForPanel(_this3.theme)] = additionalPadding && _this3.isMobileLayout, _this3$cx[
+            _this3.styles.mobileBodyWithoutHeader(_this3.theme)] = !hasHeader && _this3.isMobileLayout, _this3$cx[
+            _this3.styles.bodyWithoutPadding()] = noPadding, _this3$cx)
             ) },
           _this3.isMobileLayout ? /*#__PURE__*/
@@ -87,4 +89,4 @@ ModalBody = exports.ModalBody = (0, _decorator.responsiveLayout)(_class = (0, _r
       ));
-  };return ModalBody;}(_react.default.Component), _ModalBody.__KONTUR_REACT_UI__ = 'ModalBody', _ModalBody.displayName = 'ModalBody', _ModalBody.__MODAL_BODY__ = true, _ModalBody)) || _class) || _class;
+  };return ModalBody;}(_react.default.Component), _ModalBody.__KONTUR_REACT_UI__ = 'ModalBody', _ModalBody.displayName = 'ModalBody', _ModalBody.__MODAL_BODY__ = true, _ModalBody)) || _class) || _class) || _class;

package/cjs/components/Modal/ModalBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_ZIndex","_CommonWrapper","~~_Emotion","~~_decorator","LayoutEvents","_interopRequireWildcard","_ResizeDetector","_rootNode","~~_ThemeHelpers~~","_ModalContext","_Modal","_getModalBodyTheme","_Modal2","_class","_ModalBody","ModalBody","exports","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","handleResize","emit","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","theme","getModalBodyTheme","Provider","value","renderMain","_this3","~~versionGTE5_2","isThemeGTE","~~noPadding","props","ModalContext","_ref","~~_cx~~","additionalPadding","hasHeader","CommonWrapper","_extends2","rootNodeRef","setRootNode","ZIndex","priority","ModalZIndexPriority","Content","className","cx","~~styles","~~body","mobileBody","isMobileLayout","bodyWithoutHeader","~~mobileBodyWithoutHeader","~~bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","~~mobileBodyWithoutHeader5_2~~","~~mobileBodyAddPaddingForPanel5_2","~~bodyWithoutPadding","ResizeDetector","onResize","children","React","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"sources":["ModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ~~cx } from '../../lib/theming/Emotion';\nimport {~~ responsiveLayout } from '../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { ~~isThemeGTE~~ } from '../../lib/~~theming/ThemeHelpers~~';\n\nimport { ModalContext } from './ModalContext';\nimport { ~~styles~~ } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\nimport { ModalZIndexPriority } from './Modal';\n\nexport interface ModalBodyProps extends CommonProps {\n /** Убирает отступы. /\n noPadding?: boolean;\n}\n\n/\n Контейнер с отступами для содержимого модального окна.\n \n @visibleName Modal.Body\n */\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n public static __KONTUR_REACT_UI__ = 'ModalBody';\n public static displayName = 'ModalBody';\n public static __MODAL_BODY__ = true;\n\n private theme!: Theme;\n private isMobileLayout!: boolean;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = getModalBodyTheme(theme);\n return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private handleResize = () => {\n LayoutEvents.emit();\n };\n\n public renderMain(): JSX.Element {\n const ~~versionGTE5_2 = isThemeGTE(this.theme, '5.2');\n const~~ { noPadding } = this.props;\n return (\n <ModalContext.Consumer>\n {({ additionalPadding, hasHeader }) => (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <ZIndex\n priority={ModalZIndexPriority.Content}\n className={cx({\n [styles.body(this.theme)]: true,\n [styles.mobileBody(this.theme)]: this.isMobileLayout,\n [styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n [~~styles.mobileBodyWithoutHeader()]: !hasHeader &&~~ this.~~isMobileLayout,\n [~~styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n [styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n [styles.~~mobileBodyWithoutHeader5_2~~(this.theme)]: ~~versionGTE5_2 &&~~ !hasHeader && this.isMobileLayout,\n [~~styles.mobileBodyAddPaddingForPanel5_2(~~this.~~theme)]:\n versionGTE5_2 && additionalPadding && this.isMobileLayout,\n [~~styles.bodyWithoutPadding()]: noPadding,\n })}\n >\n {this.isMobileLayout ? (\n <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n ) : (\n this.props.children\n )}\n </ZIndex>\n </CommonWrapper>\n )}\n </ModalContext.Consumer>\n );\n }\n}\n"],"mappings":"8aAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA~~;;AAEA~~,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,OAAA,GAAAF,OAAA;;AAEA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,~~QAAA~~,GAAAJ,OAAA;AACA,IAAAK,~~UAAA,GAAAL,OAAA;AACA,IAAAM,~~YAAA,GAAAC,uBAAA,~~CAAAP~~,OAAA;AACA,~~IAAAQ~~,eAAA,~~GAAAR~~,OAAA;;AAEA,~~IAAAS~~,SAAA,~~GAAAT~~,OAAA;AACA,~~IAAAU~~,~~aAAA~~,~~GAAAV~~,OAAA;;AAEA,~~IAAAW~~,aAAA,~~GAAAX~~,OAAA;AACA,~~IAAAY~~,MAAA,~~GAAAZ~~,OAAA;AACA,~~IAAAa~~,kBAAA,~~GAAAb~~,OAAA;AACA,~~IAAAc~~,OAAA,~~GAAAd~~,OAAA,YAA8C,~~IAAAe~~,MAAA,EAAAC,UAAA;;;;;;;AAO9C;AACA;AACA;AACA;AACA,GAJA~~;;;AAOaC~~,SAAS,GAAAC,OAAA,CAAAD,SAAA,~~OAFrBE~~,~~2BAAgB~~,EAAAJ,MAAA,~~OAChBK~~,~~kBAAQ~~,EAAAL,MAAA,IAAAC,UAAA,~~0BAAAK~~,gBAAA,~~YAAAJ~~,UAAA,~~OAAAK~~,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA~~;;;;;;;;;;;;;;;;;;;;;IAsBCU~~,YAAY,GAAG,YAAM;~~MAC3B1B~~,YAAY,~~CAAC2B~~,IAAI,CAAC,CAAC;IACrB,CAAC,QAAAX,KAAA,MAAAY,eAAA,CAAAC,OAAA,~~EAAAlB~~,SAAA,~~EAAAI~~,gBAAA,MAAAe,MAAA,~~GAAAnB~~,SAAA,~~CAAAoB~~,SAAA,CAAAD,MAAA,~~CAbME~~,MAAM,GAAb,SAAAA,OAAA,~~EAAgB~~,KAAAC,MAAA,~~QACd~~,~~oBACEzC~~,MAAA,CAAAqC,OAAA,~~CAAAK~~,aAAA,~~CAACvC~~,aAAA,~~CAAAwC~~,YAAY,CAACC,QAAQ,QACnB,UAACC,KAAK,EAAK,~~CACVJ~~,MAAI,~~CAACI~~,KAAK,GAAG,IAAAC,oCAAiB,EAACD,KAAK,CAAC,CACrC,~~oBAAO7C~~,MAAA,CAAAqC,OAAA,~~CAAAK~~,aAAA,~~CAACvC~~,aAAA,~~CAAAwC~~,YAAY,CAACI,QAAQ,IAACC,KAAK,~~EAAEP~~,MAAI,~~CAACI~~,KAAM,~~IAAEJ~~,MAAI,~~CAACQ~~,UAAU,CAAC,CAAyB,CAAC,CAC9F,CACqB,CAAC,CAE5B,CAAC,~~CAAAX~~,MAAA;;~~EAMMW~~,UAAU,GAAjB,SAAAA,WAAA,EAAiC,KAAAC,MAAA;IAC/B,~~IAAMC~~,~~aAAa,GAAG,IAAAC,wBAAU,EAAC,IAAI,CAACP,KAAK,EAAE,KAAK,CAAC;IACnD,IAAQQ,~~SAAS,GAAK,IAAI,CAACC,KAAK,CAAxBD,SAAS;IACjB;~~MACErD~~,MAAA,CAAAqC,OAAA,~~CAAAK~~,aAAA,~~CAAC7B~~,aAAA,~~CAAA0C~~,YAAY,~~CAACX~~,QAAQ;MACnB,~~UAAAY~~,IAAA,OAAAC,~~GAAA~~,KAAGC,iBAAiB,GAAAF,IAAA,CAAjBE,iBAAiB,CAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;~~UAC9B3D~~,MAAA,CAAAqC,OAAA,~~CAAAK~~,aAAA,~~CAACrC~~,cAAA,~~CAAAuD~~,aAAa,MAAAC,SAAA,~~CAAAxB~~,OAAA,~~IAACyB~~,WAAW,~~EAAEZ~~,MAAI,~~CAACa~~,WAAY,~~IAAKb~~,MAAI,~~CAACI~~,KAAK;~~UAC1DtD~~,MAAA,CAAAqC,OAAA,~~CAAAK~~,aAAA,~~CAACtC~~,OAAA,~~CAAA4D~~,MAAM;YACLC,QAAQ,EAAEC,2BAAmB,CAACC,OAAQ;YACtCC,SAAS,~~EAAE~~,~~IAAAC~~,~~WAAE~~,~~GAAAZ~~,~~GAAA~~,OAAAA,~~GAAA~~;~~YACVa~~,~~aAAM~~,~~CAACC~~,IAAI,~~CAACrB~~,MAAI,CAACL,KAAK,CAAC,IAAG,IAAI,~~EAAAY~~,~~GAAA~~;~~YAC9Ba~~,~~aAAM~~,~~CAACE~~,UAAU,~~CAACtB~~,MAAI,CAACL,KAAK,CAAC,IAAGK,MAAI,~~CAACuB~~,cAAc,~~EAAAhB~~,~~GAAA~~;~~YACnDa~~,~~aAAM~~,~~CAACI~~,iBAAiB,~~CAACxB~~,MAAI,CAACL,KAAK,CAAC,IAAG,~~CAACc~~,SAAS,EAAAF,~~GAAA~~;~~YACjDa~~,~~aAAM,CAACK,uBAAuB,CAAC,CAAC,IAAG,CAAChB,SAAS,IAAIT,~~MAAI,~~CAACuB~~,~~cAAc~~,~~EAAAhB~~,~~GAAA;YACpEa,aAAM,CAACM,~~sBAAsB,~~CAAC1B~~,MAAI,CAACL,KAAK,CAAC,~~IAAGa~~,iBAAiB,EAAAD,~~GAAA~~;~~YAC7Da~~,~~aAAM~~,~~CAACO~~,4BAA4B,~~CAAC3B~~,MAAI,CAACL,KAAK,CAAC,~~IAAGa~~,iBAAiB,~~IAAIR~~,MAAI,~~CAACuB~~,cAAc,~~EAAAhB~~,~~GAAA~~;~~YAC1Fa~~,~~aAAM~~,~~CAACQ~~,~~0BAA0B~~,~~CAAC5B~~,MAAI,CAACL,KAAK,CAAC,~~IAAGM~~,~~aAAa~~,~~IAAI,CAACQ,~~SAAS,~~IAAIT~~,MAAI,~~CAACuB~~,cAAc,~~EAAAhB~~,~~GAAA~~;~~YAClGa~~,~~aAAM,CAACS,+BAA+B,CAAC7B,~~MAAI,~~CAACL~~,~~KAAK~~,~~CAAC;YACjDM~~,~~aAAa,IAAIO,iBAAiB,IAAIR,MAAI,CAACuB,cAAc,EAAAhB,GAAA;YAC1Da,aAAM,CAACU,~~kBAAkB,CAAC,CAAC,~~IAAG3B~~,SAAS,EAAAI,~~GAAA~~;~~YACzC~~,CAAE;;~~UAEFP~~,MAAI,~~CAACuB~~,cAAc;UAClBzE,MAAA,CAAAqC,OAAA,~~CAAAK~~,aAAA,~~CAAChC~~,eAAA,~~CAAAuE~~,cAAc,IAACC,QAAQ,~~EAAEhC~~,MAAI,~~CAAChB~~,YAAa,~~IAAEgB~~,MAAI,~~CAACI~~,KAAK,~~CAAC6B~~,QAAyB,CAAC;;~~UAEnFjC~~,MAAI,~~CAACI~~,KAAK,~~CAAC6B~~;;UAEP;UACK,CAAC;;MAEG,CAAC;;EAE5B,CAAC,~~QAAAhE~~,SAAA,~~GAzD4BiE~~,cAAK,CAACC,SAAS,~~GAAAnE~~,UAAA,~~CAC9BoE~~,mBAAmB,GAAG,WAAW,~~EAAApE~~,UAAA,~~CACjCqE~~,WAAW,GAAG,WAAW,~~EAAArE~~,UAAA,~~CACzBsE~~,cAAc,GAAG,IAAI,~~EAAAtE~~,UAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_ZIndex","_CommonWrapper","_decorator","LayoutEvents","_interopRequireWildcard","_ResizeDetector","_rootNode","_renderEnvironment","_ModalContext","_Modal","_getModalBodyTheme","_Modal2","_class","_ModalBody","ModalBody","exports","withRenderEnvironment","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","handleResize","emit","_inheritsLoose2","default","_proto","prototype","render","_this2","styles","getStyles","emotion","createElement","ThemeContext","Consumer","theme","getModalBodyTheme","Provider","value","renderMain","_this3","noPadding","props","ModalContext","_ref","_this3$cx","additionalPadding","hasHeader","CommonWrapper","_extends2","rootNodeRef","setRootNode","ZIndex","priority","ModalZIndexPriority","Content","className","cx","body","mobileBody","isMobileLayout","bodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","mobileBodyWithoutHeader","bodyWithoutPadding","ResizeDetector","onResize","children","React","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"sources":["ModalBody.tsx"],"sourcesContent":["import React, { type JSX } from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { ModalContext } from './ModalContext';\nimport { getStyles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\nimport { ModalZIndexPriority } from './Modal';\n\nexport interface ModalBodyProps extends CommonProps {\n /** Убирает отступы. /\n noPadding?: boolean;\n}\n\n/\n Контейнер с отступами для содержимого модального окна.\n \n @visibleName Modal.Body\n */\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n public static __KONTUR_REACT_UI__ = 'ModalBody';\n public static displayName = 'ModalBody';\n public static __MODAL_BODY__ = true;\n\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n private isMobileLayout!: boolean;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = getModalBodyTheme(theme);\n return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private handleResize = () => {\n LayoutEvents.emit();\n };\n\n public renderMain(): JSX.Element {\n const { noPadding } = this.props;\n return (\n <ModalContext.Consumer>\n {({ additionalPadding, hasHeader }) => (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <ZIndex\n priority={ModalZIndexPriority.Content}\n className={this.cx({\n [this.styles.body(this.theme)]: true,\n [this.styles.mobileBody(this.theme)]: this.isMobileLayout,\n [this.styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n [this.styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n [this.styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n [this.styles.mobileBodyWithoutHeader(this.theme)]: !hasHeader && this.isMobileLayout,\n [this.styles.bodyWithoutPadding()]: noPadding,\n })}\n >\n {this.isMobileLayout ? (\n <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n ) : (\n this.props.children\n )}\n </ZIndex>\n </CommonWrapper>\n )}\n </ModalContext.Consumer>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Modal/ModalClose.js CHANGED Viewed

@@ -1,14 +1,12 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalClose = ModalClose;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
-var _globalObject = require("@skbkontur/global-object");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _useLocaleForControl = require("../../lib/locale/useLocaleForControl");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Emotion = require("../../lib/theming/Emotion");
 var _keyListener = require("../../lib/events/keyListener");
 var _ResponsiveLayout = require("../ResponsiveLayout");
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _XIcon20Regular = require("../../internal/icons2022/XIcon/XIcon20Regular");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _Modal = require("./Modal.styles");
@@ -17,14 +15,18 @@ var _locale = require("./locale");var _excluded = ["disableClose", "requestClose
 function ModalClose(_ref) {var disableClose = _ref.disableClose,requestClose = _ref.requestClose,otherProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
   var locale = (0, _useLocaleForControl.useLocaleForControl)('Modal', _locale.ModalLocaleHelper);
+  var globalObject = (0, _renderEnvironment.useGlobal)();
+  var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+  var styles = (0, _renderEnvironment.useStyles)(_Modal.getStyles);
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var keyListener = (0, _keyListener.useKeyListener)();
   var _React$useState = _react.default.useState(false),focusedByTab = _React$useState[0],setFocusedByTab = _React$useState[1];
   var handleFocus = function handleFocus() {
     // focus event fires before keyDown eventlistener
     // so we should check tabPressed in async way
-    _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {
-      if (_keyListener.keyListener.isTabPressed) {
+    globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+      if (keyListener.isTabPressed) {
         setFocusedByTab(true);
       }
     });
@@ -35,7 +37,6 @@ function ModalClose(_ref) {var disableClose = _ref.disableClose,requestClose = _
   };
   var icon = /*#__PURE__*/_react.default.createElement(_XIcon20Regular.XIcon20Regular, { align: "none" });
-  var versionGTE5_1 = (0, _ThemeHelpers.isThemeGTE)(theme, '5.1');
   return /*#__PURE__*/(
     _react.default.createElement(_CommonWrapper.CommonWrapper, otherProps, /*#__PURE__*/
@@ -43,14 +44,11 @@ function ModalClose(_ref) {var disableClose = _ref.disableClose,requestClose = _
     function (_ref2) {var _cx;var isMobile = _ref2.isMobile;return /*#__PURE__*/(
         _react.default.createElement("button", {
           "aria-label": locale.closeButtonAriaLabel,
-          className: (0, _Emotion.cx)((_cx = {}, _cx[
-          _Modal.styles.close(theme)] = true, _cx[
-          _Modal.styles.close5_1(theme)] = versionGTE5_1, _cx[
-          _Modal.styles.closeMobile(theme)] = isMobile, _cx[
-          _Modal.styles.closeMobile5_1(theme)] = isMobile && versionGTE5_1, _cx[
-          _Modal.styles.disabled(theme)] = disableClose, _cx[
-          _Modal.styles.focus(theme)] = focusedByTab && !versionGTE5_1, _cx[
-          _Modal.styles.focus5_1(theme)] = focusedByTab && versionGTE5_1, _cx)
+          className: cx((_cx = {}, _cx[
+          styles.close(theme)] = true, _cx[
+          styles.closeMobile(theme)] = isMobile, _cx[
+          styles.disabled(theme)] = disableClose, _cx[
+          styles.focus(theme)] = focusedByTab, _cx)
           ),
           onClick: requestClose,
           onFocus: handleFocus,

package/cjs/components/Modal/ModalClose.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","~~_globalObject~~","_useLocaleForControl","_ThemeContext","~~_Emotion","~~_keyListener","_ResponsiveLayout","_CommonWrapper","_XIcon20Regular","~~_ThemeHelpers","~~_Modal","_Modal2","_locale","_excluded","ModalClose","_ref","disableClose","requestClose","otherProps","_objectWithoutPropertiesLoose2","default","locale","useLocaleForControl","ModalLocaleHelper","theme","useContext","ThemeContext","_React$useState","React","useState","focusedByTab","setFocusedByTab","handleFocus","~~globalObject","~~requestAnimationFrame","~~keyListener","~~isTabPressed","handleBlur","icon","createElement","XIcon20Regular","align","~~versionGTE5_1","isThemeGTE","~~CommonWrapper","ResponsiveLayout","_ref2","_cx","isMobile","closeButtonAriaLabel","className","~~cx","styles","~~close","~~close5_1","~~closeMobile","~~closeMobile5_1","~~disabled","focus","~~focus5_1","~~onClick","onFocus","onBlur","ModalDataTids","tabIndex","__KONTUR_REACT_UI__","displayName"],"sources":["ModalClose.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { ~~globalObject~~ } from '~~@skbkontur~~/~~global-object~~';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/~~theming/Emotion';\nimport { keyListener } from '../../lib/~~events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\~~nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\~~n\nimport type { CloseProps } from './ModalContext';\nimport { ~~styles~~ } from './Modal.styles';\nimport { ModalDataTids } from './Modal';\nimport { ModalLocaleHelper } from './locale';\n\nexport function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps) {\n const locale = useLocaleForControl('Modal', ModalLocaleHelper);\n const theme = useContext(ThemeContext);\n const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n const handleFocus = () => {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n };\n\n const handleBlur = () => {\n setFocusedByTab(false);\n };\n\n const icon = <XIcon20Regular align=\"none\" />;\n ~~const versionGTE5_1 = isThemeGTE(theme, '5.1');\n~~\n return (\n <CommonWrapper {...otherProps}>\n <ResponsiveLayout>\n {({ isMobile }) => (\n <button\n aria-label={locale.closeButtonAriaLabel}\n className={cx({\n [styles.close(theme)]: true,\n [styles.~~close5_1(theme)]: versionGTE5_1,\n [styles.~~closeMobile(theme)]: isMobile,\n [styles.~~closeMobile5_1(theme)]: isMobile && versionGTE5_1,\n [styles.~~disabled(theme)]: disableClose,\n [styles.focus(theme)]: focusedByTab ~~&& !versionGTE5_1~~,\n ~~[styles.focus5_1(theme)]: focusedByTab && versionGTE5_1,\n~~ })}\n onClick={requestClose}\n onFocus={handleFocus}\n onBlur={handleBlur}\n data-tid={ModalDataTids.close}\n tabIndex={disableClose ? -1 : 0}\n >\n {icon}\n </button>\n )}\n </ResponsiveLayout>\n </CommonWrapper>\n );\n}\n\nModalClose.__KONTUR_REACT_UI__ = 'ModalClose';\nModalClose.displayName = 'ModalClose';\n"],"mappings":"+XAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA~~;AACA~~,IAAAC,~~aAAA~~,GAAAD,OAAA~~;;AAEA~~,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,~~QAAA~~,GAAAJ,OAAA;AACA,IAAAK,~~YAAA~~,GAAAL,OAAA;AACA,IAAAM,~~iBAAA~~,GAAAN,OAAA;AACA,IAAAO,~~cAAA~~,GAAAP,OAAA~~;AACA~~,IAAAQ,~~eAAA~~,GAAAR,OAAA;AACA,IAAAS,~~aAAA~~,GAAAT,OAAA~~;;;AAGA,IAAAU,MAAA,GAAAV,OAAA~~;AACA,~~IAAAW~~,OAAA,~~GAAAX~~,OAAA~~;AACA~~,~~IAAAY,OAAA,GAAAZ,OAAA,~~aAA6C,~~IAAAa~~,SAAA;;AAEtC,SAASC,UAAUA,CAAAC,IAAA,~~EAA4D~~,~~KAAzDC~~,YAAY,GAAAD,IAAA,CAAZC,YAAY,CAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY,CAAKC,UAAU,OAAAC,8BAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAF,SAAA;EACpE,IAAMQ,MAAM,GAAG,IAAAC,wCAAmB,EAAC,OAAO,EAAEC,yBAAiB,CAAC;EAC9D,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAAC,eAAA,GAAwCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAtDC,YAAY,GAAAH,eAAA,IAAEI,eAAe,GAAAJ,eAAA;;EAEpC,IAAMK,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB;IACA;~~IACAC~~,~~0BAAY~~,~~CAACC~~,qBAAqB,~~YAAlCD~~,~~0BAAY~~,~~CAACC~~,qBAAqB,CAAG,YAAM;MACzC,~~IAAIC~~,~~wBAAW~~,~~CAACC~~,YAAY,EAAE;~~QAC5BL~~,eAAe,CAAC,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC;;EAED,~~IAAMM~~,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;~~IACvBN~~,eAAe,CAAC,KAAK,CAAC;EACxB,CAAC;;EAED,~~IAAMO~~,IAAI,~~gBAAGxC~~,MAAA,~~CAAAsB~~,OAAA,~~CAAAmB~~,aAAA,~~CAAC/B~~,eAAA,~~CAAAgC~~,cAAc,IAACC,KAAK,EAAC,MAAM,EAAE,CAAC~~;EAC5C,IAAMC,aAAa,GAAG,IAAAC,wBAAU,EAACnB,KAAK,EAAE,KAAK,CAAC~~;;~~EAE9C~~;~~IACE1B~~,MAAA,~~CAAAsB~~,OAAA,~~CAAAmB~~,aAAA,~~CAAChC~~,cAAA,~~CAAAqC~~,aAAa,~~EAAK1B~~,UAAU;~~IAC3BpB~~,MAAA,~~CAAAsB~~,OAAA,~~CAAAmB~~,aAAA,~~CAACjC~~,iBAAA,~~CAAAuC~~,gBAAgB;IACd,UAAAC,KAAA,OAAAC,GAAA,KAAGC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;~~QACVlD~~,MAAA,~~CAAAsB~~,OAAA,~~CAAAmB~~,aAAA;UACE,~~cAAYlB~~,MAAM,~~CAAC4B~~,oBAAqB;UACxCC,SAAS,EAAE,~~IAAAC~~,~~WAAE,GAAAJ,~~GAAA,OAAAA,GAAA;~~UACVK~~,~~aAAM~~,~~CAACC~~,KAAK,~~CAAC7B~~,KAAK,CAAC,IAAG,IAAI,~~EAAAuB~~,GAAA;~~UAC1BK~~,~~aAAM~~,~~CAACE~~,~~QAAQ,CAAC9B,KAAK,CAAC,IAAGkB,aAAa,EAAAK,GAAA;UACtCK,aAAM,CAACG,~~WAAW,~~CAAC/B~~,KAAK,CAAC,~~IAAGwB~~,QAAQ,EAAAD,GAAA;~~UACpCK~~,~~aAAM~~,~~CAACI~~,~~cAAc~~,~~CAAChC~~,KAAK,CAAC,~~IAAGwB~~,~~QAAQ~~,~~IAAIN~~,~~aAAa,EAAAK,~~GAAA;~~UACxDK~~,~~aAAM~~,~~CAACK,QAAQ,CAACjC,KAAK,~~CAAC~~,IAAGR,YAAY,EAAA~~+B,~~GAAA;UACrCK,aAAM,CAACM,~~KAAK,~~CAAClC~~,KAAK,CAAC,~~IAAGM~~,YAAY,~~IAAI~~,~~CAACY,aAAa,EAAAK,~~GAAA;~~UACpDK~~,~~aAAM,CAACO,QAAQ,CAACnC,KAAK,CAAC,IAAGM,YAAY,IAAIY,aAAa,EAAAK,GAAA;UACxD,~~CAAE;~~UACHa~~,OAAO,~~EAAE3C~~,YAAa;~~UACtB4C~~,OAAO,~~EAAE7B~~,WAAY;~~UACrB8B~~,MAAM,~~EAAEzB~~,UAAW;UACnB,~~YAAU0B~~,qBAAa,~~CAACV~~,KAAM;~~UAC9BW~~,QAAQ,~~EAAEhD~~,YAAY,GAAG,CAAC,CAAC,GAAG,CAAE;;QAE/~~BsB~~;QACK,CAAC;;IAEK;IACL,CAAC;;AAEpB;;~~AAEAxB~~,UAAU,~~CAACmD~~,mBAAmB,GAAG,YAAY;~~AAC7CnD~~,UAAU,~~CAACoD~~,WAAW,GAAG,YAAY","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_useLocaleForControl","_ThemeContext","_keyListener","_ResponsiveLayout","_CommonWrapper","_XIcon20Regular","_Modal","_Modal2","_locale","_excluded","ModalClose","_ref","disableClose","requestClose","otherProps","_objectWithoutPropertiesLoose2","default","locale","useLocaleForControl","ModalLocaleHelper","globalObject","useGlobal","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","theme","useContext","ThemeContext","keyListener","useKeyListener","_React$useState","React","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","icon","createElement","XIcon20Regular","align","CommonWrapper","ResponsiveLayout","_ref2","_cx","isMobile","closeButtonAriaLabel","className","close","closeMobile","disabled","focus","onClick","onFocus","onBlur","ModalDataTids","tabIndex","__KONTUR_REACT_UI__","displayName"],"sources":["ModalClose.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useGlobal, useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { useKeyListener } from '../../lib/events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\n\nimport type { CloseProps } from './ModalContext';\nimport { getStyles } from './Modal.styles';\nimport { ModalDataTids } from './Modal';\nimport { ModalLocaleHelper } from './locale';\n\nexport function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps): React.JSX.Element {\n const locale = useLocaleForControl('Modal', ModalLocaleHelper);\n const globalObject = useGlobal();\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\n const theme = useContext(ThemeContext);\n const keyListener = useKeyListener();\n const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n const handleFocus = () => {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setFocusedByTab(true);\n }\n });\n };\n\n const handleBlur = () => {\n setFocusedByTab(false);\n };\n\n const icon = <XIcon20Regular align=\"none\" />;\n\n return (\n <CommonWrapper {...otherProps}>\n <ResponsiveLayout>\n {({ isMobile }) => (\n <button\n aria-label={locale.closeButtonAriaLabel}\n className={cx({\n [styles.close(theme)]: true,\n [styles.closeMobile(theme)]: isMobile,\n [styles.disabled(theme)]: disableClose,\n [styles.focus(theme)]: focusedByTab,\n })}\n onClick={requestClose}\n onFocus={handleFocus}\n onBlur={handleBlur}\n data-tid={ModalDataTids.close}\n tabIndex={disableClose ? -1 : 0}\n >\n {icon}\n </button>\n )}\n </ResponsiveLayout>\n </CommonWrapper>\n );\n}\n\nModalClose.__KONTUR_REACT_UI__ = 'ModalClose';\nModalClose.displayName = 'ModalClose';\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Modal/ModalFooter.js CHANGED Viewed

@@ -1,17 +1,16 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalFooter = ModalFooter;exports.ModalFooterDataTids = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _getScrollWidth = require("../../lib/dom/getScrollWidth");
 var _Sticky = require("../Sticky");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 var _ResponsiveLayout = require("../ResponsiveLayout");
 var _Gapped = require("../Gapped");
 var _utils = require("../../lib/utils");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _Modal = require("./Modal.styles");
 var _ModalContext = require("./ModalContext");
@@ -43,8 +42,11 @@ var ModalFooterDataTids = exports.ModalFooterDataTids = {
  */
 function ModalFooter(props) {
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+  var styles = (0, _renderEnvironment.useStyles)(_Modal.getStyles);
   var modal = (0, _react.useContext)(_ModalContext.ModalContext);
   var layout = (0, _ResponsiveLayout.useResponsiveLayout)();
+  var scrollWidth = (0, _getScrollWidth.useGetScrollWidth)();
   var _props$sticky = props.sticky,sticky = _props$sticky === void 0 ? !layout.isMobile : _props$sticky,gap = props.gap,panel = props.panel,children = props.children;
@@ -58,21 +60,19 @@ function ModalFooter(props) {
     };
   }, [panel]);
-  var versionGTE5_2 = (0, _ThemeHelpers.isThemeGTE)(theme, '5.2');
   var renderContent = function renderContent(fixed) {if (fixed === void 0) {fixed = false;}
     return /*#__PURE__*/(
       _react.default.createElement("div", null,
       (panel || fixed) && /*#__PURE__*/_react.default.createElement(_ModalSeparator.ModalSeparator, { fixed: fixed }), /*#__PURE__*/
       _react.default.createElement("div", {
         "data-tid": ModalFooterDataTids.root,
-        className: (0, _Emotion.cx)(
-          _Modal.styles.footer(theme),
-          fixed && _Modal.styles.fixedFooter(theme),
-          versionGTE5_2 && fixed && _Modal.styles.fixedFooter5_2(),
-          Boolean(panel) && _Modal.styles.panel(theme),
-          fixed && Boolean(panel) && _Modal.styles.fixedPanel(theme),
-          layout.isMobile && _Modal.styles.mobileFooter(theme),
-          versionGTE5_2 && layout.isMobile && fixed && _Modal.styles.mobileFixedFooter5_2(theme)
+        className: cx(
+          styles.footer(theme),
+          fixed && styles.fixedFooter(theme),
+          Boolean(panel) && styles.panel(theme),
+          fixed && Boolean(panel) && styles.fixedPanel(theme),
+          layout.isMobile && styles.mobileFooter(theme),
+          layout.isMobile && fixed && styles.mobileFixedFooter(theme)
         ) },
       (0, _utils.isNonNullable)(gap) ? /*#__PURE__*/
@@ -90,9 +90,9 @@ function ModalFooter(props) {
   var getStickyOffset = function getStickyOffset() {
     var offset = 0;
     if (modal.horizontalScroll) {
-      offset += (0, _getScrollWidth.getScrollWidth)();
+      offset += scrollWidth;
     }
-    if (versionGTE5_2 && layout.isMobile && !modal.mobileOnFullScreen) {
+    if (layout.isMobile && !modal.mobileOnFullScreen) {
       offset += parseInt(theme.mobileModalContainerMarginBottom);
     }
     return offset;

package/cjs/components/Modal/ModalFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_getScrollWidth","_Sticky","_ThemeContext","_CommonWrapper","~~_Emotion","~~_ResponsiveLayout","_Gapped","_utils","~~_ThemeHelpers","~~_Modal","_ModalContext","_ModalSeparator","ModalFooterDataTids","exports","root","ModalFooter","props","theme","useContext","ThemeContext","modal","ModalContext","layout","useResponsiveLayout","_props$sticky","sticky","isMobile","gap","panel","children","useLayoutEffect","setHasFooter","setHasPanel","~~versionGTE5_2","isThemeGTE","~~renderContent","fixed","default","createElement","ModalSeparator","className","~~cx","styles","~~footer","fixedFooter","~~fixedFooter5_2","~~Boolean","fixedPanel","mobileFooter","~~mobileFixedFooter5_2~~","isNonNullable","Gapped","vertical","getStickyOffset","offset","horizontalScroll","~~getScrollWidth","~~mobileOnFullScreen","parseInt","mobileModalContainerMarginBottom","CommonWrapper","Sticky","side","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"sources":["ModalFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useLayoutEffect } from 'react';\n\nimport { ~~getScrollWidth~~ } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ~~cx } from '../../lib/theming/Emotion';\nimport {~~ useResponsiveLayout } from '../ResponsiveLayout';\nimport type { GappedProps } from '../Gapped';\nimport { Gapped } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\~~nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\~~n\nimport { ~~styles~~ } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n /** Включает разделитель перед футером. /\n panel?: boolean;\n\n /* Закрепляет футер модального окна при скролле длинной контент-зоны.\n * @default На десктопе - `true`, на мобильных - `false`. /\n sticky?: boolean;\n\n /* Контент футера. /\n children?: ReactNode;\n\n /* Расстояние между элементами футера в пикселях. /\n gap?: GappedProps['gap'];\n}\n\nexport const ModalFooterDataTids = {\n root: 'ModalFooter__root',\n} as const;\n\n/\n Футер модального окна, где обычно располагаются кнопки основных действий.\n \n @visibleName Modal.Footer\n */\nfunction ModalFooter(props: ModalFooterProps) {\n const theme = useContext(ThemeContext);\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n\n const { sticky = !layout.isMobile, gap, panel, children } = props;\n\n useLayoutEffect(() => {\n modal.setHasFooter?.(true);\n modal.setHasPanel?.(panel \|\| false);\n\n return () => {\n modal.setHasFooter?.(false);\n modal.setHasPanel?.(false);\n };\n }, [panel]);\n\n const ~~versionGTE5_2 = isThemeGTE(theme, '5.2');\n const~~ renderContent = (fixed = false) => {\n return (\n <div>\n {(panel \|\| fixed) && <ModalSeparator fixed={fixed} />}\n <div\n data-tid={ModalFooterDataTids.root}\n className={cx(\n styles.footer(theme),\n fixed && styles.fixedFooter(theme),\n ~~versionGTE5_2 && fixed && styles.fixedFooter5_2(),\n~~ Boolean(panel) && styles.panel(theme),\n fixed && Boolean(panel) && styles.fixedPanel(theme),\n layout.isMobile && styles.mobileFooter(theme),\n ~~versionGTE5_2 &&~~ layout.isMobile && fixed && styles.~~mobileFixedFooter5_2~~(theme),\n )}\n >\n {isNonNullable(gap) ? (\n <Gapped vertical={layout.isMobile} gap={gap}>\n {children}\n </Gapped>\n ) : (\n children\n )}\n </div>\n </div>\n );\n };\n\n const getStickyOffset = () => {\n let offset = 0;\n if (modal.horizontalScroll) {\n offset += ~~getScrollWidth()~~;\n }\n if (~~versionGTE5_2 &&~~ layout.isMobile && !modal.mobileOnFullScreen) {\n offset += parseInt(theme.mobileModalContainerMarginBottom);\n }\n return offset;\n };\n\n return (\n <CommonWrapper {...props}>\n {sticky ? (\n <Sticky side=\"bottom\" offset={getStickyOffset()}>\n {renderContent}\n </Sticky>\n ) : (\n renderContent()\n )}\n </CommonWrapper>\n );\n}\n\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\nModalFooter.displayName = 'ModalFooter';\nModalFooter.__MODAL_FOOTER__ = true;\n\nexport { ModalFooter };\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,~~eAAA~~,GAAAD,OAAA;AACA,IAAAE,~~OAAA~~,GAAAF,OAAA;AACA,IAAAG,~~aAAA~~,GAAAH,OAAA~~;;AAEA~~,IAAAI,~~cAAA~~,GAAAJ,OAAA~~;AACA~~,IAAAK,~~QAAA~~,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;;AAEA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA~~;AACA,IAAAS,aAAA,GAAAT,OAAA~~;;AAEA,~~IAAAU~~,MAAA,~~GAAAV~~,OAAA;AACA,~~IAAAW~~,aAAA,~~GAAAX~~,OAAA;AACA,~~IAAAY~~,eAAA,~~GAAAZ~~,OAAA;;;;;;;;;;;;;;;;;AAiBO,~~IAAMa~~,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG;EACjCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,SAASC,WAAWA,CAACC,KAAuB,~~EAAE~~;~~EAC5C~~,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAMC,KAAK,GAAG,~~IAAAF~~,iBAAU,~~EAACG~~,0BAAY,CAAC;EACtC,IAAMC,MAAM,GAAG,IAAAC,qCAAmB,EAAC,CAAC;;~~EAEpC~~,IAAAC,aAAA,~~GAA4DR~~,KAAK,~~CAAzDS~~,MAAM,CAANA,MAAM,GAAAD,aAAA,cAAG,~~CAACF~~,MAAM,~~CAACI~~,QAAQ,GAAAF,aAAA,CAAEG,GAAG,~~GAAsBX~~,KAAK,~~CAA9BW~~,GAAG,CAAEC,KAAK,~~GAAeZ~~,KAAK,~~CAAzBY~~,KAAK,CAAEC,QAAQ,~~GAAKb~~,KAAK,~~CAAlBa~~,QAAQ;;EAEvD,IAAAC,sBAAe,EAAC,YAAM;~~IACpBV~~,KAAK,~~CAACW~~,YAAY,~~YAAlBX~~,KAAK,~~CAACW~~,YAAY,CAAG,IAAI,CAAC;~~IAC1BX~~,KAAK,~~CAACY~~,WAAW,~~YAAjBZ~~,KAAK,~~CAACY~~,WAAW,CAAGJ,KAAK,IAAI,KAAK,CAAC;;IAEnC,OAAO,YAAM;~~MACXR~~,KAAK,~~CAACW~~,YAAY,~~YAAlBX~~,KAAK,~~CAACW~~,YAAY,CAAG,KAAK,CAAC;~~MAC3BX~~,KAAK,~~CAACY~~,WAAW,~~YAAjBZ~~,KAAK,~~CAACY~~,WAAW,CAAG,KAAK,CAAC;IAC5B,CAAC;EACH,CAAC,EAAE,CAACJ,KAAK,CAAC,CAAC;;EAEX,IAAMK,aAAa,GAAG,~~IAAAC,wBAAU,EAACjB,KAAK,EAAE,KAAK,CAAC;EAC9C,IAAMkB,aAAa,GAAG,~~SAAhBA,aAAaA,CAAIC,KAAK,EAAa,KAAlBA,KAAK,cAALA,KAAK,GAAG,KAAK;IAClC;~~MACEvC~~,MAAA,~~CAAAwC~~,OAAA,CAAAC,aAAA;MACG,~~CAACV~~,KAAK,~~IAAIQ~~,KAAK,~~kBAAKvC~~,MAAA,~~CAAAwC~~,OAAA,CAAAC,aAAA,~~CAAC3B~~,eAAA,~~CAAA4B~~,cAAc,IAACH,KAAK,EAAEA,KAAM,EAAE,CAAC;~~MACrDvC~~,MAAA,~~CAAAwC~~,OAAA,CAAAC,aAAA;QACE,~~YAAU1B~~,mBAAmB,CAACE,IAAK;~~QACnC0B~~,SAAS,EAAE~~,IAAAC,WAAE~~;UACXC,~~aAAM~~,~~CAACC~~,MAAM,~~CAAC1B~~,KAAK,CAAC;~~UACpBmB~~,KAAK,~~IAAIM~~,~~aAAM~~,~~CAACE~~,WAAW,~~CAAC3B,KAAK,~~CAAC~~;UAClCgB~~,~~aAAa,IAAIG,~~KAAK,~~IAAIM,aAAM,CAACG,cAAc,~~CAAC~~,CAAC~~;~~UACjDC~~,OAAO,~~CAAClB~~,KAAK,CAAC,~~IAAIc~~,~~aAAM~~,~~CAACd~~,KAAK,~~CAACX~~,KAAK,CAAC;~~UACrCmB~~,KAAK,~~IAAIU~~,OAAO,~~CAAClB~~,KAAK,CAAC,~~IAAIc~~,~~aAAM~~,~~CAACK~~,UAAU,~~CAAC9B~~,KAAK,CAAC;~~UACnDK~~,MAAM,~~CAACI~~,QAAQ,~~IAAIgB~~,~~aAAM~~,~~CAACM~~,YAAY,~~CAAC/B~~,KAAK,CAAC;~~UAC7CgB~~,~~aAAa,IAAIX,~~MAAM,~~CAACI~~,QAAQ,~~IAAIU~~,KAAK,~~IAAIM~~,~~aAAM~~,~~CAACO~~,~~oBAAoB~~,~~CAAChC~~,KAAK;~~QAChF~~,CAAE;;MAED,~~IAAAiC~~,oBAAa,~~EAACvB~~,GAAG,CAAC;~~MACjB9B~~,MAAA,~~CAAAwC~~,OAAA,CAAAC,aAAA,~~CAAChC~~,OAAA,~~CAAA6C~~,MAAM,IAACC,QAAQ,~~EAAE9B~~,MAAM,~~CAACI~~,QAAS,EAACC,GAAG,EAAEA,GAAI;MACzCE;MACK,CAAC;;MAETA;;MAEC;MACF,CAAC;;EAEV,CAAC;;EAED,~~IAAMwB~~,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;IAC5B,IAAIC,MAAM,GAAG,CAAC;IACd,~~IAAIlC~~,KAAK,~~CAACmC~~,gBAAgB,EAAE;MAC1BD,MAAM,~~IAAI~~,~~IAAAE,8BAAc,EAAC,CAAC~~;~~IAC5B~~;IACA,~~IAAIvB~~,~~aAAa,IAAIX,~~MAAM,~~CAACI~~,QAAQ,IAAI,~~CAACN~~,KAAK,~~CAACqC~~,kBAAkB,EAAE;~~MACjEH~~,MAAM,~~IAAII~~,QAAQ,~~CAACzC~~,KAAK,~~CAAC0C~~,gCAAgC,CAAC;IAC5D;IACA,~~OAAOL~~,MAAM;EACf,CAAC;;EAED;~~IACEzD~~,MAAA,~~CAAAwC~~,OAAA,CAAAC,aAAA,~~CAACnC~~,cAAA,CAAAyD,aAAa,~~EAAK5C~~,KAAK;~~IACrBS~~,MAAM;~~IACL5B~~,MAAA,~~CAAAwC~~,OAAA,CAAAC,aAAA,~~CAACrC~~,OAAA,CAAA4D,MAAM,IAACC,IAAI,EAAC,QAAQ,~~EAACR~~,MAAM,EAAED,eAAe,CAAC,CAAE;~~IAC7ClB~~;IACK,CAAC;;IAETA,aAAa,CAAC;;IAEH,CAAC;;AAEpB;;~~AAEApB~~,WAAW,~~CAACgD~~,mBAAmB,GAAG,aAAa;AAC/~~ChD~~,WAAW,~~CAACiD~~,WAAW,GAAG,aAAa;~~AACvCjD~~,WAAW,~~CAACkD~~,gBAAgB,GAAG,IAAI","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_getScrollWidth","_Sticky","_ThemeContext","_CommonWrapper","_ResponsiveLayout","_Gapped","_utils","_Modal","_ModalContext","_ModalSeparator","ModalFooterDataTids","exports","root","ModalFooter","props","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","modal","ModalContext","layout","useResponsiveLayout","scrollWidth","useGetScrollWidth","_props$sticky","sticky","isMobile","gap","panel","children","useLayoutEffect","setHasFooter","setHasPanel","renderContent","fixed","default","createElement","ModalSeparator","className","footer","fixedFooter","Boolean","fixedPanel","mobileFooter","mobileFixedFooter","isNonNullable","Gapped","vertical","getStickyOffset","offset","horizontalScroll","mobileOnFullScreen","parseInt","mobileModalContainerMarginBottom","CommonWrapper","Sticky","side","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"sources":["ModalFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useLayoutEffect } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { useGetScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport type { GappedProps } from '../Gapped';\nimport { Gapped } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { getStyles } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n /** Включает разделитель перед футером. /\n panel?: boolean;\n\n /* Закрепляет футер модального окна при скролле длинной контент-зоны.\n * @default На десктопе - `true`, на мобильных - `false`. /\n sticky?: boolean;\n\n /* Контент футера. /\n children?: ReactNode;\n\n /* Расстояние между элементами футера в пикселях. /\n gap?: GappedProps['gap'];\n}\n\nexport const ModalFooterDataTids = {\n root: 'ModalFooter__root',\n} as const;\n\n/\n Футер модального окна, где обычно располагаются кнопки основных действий.\n \n @visibleName Modal.Footer\n */\nfunction ModalFooter(props: ModalFooterProps): React.JSX.Element {\n const theme = useContext(ThemeContext);\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n const scrollWidth = useGetScrollWidth();\n\n const { sticky = !layout.isMobile, gap, panel, children } = props;\n\n useLayoutEffect(() => {\n modal.setHasFooter?.(true);\n modal.setHasPanel?.(panel \|\| false);\n\n return () => {\n modal.setHasFooter?.(false);\n modal.setHasPanel?.(false);\n };\n }, [panel]);\n\n const renderContent = (fixed = false) => {\n return (\n <div>\n {(panel \|\| fixed) && <ModalSeparator fixed={fixed} />}\n <div\n data-tid={ModalFooterDataTids.root}\n className={cx(\n styles.footer(theme),\n fixed && styles.fixedFooter(theme),\n Boolean(panel) && styles.panel(theme),\n fixed && Boolean(panel) && styles.fixedPanel(theme),\n layout.isMobile && styles.mobileFooter(theme),\n layout.isMobile && fixed && styles.mobileFixedFooter(theme),\n )}\n >\n {isNonNullable(gap) ? (\n <Gapped vertical={layout.isMobile} gap={gap}>\n {children}\n </Gapped>\n ) : (\n children\n )}\n </div>\n </div>\n );\n };\n\n const getStickyOffset = () => {\n let offset = 0;\n if (modal.horizontalScroll) {\n offset += scrollWidth;\n }\n if (layout.isMobile && !modal.mobileOnFullScreen) {\n offset += parseInt(theme.mobileModalContainerMarginBottom);\n }\n return offset;\n };\n\n return (\n <CommonWrapper {...props}>\n {sticky ? (\n <Sticky side=\"bottom\" offset={getStickyOffset()}>\n {renderContent}\n </Sticky>\n ) : (\n renderContent()\n )}\n </CommonWrapper>\n );\n}\n\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\nModalFooter.displayName = 'ModalFooter';\nModalFooter.__MODAL_FOOTER__ = true;\n\nexport { ModalFooter };\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/Modal/ModalHeader.js CHANGED Viewed

@@ -1,13 +1,12 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.ModalHeader = ModalHeader;exports.ModalHeaderDataTids = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _Sticky = require("../Sticky");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 var _ResponsiveLayout = require("../ResponsiveLayout");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _Modal = require("./Modal.styles");
 var _ModalClose = require("./ModalClose");
@@ -39,6 +38,9 @@ var ModalHeaderDataTids = exports.ModalHeaderDataTids = {
  */
 function ModalHeader(props) {
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+  var styles = (0, _renderEnvironment.useStyles)(_Modal.getStyles);
   var modal = (0, _react.useContext)(_ModalContext.ModalContext);
   var layout = (0, _ResponsiveLayout.useResponsiveLayout)();
@@ -50,24 +52,20 @@ function ModalHeader(props) {
     return function () {return modal.setHasHeader == null ? void 0 : modal.setHasHeader(false);};
   }, []);
-  var versionGTE5_2 = (0, _ThemeHelpers.isThemeGTE)(theme, '5.2');
   var renderContent = function renderContent(fixed) {if (fixed === void 0) {fixed = false;}
     return /*#__PURE__*/(
       _react.default.createElement("div", null, /*#__PURE__*/
       _react.default.createElement("div", {
         "data-tid": ModalHeaderDataTids.root,
-        className: (0, _Emotion.cx)(
-          _Modal.styles.header(theme),
-          versionGTE5_2 && _Modal.styles.header5_2(theme),
-          layout.isMobile && _Modal.styles.mobileHeader(theme),
-          Boolean(modal.additionalPadding) && _Modal.styles.headerAddPadding(theme),
-          fixed && _Modal.styles.fixedHeader(theme),
-          cutTitleOnStuck && fixed && _Modal.styles.titleCut(),
-          versionGTE5_2 && fixed && _Modal.styles.fixedHeader5_2(),
-          fixed && layout.isMobile && _Modal.styles.mobileFixedHeader(theme),
-          versionGTE5_2 && fixed && layout.isMobile && _Modal.styles.mobileFixedHeader5_2(theme),
-          Boolean(modal.close) && _Modal.styles.headerWithClose(theme),
-          Boolean(modal.close) && layout.isMobile && _Modal.styles.mobileHeaderWithClose(theme)
+        className: cx(
+          styles.header(theme),
+          layout.isMobile && styles.mobileHeader(theme),
+          Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),
+          fixed && styles.fixedHeader(theme),
+          cutTitleOnStuck && fixed && styles.titleCut(),
+          fixed && layout.isMobile && styles.mobileFixedHeader(theme),
+          Boolean(modal.close) && styles.headerWithClose(theme),
+          Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme)
         ) },
       modal.close && /*#__PURE__*/
@@ -81,7 +79,7 @@ function ModalHeader(props) {
   };
   var getStickyOffset = function getStickyOffset() {
-    if (versionGTE5_2 && layout.isMobile && !modal.mobileOnFullScreen) {
+    if (layout.isMobile && !modal.mobileOnFullScreen) {
       return parseInt(theme.mobileModalContainerMarginTop);
     }
     return 0;