npm - @skbkontur/react-ui - Versions diffs - 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72 - Mend

@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72

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 (1181) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Modal.styles.ts"],"names":["memoizeStyle","prefix","resetButton","modalGlobalClasses","root","container","getStyles","emotion","css","bg","t","modalBackBg","modalBackOpacity","containerMobile","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","window","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","centerContainer","mobileCenterContainer","alignTop","close","padding","parseInt","modalCloseButtonPadding","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","mobileClose","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","mobileCloseWithoutHeader","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","legacyGap","modalCloseWrapperLegacyGap","legacyShift","modalCloseButtonLegacyShift","blockSizeX","blockSizeY","mobileCloseWrapper","size","bgDefault","disabled","modalCloseButtonDisabledColor","focus","borderColorFocus","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","body","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","modalCloseLegacyGap","mobileHeaderWithClose","footer","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","mobileModalFooterPadding","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","fixedFooter","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedPanel","modalFixedPanelShadow","headerAddPadding","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","modalPaddingTop","mobileBodyWithoutHeader","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","mobileBodyAddPaddingForPanel","columnFlexContainer","modalSeparatorWrapper","modalSeparator","modalSeparatorBorderBottom","modalSeparatorFixed"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { 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 = (emotion: Emotion) =>\n memoizeStyle({\n root() {\n return emotion.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 emotion.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 emotion.css`\n position: relative;\n white-space: nowrap;\n text-align: center;\n height: 100%;\n overflow-y: auto;\n outline: none;\n\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 containerMobile(t: Theme) {\n return emotion.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 window(t: Theme) {\n return emotion.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 emotion.css`\n width: 100%;\n height: 100%;\n overflow: auto;\n `;\n },\n\n centerContainer() {\n return emotion.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 emotion.css`\n margin: 0;\n width: 100%;\n height: 100%;\n `;\n },\n\n alignTop() {\n return emotion.css`\n vertical-align: top;\n `;\n },\n\n close(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n return emotion.css`\n ${resetButton(emotion)};\n position: absolute;\n display: flex;\n right: ${padding}px;\n top: ${padding}px;\n background: none;\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 mobileClose(t: Theme) {\n return emotion.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 mobileCloseWithoutHeader() {\n return emotion.css`\n position: static;\n `;\n },\n\n closeWrapper(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n const legacyGap = parseInt(t.modalCloseWrapperLegacyGap);\n const legacyShift = parseInt(t.modalCloseButtonLegacyShift);\n const blockSizeX = parseInt(t.modalCloseIconSize) + 2 padding - legacyShift;\n const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom + legacyGap;\n return emotion.css`\n position: relative;\n float: right;\n width: ${blockSizeX + legacyGap}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 emotion.css`\n position: absolute;\n right: ${t.mobileModalCloseButtonRightPadding};\n top: ${t.mobileModalCloseButtonTopPadding};\n padding: 0px;\n margin: 0px;\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 disabled(t: Theme) {\n return emotion.css`\n pointer-events: none;\n cursor: default;\n color: ${t.modalCloseButtonDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return emotion.css`\n color: ${t.modalCloseButtonHoverColor};\n outline: 2px solid ${t.borderColorFocus};\n `;\n },\n\n header(t: Theme) {\n return emotion.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 mobileHeader(t: Theme) {\n return emotion.css`\n position: relative;\n font-size: ${t.mobileModalHeaderFontSize};\n line-height: ${t.mobileModalHeaderLineHeight};\n padding: ${t.mobileModalHeaderPadding};\n `;\n },\n\n body(t: Theme) {\n return emotion.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 emotion.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 =\n 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize) + parseInt(t.modalCloseLegacyGap);\n\n return emotion.css`\n padding-right: ${rightPadding}px;\n `;\n },\n\n mobileHeaderWithClose(t: Theme) {\n return emotion.css`\n padding-right: ${2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize)}px;\n `;\n },\n\n footer(t: Theme) {\n return emotion.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 emotion.css`\n padding: ${t.mobileModalFooterPadding};\n `;\n },\n\n panel(t: Theme) {\n return emotion.css`\n padding-top: ${t.modalFooterPanelPaddingTop};\n padding-bottom: ${t.modalFooterPanelPaddingBottom};\n background: ${t.modalFooterBg};\n `;\n },\n\n fixedHeader(t: Theme) {\n return emotion.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 mobileFixedHeader(t: Theme) {\n return emotion.css`\n padding-bottom: ${t.mobileModalHeaderPadding};\n `;\n },\n\n fixedFooter(t: Theme) {\n return emotion.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 fixedPanel(t: Theme) {\n return emotion.css`\n &:before {\n box-shadow: ${t.modalFixedPanelShadow};\n }\n `;\n },\n\n headerAddPadding(t: Theme) {\n return emotion.css`\n padding-bottom: ${t.modalHeaderAdditionalPaddingBottom};\n `;\n },\n\n bodyWithoutHeader(t: Theme) {\n return emotion.css`\n padding-top: ${t.modalPaddingTop};\n `;\n },\n\n mobileBodyWithoutHeader() {\n return emotion.css`\n padding-top: 0px;\n `;\n },\n\n bodyWithoutPadding() {\n return emotion.css`\n padding: 0;\n `;\n },\n\n bodyAddPaddingForPanel(t: Theme) {\n return emotion.css`\n padding-bottom: ${t.modalPaddingBottom};\n `;\n },\n\n mobileBodyAddPaddingForPanel(t: Theme) {\n return emotion.css`\n padding: ${t.mobileModalBodyPadding};\n `;\n },\n\n columnFlexContainer() {\n return emotion.css`\n height: 100%;\n display: flex;\n flex-flow: column;\n overflow-y: auto;\n `;\n },\n\n modalSeparatorWrapper() {\n return emotion.css`\n position: absolute;\n width: 100%;\n `;\n },\n\n modalSeparator(t: Theme) {\n return emotion.css`\n border-bottom: ${t.modalSeparatorBorderBottom};\n margin: 0 32px;\n transition: margin 0.3s;\n `;\n },\n\n modalSeparatorFixed() {\n return emotion.css`\n margin: 0 16px;\n `;\n },\n });\n"]}
1	+ {"version":3,"sources":["Modal.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","modalGlobalClasses","root","container","styles","bg","t","modalBackBg","modalBackOpacity","containerMobile","mobileModalContainerHeight","mobileModalContainerMarginTop","mobileModalContainerMarginRight","mobileModalContainerMarginBottom","mobileModalContainerMarginLeft","window","modalWindowShadow","modalBg","modalBorderRadius","mobileWindow","centerContainer","mobileCenterContainer","alignTop","close","padding","parseInt","modalCloseButtonPadding","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","modalCloseIconSize","mobileClose","mobileModalCloseButtonRightPadding","mobileModalCloseButtonTopPadding","mobileModalHeaderPadding","mobileModalCloseButtonClickArea","mobileModalCloseIconSize","mobileCloseWithoutHeader","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","legacyGap","modalCloseWrapperLegacyGap","legacyShift","modalCloseButtonLegacyShift","blockSizeX","blockSizeY","mobileCloseWrapper","size","bgDefault","disabled","modalCloseButtonDisabledColor","focus","borderColorFocus","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","modalHeaderTextColor","modalHeaderFontWeight","mobileHeader","mobileModalHeaderFontSize","mobileModalHeaderLineHeight","body","modalBodyBorderRadius","modalBodyPaddingTop","modalBodyPaddingBottom","modalBodyTextColor","mobileBody","mobileModalBodyPadding","mobileModalBodyFontSize","headerWithClose","rightPadding","modalCloseLegacyGap","mobileHeaderWithClose","footer","modalFooterPaddingTop","modalFooterPaddingBottom","modalFooterTextColor","mobileFooter","mobileModalFooterPadding","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderMarginBottom","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderBorder","modalFixedHeaderShadow","mobileFixedHeader","fixedFooter","modalFixedFooterPaddingTop","modalFixedFooterMarginTop","modalFixedFooterBorder","modalFixedFooterShadow","fixedPanel","modalFixedPanelShadow","headerAddPadding","modalHeaderAdditionalPaddingBottom","bodyWithoutHeader","modalPaddingTop","mobileBodyWithoutHeader","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","mobileBodyAddPaddingForPanel","columnFlexContainer","modalSeparatorWrapper","modalSeparator","modalSeparatorBorderBottom","modalSeparatorFixed"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { 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 &::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 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 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 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 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: none;\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 mobileClose(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 mobileCloseWithoutHeader() {\n return css`\n position: static;\n `;\n },\n\n closeWrapper(t: Theme) {\n const padding = parseInt(t.modalCloseButtonPadding);\n const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n const legacyGap = parseInt(t.modalCloseWrapperLegacyGap);\n const legacyShift = parseInt(t.modalCloseButtonLegacyShift);\n const blockSizeX = parseInt(t.modalCloseIconSize) + 2 padding - legacyShift;\n const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom + legacyGap;\n return css`\n position: relative;\n float: right;\n width: ${blockSizeX + legacyGap}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: 0px;\n margin: 0px;\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 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 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 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 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 =\n 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize) + parseInt(t.modalCloseLegacyGap);\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 mobileFixedHeader(t: Theme) {\n return css`\n padding-bottom: ${t.mobileModalHeaderPadding};\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 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: 0px;\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 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: 0 32px;\n transition: margin 0.3s;\n `;\n },\n\n modalSeparatorFixed() {\n return css`\n margin: 0 16px;\n `;\n },\n});\n"]}

package/components/Modal/Modal.styles.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
 export declare const modalGlobalClasses: {
     root: string;
     container: string;
 };
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(): string;
     bg(t: Theme): string;
     container(): string;

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

@@ -4,16 +4,16 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _class2, _temp;
 import React from 'react';
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ZIndex } from "../../../internal/ZIndex";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
 import { responsiveLayout } from "../../ResponsiveLayout/decorator";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { ResizeDetector } from "../../../internal/ResizeDetector";
 import { rootNode } from "../../../lib/rootNode";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { ThemeConsumer, ThemeProvider } from "../../../lib/theming/ThemeContext";
 import { ModalContext } from "../ModalContext";
-import { getStyles } from "../Modal.styles";
+import { styles } from "../Modal.styles";
 import { getModalBodyTheme } from "../getModalBodyTheme";
 export
 /**
@@ -45,14 +45,11 @@ var ModalBody = responsiveLayout(_class = rootNode(_class = (_temp = _class2 = /
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
-        _this2.theme = getModalBodyTheme(theme);
-        return /*#__PURE__*/React.createElement(ThemeProvider, {
-          value: _this2.theme
-        }, _this2.renderMain());
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = getModalBodyTheme(theme);
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: _this2.theme
+      }, _this2.renderMain());
     });
   };
@@ -60,16 +57,15 @@ var ModalBody = responsiveLayout(_class = rootNode(_class = (_temp = _class2 = /
     var _this3 = this;
     var noPadding = this.props.noPadding;
-    var styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ModalContext.Consumer, null, function (_ref) {
-      var _this3$emotion$cx;
+      var _cx;
       var additionalPadding = _ref.additionalPadding,
           hasHeader = _ref.hasHeader;
       return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
         rootNodeRef: _this3.setRootNode
       }, _this3.props), /*#__PURE__*/React.createElement(ZIndex, {
-        className: _this3.emotion.cx((_this3$emotion$cx = {}, _this3$emotion$cx[styles.body(_this3.theme)] = true, _this3$emotion$cx[styles.mobileBody(_this3.theme)] = _this3.isMobileLayout, _this3$emotion$cx[styles.bodyWithoutHeader(_this3.theme)] = !hasHeader, _this3$emotion$cx[styles.mobileBodyWithoutHeader()] = !hasHeader && _this3.isMobileLayout, _this3$emotion$cx[styles.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _this3$emotion$cx[styles.mobileBodyAddPaddingForPanel(_this3.theme)] = additionalPadding && _this3.isMobileLayout, _this3$emotion$cx[styles.bodyWithoutPadding()] = noPadding, _this3$emotion$cx))
+        className: cx((_cx = {}, _cx[styles.body(_this3.theme)] = true, _cx[styles.mobileBody(_this3.theme)] = _this3.isMobileLayout, _cx[styles.bodyWithoutHeader(_this3.theme)] = !hasHeader, _cx[styles.mobileBodyWithoutHeader()] = !hasHeader && _this3.isMobileLayout, _cx[styles.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _cx[styles.mobileBodyAddPaddingForPanel(_this3.theme)] = additionalPadding && _this3.isMobileLayout, _cx[styles.bodyWithoutPadding()] = noPadding, _cx))
       }, _this3.isMobileLayout ? /*#__PURE__*/React.createElement(ResizeDetector, {
         onResize: _this3.handleResize
       }, _this3.props.children) : _this3.props.children));

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalBody.tsx"],"names":["React","ZIndex","CommonWrapper","responsiveLayout","LayoutEvents","ResizeDetector","rootNode","~~EmotionConsumer","ThemeConsumer","ThemeProvider","~~ModalContext","~~getStyles~~","getModalBodyTheme","ModalBody","handleResize","emit","render","~~emotion","~~theme","renderMain","noPadding","props","~~styles","~~additionalPadding","hasHeader","setRootNode","~~cx","~~body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","bodyWithoutPadding","children","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB~~;;;;AAIA~~,SAASC,MAAT,QAAuB,uBAAvB;AACA,~~SAAsBC~~,~~aAAtB~~,QAA2C,8BAA3C;AACA,SAASC,gBAAT,QAAiC,+BAAjC;AACA,OAAO,KAAKC,YAAZ,MAA8B,wBAA9B;AACA,SAASC,cAAT,QAA+B,+BAA/B;AACA,SAASC,QAAT,QAAuC,oBAAvC~~;AACA,SAASC,eAAT,QAAgC,2BAAhC;AACA,SAASC,aAAT,EAAwBC,aAAxB,QAA6C,gCAA7C~~;;AAEA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,~~SAAT~~,~~QAA0B~~,~~gBAA1B~~;AACA,SAASC,iBAAT,QAAkC,qBAAlC;;;;;;;;;;;;;;;;AAgBA,OAPA;AACA;AACA;AACA;AACA,GAGA,IAAaC,SAAb,~~GAFCV~~,gBAED,UADCG,QACD~~;;;;;;;;;;;;;;;;;;;;;;;;AA4BUQ~~,IAAAA,~~YA5BV~~,~~GA4ByB~~,YAAM;~~AAC3BV~~,MAAAA,YAAY,~~CAACW~~,IAAb;AACD,~~KA9BH~~,~~uDAUSC~~,~~MAVT~~,~~GAUE~~,kBAAgB,mBACd,oBACE,oBAAC,~~eAAD~~,~~QACG~~,~~UAACC~~,~~OAAD,EAAa,CACZ,MAAI,CAACA,OAAL,GAAeA,OAAf,CACA,oBACE,oBAAC,aAAD,~~QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,~~GAAaN~~,iBAAiB,~~CAACM~~,KAAD,CAA9B,CACA,oBAAO,oBAAC,~~aAAD~~,~~IAAe~~,KAAK,EAAE,MAAI,CAACA,~~KAA3B~~,~~IAAmC~~,MAAI,CAACC,UAAL,~~EAAnC~~,CAAP,CACD,CAJH,CADF,CAQD,~~CAXH,CADF,CAeD,CA1BH~~;;~~AAgCSA~~,EAAAA,~~UAhCT~~,~~GAgCE~~,sBAAiC;AAC/B,QAAQC,SAAR,GAAsB,KAAKC,KAA3B,CAAQD,SAAR;AACA~~,QAAME,MAAM,GAAGX,SAAS,CAAC,KAAKM,OAAN,CAAxB;;AAEA~~;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,~~iDAAGM~~,iBAAH,QAAGA,iBAAH,CAAsBC,SAAtB,QAAsBA,SAAtB;AACC,8BAAC,aAAD,aAAe,WAAW,EAAE,MAAI,CAACC,WAAjC,IAAkD,MAAI,~~CAACJ~~,KAAvD;AACE,8BAAC,MAAD;AACE,YAAA,SAAS,EAAE~~,MAAI,CAACJ,OAAL,CAAaS,EAAb~~;~~AACRJ~~,YAAAA,MAAM,~~CAACK~~,IAAP,CAAY,MAAI,~~CAACT~~,KAAjB,~~CADQ~~,~~IACkB~~,~~IADlB~~;~~AAERI~~,YAAAA,MAAM,~~CAACM~~,UAAP,CAAkB,MAAI,~~CAACV~~,KAAvB,~~CAFQ~~,~~IAEwB~~,MAAI,~~CAACW~~,~~cAF7B~~;~~AAGRP~~,YAAAA,MAAM,~~CAACQ~~,iBAAP,CAAyB,MAAI,~~CAACZ~~,KAA9B,~~CAHQ~~,~~IAG+B~~,~~CAACM~~,~~SAHhC~~;~~AAIRF~~,YAAAA,MAAM,~~CAACS~~,uBAAP,~~EAJQ~~,~~IAI2B~~,~~CAACP~~,SAAD,IAAc,MAAI,~~CAACK~~,~~cAJ9C~~;~~AAKRP~~,YAAAA,MAAM,~~CAACU~~,sBAAP,CAA8B,MAAI,~~CAACd~~,KAAnC,~~CALQ~~,~~IAKoCK~~,~~iBALpC~~;~~AAMRD~~,YAAAA,MAAM,~~CAACW~~,4BAAP,CAAoC,MAAI,~~CAACf~~,KAAzC,~~CANQ~~,~~IAM0CK~~,iBAAiB,IAAI,MAAI,~~CAACM~~,~~cANpE~~;~~AAORP~~,YAAAA,MAAM,~~CAACY~~,kBAAP,~~EAPQ~~,~~IAOsBd~~,~~SAPtB~~,~~qBADb~~;;;AAWG,UAAA,MAAI,~~CAACS~~,cAAL;AACC,8BAAC,cAAD,IAAgB,QAAQ,EAAE,MAAI,~~CAACf~~,YAA/B,IAA8C,MAAI,~~CAACO~~,KAAL,~~CAAWc~~,QAAzD,CADD;;AAGC,UAAA,MAAI,~~CAACd~~,KAAL,~~CAAWc~~,QAdf,CADF,CADD,GADH,CADF;;;;;;;AAyBD,~~GA7DH~~,oBAA+~~BnC~~,KAAK,~~CAACoC~~,SAArC,WACgBC,mBADhB,GACsC,WADtC,UAEgBC,WAFhB,GAE8B,WAF9B,UAGgBC,cAHhB,GAGiC,IAHjC","sourcesContent":["import React from 'react';\nimport ~~type~~ { ~~Emotion~~ } from '~~@emotion~~/~~css~~/~~create-instance~~';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { ~~CommonProps~~, ~~CommonWrapper~~ } from '../../internal/CommonWrapper';\nimport { ~~responsiveLayout~~ } from '~~../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '~~../../lib/~~LayoutEvents~~';\nimport { ~~ResizeDetector~~ } from '~~../../internal~~/~~ResizeDetector~~';\nimport { ~~rootNode,~~ ~~TSetRootNode~~ } from '../../lib/~~rootNode~~';\nimport { ~~EmotionConsumer~~ } from '../../~~lib~~/~~theming/Emotion~~';\nimport { ~~ThemeConsumer~~, ~~ThemeProvider~~ } from '../../lib/~~theming/ThemeContext~~';\n\nimport { ModalContext } from './ModalContext';\nimport { ~~getStyles~~ } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\n\nexport interface ModalBodyProps extends CommonProps {\n /*\n убирает отступы\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 ~~emotion!: Emotion;\n private~~ isMobileLayout!: boolean;\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <~~EmotionConsumer~~>\n {(~~emotion~~) => {\n this.~~emotion = emotion;\n return (\n <ThemeConsumer>\n {(~~theme) ~~=> {\n this.theme~~ = getModalBodyTheme(theme);\n return <~~ThemeProvider~~ value={this.theme}>{this.renderMain()}</~~ThemeProvider~~>;\n ~~}}\n </ThemeConsumer>\n );\n~~ }}\n </~~EmotionConsumer~~>\n );\n }\n\n private handleResize = () => {\n LayoutEvents.emit();\n };\n\n public renderMain(): JSX.Element {\n const { noPadding } = this.props;\n ~~const styles = getStyles(this.emotion);\n\n~~ return (\n <ModalContext.Consumer>\n {({ additionalPadding, hasHeader }) => (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <ZIndex\n className={~~this.emotion.~~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.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"]}
1	+ {"version":3,"sources":["ModalBody.tsx"],"names":["React","ThemeContext","ZIndex","CommonWrapper","cx","responsiveLayout","LayoutEvents","ResizeDetector","rootNode","ModalContext","styles","getModalBodyTheme","ModalBody","handleResize","emit","render","theme","renderMain","noPadding","props","additionalPadding","hasHeader","setRootNode","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","bodyWithoutPadding","children","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,gBAAT,QAAiC,+BAAjC;AACA,OAAO,KAAKC,YAAZ,MAA8B,wBAA9B;AACA,SAASC,cAAT,QAA+B,+BAA/B;AACA,SAASC,QAAT,QAAuC,oBAAvC;;AAEA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,MAAT,QAAuB,gBAAvB;AACA,SAASC,iBAAT,QAAkC,qBAAlC;;;;;;;;;;;;;;;;AAgBA,OAPA;AACA;AACA;AACA;AACA,GAGA,IAAaC,SAAb,GAFCP,gBAED,UADCG,QACD;;;;;;;;;;;;;;;;AAoBUK,IAAAA,YApBV,GAoByB,YAAM;AAC3BP,MAAAA,YAAY,CAACQ,IAAb;AACD,KAtBH,uDASSC,MATT,GASE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAACC,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaL,iBAAiB,CAACK,KAAD,CAA9B,CACA,oBAAO,oBAAC,YAAD,CAAc,QAAd,IAAuB,KAAK,EAAE,MAAI,CAACA,KAAnC,IAA2C,MAAI,CAACC,UAAL,EAA3C,CAAP,CACD,CAJH,CADF,CAQD,CAlBH;;AAwBSA,EAAAA,UAxBT,GAwBE,sBAAiC;AAC/B,QAAQC,SAAR,GAAsB,KAAKC,KAA3B,CAAQD,SAAR;AACA;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,mCAAGE,iBAAH,QAAGA,iBAAH,CAAsBC,SAAtB,QAAsBA,SAAtB;AACC,8BAAC,aAAD,aAAe,WAAW,EAAE,MAAI,CAACC,WAAjC,IAAkD,MAAI,CAACH,KAAvD;AACE,8BAAC,MAAD;AACE,YAAA,SAAS,EAAEf,EAAE;AACVM,YAAAA,MAAM,CAACa,IAAP,CAAY,MAAI,CAACP,KAAjB,CADU,IACgB,IADhB;AAEVN,YAAAA,MAAM,CAACc,UAAP,CAAkB,MAAI,CAACR,KAAvB,CAFU,IAEsB,MAAI,CAACS,cAF3B;AAGVf,YAAAA,MAAM,CAACgB,iBAAP,CAAyB,MAAI,CAACV,KAA9B,CAHU,IAG6B,CAACK,SAH9B;AAIVX,YAAAA,MAAM,CAACiB,uBAAP,EAJU,IAIyB,CAACN,SAAD,IAAc,MAAI,CAACI,cAJ5C;AAKVf,YAAAA,MAAM,CAACkB,sBAAP,CAA8B,MAAI,CAACZ,KAAnC,CALU,IAKkCI,iBALlC;AAMVV,YAAAA,MAAM,CAACmB,4BAAP,CAAoC,MAAI,CAACb,KAAzC,CANU,IAMwCI,iBAAiB,IAAI,MAAI,CAACK,cANlE;AAOVf,YAAAA,MAAM,CAACoB,kBAAP,EAPU,IAOoBZ,SAPpB,OADf;;;AAWG,UAAA,MAAI,CAACO,cAAL;AACC,8BAAC,cAAD,IAAgB,QAAQ,EAAE,MAAI,CAACZ,YAA/B,IAA8C,MAAI,CAACM,KAAL,CAAWY,QAAzD,CADD;;AAGC,UAAA,MAAI,CAACZ,KAAL,CAAWY,QAdf,CADF,CADD,GADH,CADF;;;;;;;AAyBD,GAnDH,oBAA+B/B,KAAK,CAACgC,SAArC,WACgBC,mBADhB,GACsC,WADtC,UAEgBC,WAFhB,GAE8B,WAF9B,UAGgBC,cAHhB,GAGiC,IAHjC","sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } 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 { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\n\nexport interface ModalBodyProps extends CommonProps {\n /*\n убирает отступы\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 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 { noPadding } = this.props;\n return (\n <ModalContext.Consumer>\n {({ additionalPadding, hasHeader }) => (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <ZIndex\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.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"]}

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

@@ -16,7 +16,6 @@ export declare class ModalBody extends React.Component<ModalBodyProps> {
     static displayName: string;
     static __MODAL_BODY__: boolean;
     private theme;
-    private emotion;
     private isMobileLayout;
     private setRootNode;
     render(): JSX.Element;

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

@@ -1,17 +1,17 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["disableClose", "requestClose"];
-import React from 'react';
+import React, { useContext } from 'react';
 import { globalObject } from '@skbkontur/global-object';
 import { useLocaleForControl } from "../../../lib/locale/useLocaleForControl";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CrossIcon } from "../../../internal/icons/CrossIcon";
-import { useEmotion } from "../../../lib/theming/Emotion";
+import { cx } from "../../../lib/theming/Emotion";
 import { keyListener } from "../../../lib/events/keyListener";
 import { ResponsiveLayout } from "../../ResponsiveLayout";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
 import { XIcon20Regular } from "../../../internal/icons2022/XIcon/XIcon20Regular";
-import { useTheme } from "../../../lib/theming/useTheme";
-import { getStyles } from "../Modal.styles";
+import { styles } from "../Modal.styles";
 import { ModalDataTids } from "../Modal";
 import { ModalLocaleHelper } from "../locale";
 export function ModalClose(_ref) {
@@ -19,9 +19,8 @@ export function ModalClose(_ref) {
       requestClose = _ref.requestClose,
       otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var emotion = useEmotion();
   var locale = useLocaleForControl('Modal', ModalLocaleHelper);
-  var theme = useTheme();
+  var theme = useContext(ThemeContext);
   var _React$useState = React.useState(false),
       focusedByTab = _React$useState[0],
@@ -44,14 +43,13 @@ export function ModalClose(_ref) {
   var icon = isTheme2022(theme) ? /*#__PURE__*/React.createElement(XIcon20Regular, {
     align: "none"
   }) : /*#__PURE__*/React.createElement(CrossIcon, null);
-  var styles = getStyles(emotion);
   return /*#__PURE__*/React.createElement(CommonWrapper, otherProps, /*#__PURE__*/React.createElement(ResponsiveLayout, null, function (_ref2) {
-    var _emotion$cx;
+    var _cx;
     var isMobile = _ref2.isMobile;
     return /*#__PURE__*/React.createElement("button", {
       "aria-label": locale.closeButtonAriaLabel,
-      className: emotion.cx((_emotion$cx = {}, _emotion$cx[styles.close(theme)] = true, _emotion$cx[styles.mobileClose(theme)] = isMobile, _emotion$cx[styles.disabled(theme)] = disableClose, _emotion$cx[styles.focus(theme)] = focusedByTab, _emotion$cx)),
+      className: cx((_cx = {}, _cx[styles.close(theme)] = true, _cx[styles.mobileClose(theme)] = isMobile, _cx[styles.disabled(theme)] = disableClose, _cx[styles.focus(theme)] = focusedByTab, _cx)),
       onClick: requestClose,
       onFocus: handleFocus,
       onBlur: handleBlur,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalClose.tsx"],"names":["React","globalObject","useLocaleForControl","CrossIcon","~~useEmotion~~","keyListener","ResponsiveLayout","CommonWrapper","isTheme2022","XIcon20Regular","~~useTheme~~","~~getStyles","~~ModalDataTids","ModalLocaleHelper","ModalClose","disableClose","requestClose","otherProps","~~emotion","~~locale","theme","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","icon","~~styles","~~isMobile","closeButtonAriaLabel","~~cx","~~close","mobileClose","disabled","focus","__KONTUR_REACT_UI__","displayName"],"mappings":"qJAAA,OAAOA,KAAP,~~MAAkB~~,~~OAAlB~~;AACA,SAASC,YAAT,QAA6B,0BAA7B;;AAEA,SAASC,mBAAT,QAAoC,sCAApC;AACA,SAASC,SAAT,QAA0B,gCAA1B;AACA,SAASC,~~UAAT~~,~~QAA2B~~,~~2BAA3B~~;AACA,SAASC,WAAT,QAA4B,8BAA5B;AACA,SAASC,gBAAT,QAAiC,qBAAjC;AACA,SAASC,aAAT,QAA8B,8BAA9B;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,cAAT,QAA+B,+CAA/B~~;AACA,SAASC,QAAT,QAAyB,4BAAzB~~;;;AAGA,SAASC,~~SAAT~~,~~QAA0B~~,~~gBAA1B~~;AACA,SAASC,aAAT,QAA8B,SAA9B;AACA,SAASC,iBAAT,QAAkC,UAAlC;;AAEA,OAAO,SAASC,UAAT,OAA+E,KAAzDC,YAAyD,QAAzDA,YAAyD,CAA3CC,YAA2C,QAA3CA,YAA2C,CAA1BC,UAA0B;AACpF,MAAMC,~~OAAO,GAAGd,UAAU,EAA1B;AACA,MAAMe,~~MAAM,~~GAAGjB~~,mBAAmB,CAAC,OAAD,EAAUW,iBAAV,CAAlC;AACA,~~MAAMO~~,KAAK,~~GAAGV~~,~~QAAQ~~,~~EAAtB~~;AACA,~~wBAAwCV~~,KAAK,CAACqB,QAAN,CAAe,KAAf,CAAxC,CAAOC,YAAP,sBAAqBC,eAArB;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB;AACA;~~AACAvB~~,IAAAA,YAAY,~~CAACwB~~,qBAAb,~~oBAAAxB~~,YAAY,~~CAACwB~~,qBAAb,CAAqC,YAAM;AACzC,~~UAAIpB~~,WAAW,~~CAACqB~~,YAAhB,EAA8B;AAC5BH,QAAAA,eAAe,CAAC,IAAD,CAAf;AACD;AACF,KAJD;AAKD,GARD;;AAUA,MAAMI,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvBJ,IAAAA,eAAe,CAAC,KAAD,CAAf;AACD,GAFD;;AAIA,MAAMK,IAAI,~~GAAGpB~~,WAAW,~~CAACY~~,KAAD,CAAX,gBAAqB,oBAAC,cAAD,IAAgB,KAAK,EAAC,MAAtB,GAArB,gBAAuD,oBAAC,SAAD,OAApE~~;AACA,MAAMS,MAAM,GAAGlB,SAAS,CAACO,OAAD,CAAxB~~;;AAEA;AACE,wBAAC,aAAD,~~EAAmBD~~,UAAnB;AACE,wBAAC,gBAAD;AACG,~~0CAAGa~~,QAAH,SAAGA,QAAH;AACC;AACE,~~wBAAYX~~,MAAM,~~CAACY~~,oBADrB;AAEE,UAAA,SAAS,~~EAAEb~~,~~OAAO,CAACc,EAAR~~;~~AACRH~~,UAAAA,MAAM,~~CAACI~~,KAAP,~~CAAab~~,KAAb,~~CADQ~~,~~IACc~~,~~IADd~~;~~AAERS~~,UAAAA,MAAM,~~CAACK~~,WAAP,~~CAAmBd~~,KAAnB,~~CAFQ~~,~~IAEoBU~~,~~QAFpB~~;~~AAGRD~~,UAAAA,MAAM,~~CAACM~~,QAAP,~~CAAgBf~~,KAAhB,~~CAHQ~~,~~IAGiBL~~,~~YAHjB~~;~~AAIRc~~,UAAAA,MAAM,~~CAACO~~,KAAP,~~CAAahB~~,KAAb,~~CAJQ~~,~~IAIcE~~,~~YAJd~~,~~eAFb~~;;AAQE,UAAA,OAAO,~~EAAEN~~,YARX;AASE,UAAA,OAAO,~~EAAEQ~~,WATX;AAUE,UAAA,MAAM,EAAEG,UAVV;AAWE,~~sBAAUf~~,aAAa,~~CAACqB~~,KAX1B;AAYE,UAAA,QAAQ,~~EAAElB~~,YAAY,GAAG,CAAC,CAAJ,GAAQ,CAZhC;;~~AAcGa~~,QAAAA,IAdH,CADD,GADH,CADF,CADF;;;;;;AAwBD;;~~AAEDd~~,UAAU,~~CAACuB~~,mBAAX,GAAiC,YAAjC;~~AACAvB~~,UAAU,~~CAACwB~~,WAAX,GAAyB,YAAzB","sourcesContent":["import React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { ~~useEmotion~~ } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\~~nimport { useTheme } from '../../lib/theming/useTheme';\~~n\nimport { CloseProps } from './ModalContext';\nimport { ~~getStyles~~ } from './Modal.styles';\nimport { ModalDataTids } from './Modal';\nimport { ModalLocaleHelper } from './locale';\n\nexport function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps) {\n const ~~emotion = useEmotion();\n const~~ locale = useLocaleForControl('Modal', ModalLocaleHelper);\n const theme = ~~useTheme~~();\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 = isTheme2022(theme) ? <XIcon20Regular align=\"none\" /> : <CrossIcon />;\n ~~const styles = getStyles(emotion);\n~~\n return (\n <CommonWrapper {...otherProps}>\n <ResponsiveLayout>\n {({ isMobile }) => (\n <button\n aria-label={locale.closeButtonAriaLabel}\n className={~~emotion.~~cx({\n [styles.close(theme)]: true,\n [styles.mobileClose(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"]}
1	+ {"version":3,"sources":["ModalClose.tsx"],"names":["React","useContext","globalObject","useLocaleForControl","ThemeContext","CrossIcon","cx","keyListener","ResponsiveLayout","CommonWrapper","isTheme2022","XIcon20Regular","styles","ModalDataTids","ModalLocaleHelper","ModalClose","disableClose","requestClose","otherProps","locale","theme","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","icon","isMobile","closeButtonAriaLabel","close","mobileClose","disabled","focus","__KONTUR_REACT_UI__","displayName"],"mappings":"qJAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,YAAT,QAA6B,0BAA7B;;AAEA,SAASC,mBAAT,QAAoC,sCAApC;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0B,gCAA1B;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,WAAT,QAA4B,8BAA5B;AACA,SAASC,gBAAT,QAAiC,qBAAjC;AACA,SAASC,aAAT,QAA8B,8BAA9B;AACA,SAASC,WAAT,QAA4B,gCAA5B;AACA,SAASC,cAAT,QAA+B,+CAA/B;;;AAGA,SAASC,MAAT,QAAuB,gBAAvB;AACA,SAASC,aAAT,QAA8B,SAA9B;AACA,SAASC,iBAAT,QAAkC,UAAlC;;AAEA,OAAO,SAASC,UAAT,OAA+E,KAAzDC,YAAyD,QAAzDA,YAAyD,CAA3CC,YAA2C,QAA3CA,YAA2C,CAA1BC,UAA0B;AACpF,MAAMC,MAAM,GAAGhB,mBAAmB,CAAC,OAAD,EAAUW,iBAAV,CAAlC;AACA,MAAMM,KAAK,GAAGnB,UAAU,CAACG,YAAD,CAAxB;AACA,wBAAwCJ,KAAK,CAACqB,QAAN,CAAe,KAAf,CAAxC,CAAOC,YAAP,sBAAqBC,eAArB;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB;AACA;AACAtB,IAAAA,YAAY,CAACuB,qBAAb,oBAAAvB,YAAY,CAACuB,qBAAb,CAAqC,YAAM;AACzC,UAAIlB,WAAW,CAACmB,YAAhB,EAA8B;AAC5BH,QAAAA,eAAe,CAAC,IAAD,CAAf;AACD;AACF,KAJD;AAKD,GARD;;AAUA,MAAMI,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvBJ,IAAAA,eAAe,CAAC,KAAD,CAAf;AACD,GAFD;;AAIA,MAAMK,IAAI,GAAGlB,WAAW,CAACU,KAAD,CAAX,gBAAqB,oBAAC,cAAD,IAAgB,KAAK,EAAC,MAAtB,GAArB,gBAAuD,oBAAC,SAAD,OAApE;;AAEA;AACE,wBAAC,aAAD,EAAmBF,UAAnB;AACE,wBAAC,gBAAD;AACG,kCAAGW,QAAH,SAAGA,QAAH;AACC;AACE,wBAAYV,MAAM,CAACW,oBADrB;AAEE,UAAA,SAAS,EAAExB,EAAE;AACVM,UAAAA,MAAM,CAACmB,KAAP,CAAaX,KAAb,CADU,IACY,IADZ;AAEVR,UAAAA,MAAM,CAACoB,WAAP,CAAmBZ,KAAnB,CAFU,IAEkBS,QAFlB;AAGVjB,UAAAA,MAAM,CAACqB,QAAP,CAAgBb,KAAhB,CAHU,IAGeJ,YAHf;AAIVJ,UAAAA,MAAM,CAACsB,KAAP,CAAad,KAAb,CAJU,IAIYE,YAJZ,OAFf;;AAQE,UAAA,OAAO,EAAEL,YARX;AASE,UAAA,OAAO,EAAEO,WATX;AAUE,UAAA,MAAM,EAAEG,UAVV;AAWE,sBAAUd,aAAa,CAACkB,KAX1B;AAYE,UAAA,QAAQ,EAAEf,YAAY,GAAG,CAAC,CAAJ,GAAQ,CAZhC;;AAcGY,QAAAA,IAdH,CADD,GADH,CADF,CADF;;;;;;AAwBD;;AAEDb,UAAU,CAACoB,mBAAX,GAAiC,YAAjC;AACApB,UAAU,CAACqB,WAAX,GAAyB,YAAzB","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 { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\n\nimport { 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 = isTheme2022(theme) ? <XIcon20Regular align=\"none\" /> : <CrossIcon />;\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.mobileClose(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"]}

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

@@ -1,13 +1,13 @@
 import React, { useContext, useLayoutEffect } from 'react';
 import { getScrollWidth } from "../../../lib/dom/getScrollWidth";
 import { Sticky } from "../../Sticky";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { useEmotion } from "../../../lib/theming/Emotion";
+import { cx } from "../../../lib/theming/Emotion";
 import { useResponsiveLayout } from "../../ResponsiveLayout";
 import { Gapped } from "../../Gapped";
 import { isNonNullable } from "../../../lib/utils";
-import { useTheme } from "../../../lib/theming/useTheme";
-import { getStyles } from "../Modal.styles";
+import { styles } from "../Modal.styles";
 import { ModalContext } from "../ModalContext";
 import { ModalSeparator } from "../ModalSeparator";
 export var ModalFooterDataTids = {
@@ -20,8 +20,7 @@ export var ModalFooterDataTids = {
  */
 function ModalFooter(props) {
-  var emotion = useEmotion();
-  var theme = useTheme();
+  var theme = useContext(ThemeContext);
   var modal = useContext(ModalContext);
   var layout = useResponsiveLayout();
   var _props$sticky = props.sticky,
@@ -29,7 +28,6 @@ function ModalFooter(props) {
       gap = props.gap,
       panel = props.panel,
       children = props.children;
-  var styles = getStyles(emotion);
   useLayoutEffect(function () {
     modal.setHasFooter == null ? void 0 : modal.setHasFooter();
     modal.setHasPanel == null ? void 0 : modal.setHasPanel(panel);
@@ -48,7 +46,7 @@ function ModalFooter(props) {
       fixed: fixed
     }), /*#__PURE__*/React.createElement("div", {
       "data-tid": ModalFooterDataTids.root,
-      className: emotion.cx(styles.footer(theme), fixed && styles.fixedFooter(theme), Boolean(panel) && styles.panel(theme), fixed && Boolean(panel) && styles.fixedPanel(theme), layout.isMobile && styles.mobileFooter(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))
     }, isNonNullable(gap) ? /*#__PURE__*/React.createElement(Gapped, {
       vertical: layout.isMobile,
       gap: gap

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalFooter.tsx"],"names":["React","useContext","useLayoutEffect","getScrollWidth","Sticky","CommonWrapper","~~useEmotion~~","useResponsiveLayout","Gapped","isNonNullable","~~useTheme~~","~~getStyles","~~ModalContext","ModalSeparator","ModalFooterDataTids","root","ModalFooter","props","~~emotion","~~theme","modal","layout","sticky","isMobile","gap","panel","children","~~styles","~~setHasFooter","setHasPanel","renderContent","fixed","~~cx","~~footer","fixedFooter","Boolean","fixedPanel","mobileFooter","horizontalScroll","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,UAA3B,EAAuCC,eAAvC,QAA8D,OAA9D;;AAEA,SAASC,cAAT,QAA+B,8BAA/B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,~~SAAsBC~~,~~aAAtB~~,QAA2C,8BAA3C;AACA,SAASC,~~UAAT~~,~~QAA2B~~,~~2BAA3B~~;AACA,SAASC,mBAAT,QAAoC,qBAApC;AACA,SAASC,MAAT,QAAoC,WAApC;AACA,SAASC,aAAT,QAA8B,iBAA9B~~;AACA,SAASC,QAAT,QAAyB,4BAAzB~~;;AAEA,SAASC,~~SAAT~~,~~QAA0B~~,~~gBAA1B~~;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,cAAT,QAA+B,kBAA/B;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP;AACA;AACA;AACA;AACA;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AAC5C,MAAMC,~~OAAO~~,~~GAAGZ~~,UAAU,~~EAA1B;AACA~~,~~MAAMa~~,~~KAAK,GAAGT,QAAQ,EAAtB~~;AACA,~~MAAMU~~,KAAK,~~GAAGnB~~,UAAU,CAACW,YAAD,CAAxB;AACA,~~MAAMS~~,MAAM,~~GAAGd~~,mBAAmB,EAAlC;;AAEA,~~sBAA4DU~~,KAA5D,~~CAAQK~~,MAAR,CAAQA,MAAR,8BAAiB,CAACD,MAAM,CAACE,QAAzB,iBAAmCC,GAAnC,~~GAA4DP~~,KAA5D,~~CAAmCO~~,GAAnC,CAAwCC,KAAxC,~~GAA4DR~~,KAA5D,~~CAAwCQ~~,KAAxC,CAA+CC,QAA/C,~~GAA4DT~~,KAA5D,CAA+CS,QAA/C~~;AACA,MAAMC,MAAM,GAAGhB,SAAS,CAACO,OAAD,CAAxB~~;;~~AAEAhB~~,EAAAA,eAAe,CAAC,YAAM;~~AACpBkB~~,IAAAA,KAAK,~~CAACQ~~,YAAN,~~oBAAAR~~,KAAK,~~CAACQ~~,YAAN;~~AACAR~~,IAAAA,KAAK,~~CAACS~~,WAAN,~~oBAAAT~~,KAAK,~~CAACS~~,WAAN,~~CAAoBJ~~,KAApB;;AAEA,WAAO,YAAM;AACXL,MAAAA,KAAK,~~CAACQ~~,YAAN,~~oBAAAR~~,KAAK,~~CAACQ~~,YAAN,CAAqB,KAArB;~~AACAR~~,MAAAA,KAAK,~~CAACS~~,WAAN,~~oBAAAT~~,KAAK,~~CAACS~~,WAAN,CAAoB,KAApB;AACD,KAHD;AAID,GARc,EAQZ,~~CAACJ~~,KAAD,CARY,CAAf;;AAUA,~~MAAMK~~,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmB,KAAlBA,KAAkB,cAAlBA,KAAkB,GAAV,KAAU;AACvC;AACE;AACG,~~OAACN~~,KAAK,~~IAAIM~~,KAAV,kBAAoB,oBAAC,cAAD,IAAgB,KAAK,EAAEA,KAAvB,GADvB;AAEE;AACE,~~oBAAUjB~~,mBAAmB,CAACC,IADhC;AAEE,QAAA,SAAS,~~EAAEG~~,~~OAAO,CAACc,EAAR~~;~~AACTL~~,QAAAA,MAAM,~~CAACM~~,MAAP,~~CAAcd~~,KAAd,~~CADS~~;~~AAETY~~,QAAAA,KAAK,~~IAAIJ~~,MAAM,~~CAACO~~,WAAP,~~CAAmBf~~,KAAnB,~~CAFA~~;~~AAGTgB~~,QAAAA,OAAO,~~CAACV~~,KAAD,CAAP,~~IAAkBE~~,MAAM,~~CAACF~~,KAAP,CAAaN,KAAb,~~CAHT~~;~~AAITY~~,QAAAA,KAAK,~~IAAII~~,OAAO,~~CAACV~~,KAAD,CAAhB,~~IAA2BE~~,MAAM,~~CAACS~~,UAAP,~~CAAkBjB~~,KAAlB,~~CAJlB~~;~~AAKTE~~,QAAAA,MAAM,CAACE,QAAP,~~IAAmBI~~,MAAM,~~CAACU~~,YAAP,~~CAAoBlB~~,KAApB,~~CALV~~,~~CAFb~~;;;~~AAUGV~~,MAAAA,aAAa,~~CAACe~~,GAAD,CAAb;AACC,0BAAC,MAAD,IAAQ,QAAQ,EAAEH,MAAM,CAACE,QAAzB,EAAmC,GAAG,EAAEC,GAAxC;AACGE,MAAAA,QADH,CADD;;;AAKCA,MAAAA,QAfJ,CAFF,CADF;;;;;AAuBD,GAxBD;;AA0BA;AACE,wBAAC,aAAD,~~EAAmBT~~,KAAnB;~~AACGK~~,IAAAA,MAAM;AACL,wBAAC,MAAD,IAAQ,IAAI,EAAC,QAAb,EAAsB,MAAM,EAAEF,KAAK,~~CAACkB~~,gBAAN,~~GAAyBnC~~,cAAc,EAAvC,GAA4C,CAA1E;~~AACG2B~~,IAAAA,aADH,CADK;;;AAKLA,IAAAA,aAAa,EANjB,CADF;;;;AAWD;;~~AAEDd~~,WAAW,~~CAACuB~~,mBAAZ,GAAkC,aAAlC;~~AACAvB~~,WAAW,~~CAACwB~~,WAAZ,GAA0B,aAA1B;~~AACAxB~~,WAAW,~~CAACyB~~,gBAAZ,GAA+B,IAA/B;;AAEA,~~SAASzB~~,WAAT","sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ~~CommonProps,~~ CommonWrapper } from '../../internal/CommonWrapper';\nimport { ~~useEmotion~~ } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { Gapped, GappedProps } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\~~nimport { useTheme } from '../../lib/theming/useTheme';\~~n\nimport { ~~getStyles~~ } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n /*\n Включает серый цвет в футере\n /\n panel?: boolean;\n /\n Закрепляет футер снизу модального окна\n \n На десктопе по умолчанию равен `true`\n * На мобильных по умолчанию равен `false`\n /\n sticky?: boolean;\n /\n Контент футера\n /\n children?: ReactNode;\n /\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 ~~emotion = useEmotion();\n const~~ theme = ~~useTheme~~();\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n\n const { sticky = !layout.isMobile, gap, panel, children } = props;\n ~~const styles = getStyles(emotion);\n~~\n useLayoutEffect(() => {\n modal.setHasFooter?.();\n modal.setHasPanel?.(panel);\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={~~emotion.~~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 )}\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 return (\n <CommonWrapper {...props}>\n {sticky ? (\n <Sticky side=\"bottom\" offset={modal.horizontalScroll ? getScrollWidth() : 0}>\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"]}
1	+ {"version":3,"sources":["ModalFooter.tsx"],"names":["React","useContext","useLayoutEffect","getScrollWidth","Sticky","ThemeContext","CommonWrapper","cx","useResponsiveLayout","Gapped","isNonNullable","styles","ModalContext","ModalSeparator","ModalFooterDataTids","root","ModalFooter","props","theme","modal","layout","sticky","isMobile","gap","panel","children","setHasFooter","setHasPanel","renderContent","fixed","footer","fixedFooter","Boolean","fixedPanel","mobileFooter","horizontalScroll","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"mappings":"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","sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { Gapped, GappedProps } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\n\nimport { styles } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n /*\n Включает серый цвет в футере\n /\n panel?: boolean;\n /\n Закрепляет футер снизу модального окна\n \n На десктопе по умолчанию равен `true`\n * На мобильных по умолчанию равен `false`\n /\n sticky?: boolean;\n /\n Контент футера\n /\n children?: ReactNode;\n /\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?.();\n modal.setHasPanel?.(panel);\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 )}\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 return (\n <CommonWrapper {...props}>\n {sticky ? (\n <Sticky side=\"bottom\" offset={modal.horizontalScroll ? getScrollWidth() : 0}>\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"]}

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

@@ -1,10 +1,10 @@
 import React, { useContext, useLayoutEffect } from 'react';
 import { Sticky } from "../../Sticky";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { useEmotion } from "../../../lib/theming/Emotion";
+import { cx } from "../../../lib/theming/Emotion";
 import { useResponsiveLayout } from "../../ResponsiveLayout";
-import { useTheme } from "../../../lib/theming/useTheme";
-import { getStyles } from "../Modal.styles";
+import { styles } from "../Modal.styles";
 import { ModalClose } from "../ModalClose";
 import { ModalContext } from "../ModalContext";
 import { ModalSeparator } from "../ModalSeparator";
@@ -18,14 +18,12 @@ export var ModalHeaderDataTids = {
  */
 function ModalHeader(props) {
-  var emotion = useEmotion();
-  var theme = useTheme();
+  var theme = useContext(ThemeContext);
   var modal = useContext(ModalContext);
   var layout = useResponsiveLayout();
   var _props$sticky = props.sticky,
       sticky = _props$sticky === void 0 ? !layout.isMobile : _props$sticky,
       children = props.children;
-  var styles = getStyles(emotion);
   useLayoutEffect(function () {
     modal.setHasHeader == null ? void 0 : modal.setHasHeader();
     return function () {
@@ -40,7 +38,7 @@ function ModalHeader(props) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
       "data-tid": ModalHeaderDataTids.root,
-      className: emotion.cx(styles.header(theme), layout.isMobile && styles.mobileHeader(theme), Boolean(modal.additionalPadding) && styles.headerAddPadding(theme), fixed && styles.fixedHeader(theme), fixed && layout.isMobile && styles.mobileFixedHeader(theme), Boolean(modal.close) && styles.headerWithClose(theme), Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme))
+      className: cx(styles.header(theme), layout.isMobile && styles.mobileHeader(theme), Boolean(modal.additionalPadding) && styles.headerAddPadding(theme), fixed && styles.fixedHeader(theme), fixed && layout.isMobile && styles.mobileFixedHeader(theme), Boolean(modal.close) && styles.headerWithClose(theme), Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme))
     }, modal.close && /*#__PURE__*/React.createElement(ModalClose, {
       requestClose: modal.close.requestClose,
       disableClose: modal.close.disableClose

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalHeader.tsx"],"names":["React","useContext","useLayoutEffect","Sticky","~~CommonWrapper~~","~~useEmotion~~","~~useResponsiveLayout~~","~~useTheme~~","~~getStyles~~","ModalClose","ModalContext","ModalSeparator","ModalHeaderDataTids","root","ModalHeader","props","~~emotion","~~theme","modal","layout","sticky","isMobile","children","~~styles","~~setHasHeader","renderContent","fixed","~~cx","~~header","mobileHeader","Boolean","additionalPadding","headerAddPadding","fixedHeader","mobileFixedHeader","close","headerWithClose","mobileHeaderWithClose","requestClose","disableClose","__KONTUR_REACT_UI__","displayName","__MODAL_HEADER__"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,UAA3B,EAAuCC,eAAvC,QAA8D,OAA9D;;AAEA,SAASC,MAAT,QAAuB,WAAvB;AACA,~~SAAsBC~~,~~aAAtB~~,~~QAA2C~~,~~8BAA3C~~;AACA,SAASC,~~UAAT~~,~~QAA2B~~,~~2BAA3B~~;AACA,SAASC,~~mBAAT~~,~~QAAoC~~,~~qBAApC~~;AACA,SAASC,~~QAAT~~,~~QAAyB~~,~~4BAAzB~~;;AAEA,SAASC,~~SAAT~~,~~QAA0B~~,~~gBAA1B~~;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,cAAT,QAA+B,kBAA/B;;;;;;;AAOA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP;AACA;AACA;AACA;AACA;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AAC5C,MAAMC,~~OAAO~~,~~GAAGX~~,UAAU,~~EAA1B;AACA~~,~~MAAMY~~,~~KAAK,GAAGV,QAAQ,EAAtB~~;AACA,~~MAAMW~~,KAAK,~~GAAGjB~~,UAAU,CAACS,YAAD,CAAxB;AACA,~~MAAMS~~,MAAM,~~GAAGb~~,mBAAmB,EAAlC;;AAEA,~~sBAAgDS~~,KAAhD,~~CAAQK~~,MAAR,CAAQA,MAAR,8BAAiB,CAACD,MAAM,CAACE,QAAzB,iBAAmCC,QAAnC,~~GAAgDP~~,KAAhD,~~CAAmCO~~,QAAnC~~;AACA,MAAMC,MAAM,GAAGf,SAAS,CAACQ,OAAD,CAAxB~~;;~~AAEAd~~,EAAAA,eAAe,CAAC,YAAM;~~AACpBgB~~,IAAAA,KAAK,~~CAACM~~,YAAN,~~oBAAAN~~,KAAK,~~CAACM~~,YAAN;;AAEA,WAAO,~~oBAAMN~~,KAAK,~~CAACM~~,YAAZ,~~oBAAMN~~,KAAK,~~CAACM~~,YAAN,CAAqB,KAArB,CAAN,EAAP;AACD,GAJc,EAIZ,EAJY,CAAf;;AAMA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmB,KAAlBA,KAAkB,cAAlBA,KAAkB,GAAV,KAAU;AACvC;AACE;AACE;AACE,~~oBAAUd~~,mBAAmB,CAACC,IADhC;AAEE,QAAA,SAAS,~~EAAEG~~,~~OAAO,CAACW,EAAR~~;~~AACTJ~~,QAAAA,MAAM,~~CAACK~~,MAAP,~~CAAcX~~,KAAd,~~CADS~~;~~AAETE~~,QAAAA,MAAM,CAACE,QAAP,~~IAAmBE~~,MAAM,~~CAACM~~,YAAP,~~CAAoBZ~~,KAApB,~~CAFV~~;~~AAGTa~~,QAAAA,OAAO,~~CAACZ~~,KAAK,~~CAACa~~,iBAAP,CAAP,~~IAAoCR~~,MAAM,~~CAACS~~,gBAAP,~~CAAwBf~~,KAAxB,~~CAH3B~~;~~AAITS~~,QAAAA,KAAK,~~IAAIH~~,MAAM,~~CAACU~~,WAAP,~~CAAmBhB~~,KAAnB,~~CAJA~~;~~AAKTS~~,QAAAA,KAAK,~~IAAIP~~,MAAM,CAACE,QAAhB,~~IAA4BE~~,MAAM,~~CAACW~~,iBAAP,~~CAAyBjB~~,KAAzB,~~CALnB~~;~~AAMTa~~,QAAAA,OAAO,~~CAACZ~~,KAAK,~~CAACiB~~,KAAP,CAAP,~~IAAwBZ~~,MAAM,~~CAACa~~,eAAP,~~CAAuBnB~~,KAAvB,~~CANf~~;~~AAOTa~~,QAAAA,OAAO,~~CAACZ~~,KAAK,~~CAACiB~~,KAAP,CAAP,~~IAAwBhB~~,MAAM,CAACE,QAA/B,~~IAA2CE~~,MAAM,~~CAACc~~,qBAAP,~~CAA6BpB~~,KAA7B,~~CAPlC~~,~~CAFb~~;;;AAYGC,MAAAA,KAAK,~~CAACiB~~,KAAN;AACC,0BAAC,UAAD,IAAY,YAAY,~~EAAEjB~~,KAAK,~~CAACiB~~,KAAN,CAAYG,YAAtC,EAAoD,YAAY,~~EAAEpB~~,KAAK,~~CAACiB~~,KAAN,CAAYI,YAA9E,GAbJ;;~~AAeGjB~~,MAAAA,QAfH,CADF;;~~AAkBGI~~,MAAAA,KAAK,iBAAI,oBAAC,cAAD,IAAgB,KAAK,EAAEA,KAAvB,GAlBZ,CADF;;;AAsBD,GAvBD;;AAyBA;AACE,wBAAC,aAAD,~~EAAmBX~~,KAAnB,~~EAA2BK~~,MAAM,gBAAG,oBAAC,MAAD,IAAQ,IAAI,EAAC,KAAb,~~IAAoBK~~,aAApB,CAAH,GAAiDA,aAAa,EAA/F,CADF;;AAGD;;~~AAEDX~~,WAAW,~~CAAC0B~~,mBAAZ,GAAkC,aAAlC;~~AACA1B~~,WAAW,~~CAAC2B~~,WAAZ,GAA0B,aAA1B;~~AACA3B~~,WAAW,~~CAAC4B~~,gBAAZ,GAA+B,IAA/B;;AAEA,~~SAAS5B~~,WAAT","sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { ~~CommonProps,~~ ~~CommonWrapper~~ } from '../../~~internal~~/~~CommonWrapper~~';\nimport { ~~useEmotion~~ } from '../../~~lib~~/~~theming/Emotion~~';\nimport { ~~useResponsiveLayout~~ } from '~~../ResponsiveLayout~~';\nimport { ~~useTheme~~ } from '~~../../lib/theming/useTheme~~';\n\nimport { ~~getStyles~~ } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalHeaderProps extends CommonProps {\n sticky?: boolean;\n children?: ReactNode;\n}\n\nexport const ModalHeaderDataTids = {\n root: 'ModalHeader__root',\n} as const;\n\n/*\n Шапка модального окна\n \n @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n const ~~emotion = useEmotion();\n const~~ theme = ~~useTheme~~();\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n\n const { sticky = !layout.isMobile, children } = props;\n ~~const styles = getStyles(emotion);\n~~\n useLayoutEffect(() => {\n modal.setHasHeader?.();\n\n return () => modal.setHasHeader?.(false);\n }, []);\n\n const renderContent = (fixed = false) => {\n return (\n <div>\n <div\n data-tid={ModalHeaderDataTids.root}\n className={~~emotion.~~cx(\n styles.header(theme),\n layout.isMobile && styles.mobileHeader(theme),\n Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),\n fixed && styles.fixedHeader(theme),\n fixed && layout.isMobile && styles.mobileFixedHeader(theme),\n Boolean(modal.close) && styles.headerWithClose(theme),\n Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme),\n )}\n >\n {modal.close && (\n <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />\n )}\n {children}\n </div>\n {fixed && <ModalSeparator fixed={fixed} />}\n </div>\n );\n };\n\n return (\n <CommonWrapper {...props}>{sticky ? <Sticky side=\"top\">{renderContent}</Sticky> : renderContent()}</CommonWrapper>\n );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.displayName = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"]}
1	+ {"version":3,"sources":["ModalHeader.tsx"],"names":["React","useContext","useLayoutEffect","Sticky","ThemeContext","CommonWrapper","cx","useResponsiveLayout","styles","ModalClose","ModalContext","ModalSeparator","ModalHeaderDataTids","root","ModalHeader","props","theme","modal","layout","sticky","isMobile","children","setHasHeader","renderContent","fixed","header","mobileHeader","Boolean","additionalPadding","headerAddPadding","fixedHeader","mobileFixedHeader","close","headerWithClose","mobileHeaderWithClose","requestClose","disableClose","__KONTUR_REACT_UI__","displayName","__MODAL_HEADER__"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,UAA3B,EAAuCC,eAAvC,QAA8D,OAA9D;;AAEA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,aAAT,QAA2C,8BAA3C;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,mBAAT,QAAoC,qBAApC;;AAEA,SAASC,MAAT,QAAuB,gBAAvB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,cAAT,QAA+B,kBAA/B;;;;;;;AAOA,OAAO,IAAMC,mBAAmB,GAAG;AACjCC,EAAAA,IAAI,EAAE,mBAD2B,EAA5B;;;AAIP;AACA;AACA;AACA;AACA;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AAC5C,MAAMC,KAAK,GAAGf,UAAU,CAACG,YAAD,CAAxB;AACA,MAAMa,KAAK,GAAGhB,UAAU,CAACS,YAAD,CAAxB;AACA,MAAMQ,MAAM,GAAGX,mBAAmB,EAAlC;;AAEA,sBAAgDQ,KAAhD,CAAQI,MAAR,CAAQA,MAAR,8BAAiB,CAACD,MAAM,CAACE,QAAzB,iBAAmCC,QAAnC,GAAgDN,KAAhD,CAAmCM,QAAnC;;AAEAnB,EAAAA,eAAe,CAAC,YAAM;AACpBe,IAAAA,KAAK,CAACK,YAAN,oBAAAL,KAAK,CAACK,YAAN;;AAEA,WAAO,oBAAML,KAAK,CAACK,YAAZ,oBAAML,KAAK,CAACK,YAAN,CAAqB,KAArB,CAAN,EAAP;AACD,GAJc,EAIZ,EAJY,CAAf;;AAMA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmB,KAAlBA,KAAkB,cAAlBA,KAAkB,GAAV,KAAU;AACvC;AACE;AACE;AACE,oBAAUZ,mBAAmB,CAACC,IADhC;AAEE,QAAA,SAAS,EAAEP,EAAE;AACXE,QAAAA,MAAM,CAACiB,MAAP,CAAcT,KAAd,CADW;AAEXE,QAAAA,MAAM,CAACE,QAAP,IAAmBZ,MAAM,CAACkB,YAAP,CAAoBV,KAApB,CAFR;AAGXW,QAAAA,OAAO,CAACV,KAAK,CAACW,iBAAP,CAAP,IAAoCpB,MAAM,CAACqB,gBAAP,CAAwBb,KAAxB,CAHzB;AAIXQ,QAAAA,KAAK,IAAIhB,MAAM,CAACsB,WAAP,CAAmBd,KAAnB,CAJE;AAKXQ,QAAAA,KAAK,IAAIN,MAAM,CAACE,QAAhB,IAA4BZ,MAAM,CAACuB,iBAAP,CAAyBf,KAAzB,CALjB;AAMXW,QAAAA,OAAO,CAACV,KAAK,CAACe,KAAP,CAAP,IAAwBxB,MAAM,CAACyB,eAAP,CAAuBjB,KAAvB,CANb;AAOXW,QAAAA,OAAO,CAACV,KAAK,CAACe,KAAP,CAAP,IAAwBd,MAAM,CAACE,QAA/B,IAA2CZ,MAAM,CAAC0B,qBAAP,CAA6BlB,KAA7B,CAPhC,CAFf;;;AAYGC,MAAAA,KAAK,CAACe,KAAN;AACC,0BAAC,UAAD,IAAY,YAAY,EAAEf,KAAK,CAACe,KAAN,CAAYG,YAAtC,EAAoD,YAAY,EAAElB,KAAK,CAACe,KAAN,CAAYI,YAA9E,GAbJ;;AAeGf,MAAAA,QAfH,CADF;;AAkBGG,MAAAA,KAAK,iBAAI,oBAAC,cAAD,IAAgB,KAAK,EAAEA,KAAvB,GAlBZ,CADF;;;AAsBD,GAvBD;;AAyBA;AACE,wBAAC,aAAD,EAAmBT,KAAnB,EAA2BI,MAAM,gBAAG,oBAAC,MAAD,IAAQ,IAAI,EAAC,KAAb,IAAoBI,aAApB,CAAH,GAAiDA,aAAa,EAA/F,CADF;;AAGD;;AAEDT,WAAW,CAACuB,mBAAZ,GAAkC,aAAlC;AACAvB,WAAW,CAACwB,WAAZ,GAA0B,aAA1B;AACAxB,WAAW,CAACyB,gBAAZ,GAA+B,IAA/B;;AAEA,SAASzB,WAAT","sourcesContent":["import React, { ReactNode, useContext, useLayoutEffect } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalHeaderProps extends CommonProps {\n sticky?: boolean;\n children?: ReactNode;\n}\n\nexport const ModalHeaderDataTids = {\n root: 'ModalHeader__root',\n} as const;\n\n/*\n Шапка модального окна\n \n @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n const theme = useContext(ThemeContext);\n const modal = useContext(ModalContext);\n const layout = useResponsiveLayout();\n\n const { sticky = !layout.isMobile, children } = props;\n\n useLayoutEffect(() => {\n modal.setHasHeader?.();\n\n return () => modal.setHasHeader?.(false);\n }, []);\n\n const renderContent = (fixed = false) => {\n return (\n <div>\n <div\n data-tid={ModalHeaderDataTids.root}\n className={cx(\n styles.header(theme),\n layout.isMobile && styles.mobileHeader(theme),\n Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),\n fixed && styles.fixedHeader(theme),\n fixed && layout.isMobile && styles.mobileFixedHeader(theme),\n Boolean(modal.close) && styles.headerWithClose(theme),\n Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme),\n )}\n >\n {modal.close && (\n <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />\n )}\n {children}\n </div>\n {fixed && <ModalSeparator fixed={fixed} />}\n </div>\n );\n };\n\n return (\n <CommonWrapper {...props}>{sticky ? <Sticky side=\"top\">{renderContent}</Sticky> : renderContent()}</CommonWrapper>\n );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.displayName = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"]}

package/components/Modal/ModalSeparator/ModalSeparator.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import React from 'react';
-import { useEmotion } from "../../../lib/theming/Emotion";
-import { useTheme } from "../../../lib/theming/useTheme";
-import { getStyles } from "../Modal.styles";
+import React, { useContext } from 'react';
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { styles } from "../Modal.styles";
 /**
  * Разделитель
  *
@@ -10,13 +10,11 @@ import { getStyles } from "../Modal.styles";
 export function ModalSeparator(_ref) {
   var fixed = _ref.fixed;
-  var theme = useTheme();
-  var emotion = useEmotion();
-  var styles = getStyles(emotion);
+  var theme = useContext(ThemeContext);
   return /*#__PURE__*/React.createElement("div", {
     className: styles.modalSeparatorWrapper()
   }, /*#__PURE__*/React.createElement("div", {
-    className: emotion.cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed())
+    className: cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed())
   }));
 }
 ModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';

package/components/Modal/ModalSeparator/ModalSeparator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ModalSeparator.tsx"],"names":["React","~~useEmotion~~","~~useTheme~~","~~getStyles~~","ModalSeparator","fixed","theme","~~emotion","styles","~~modalSeparatorWrapper","~~cx","~~modalSeparator","modalSeparatorFixed","__KONTUR_REACT_UI__","displayName"],"mappings":"AAAA,OAAOA,KAAP,~~MAAkB~~,~~OAAlB~~;;AAEA,SAASC,~~UAAT~~,~~QAA2B~~,~~2BAA3B~~;;AAEA,SAASC,~~QAAT~~,~~QAAyB~~,~~4BAAzB~~;;AAEA,SAASC,~~SAAT~~,~~QAA0B~~,~~gBAA1B~~;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAT,OAAwD,KAA9BC,KAA8B,QAA9BA,KAA8B;AAC7D,MAAMC,KAAK,~~GAAGJ,QAAQ,EAAtB;AACA,MAAMK,OAAO,~~GAAGN,UAAU,~~EAA1B;AACA~~,~~MAAMO~~,~~MAAM,GAAGL,SAAS,CAACI,OAAD,~~CAAxB;;AAEA;AACE,iCAAK,SAAS,EAAEC,MAAM,~~CAACC~~,qBAAP,EAAhB;AACE,iCAAK,SAAS,~~EAAEF~~,~~OAAO~~,~~CAACG~~,~~EAAR,CAAWF,~~MAAM,~~CAACG~~,cAAP,~~CAAsBL~~,KAAtB,~~CAAX~~,~~EAAyCD~~,KAAK,~~IAAIG~~,MAAM,~~CAACI~~,mBAAP,~~EAAlD~~,~~CAAhB~~,GADF,CADF;;;AAKD;;~~AAEDR~~,cAAc,~~CAACS~~,mBAAf,GAAqC,gBAArC;~~AACAT~~,cAAc,~~CAACU~~,WAAf,GAA6B,gBAA7B","sourcesContent":["import React from 'react';\n\nimport { ~~useEmotion~~ } from '../../lib/theming/Emotion';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { ~~useTheme~~ } from '../../lib/theming/~~useTheme~~';\n\nimport { ~~getStyles~~ } from './Modal.styles';\n\nexport interface ModalSeparatorProps extends CommonProps {\n fixed?: boolean;\n}\n\n/*\n Разделитель\n \n @visibleName Modal.Separator\n */\nexport function ModalSeparator({ fixed }: ModalSeparatorProps) {\n const theme = ~~useTheme~~();\n ~~const emotion = useEmotion();\n const styles = getStyles(emotion);\n~~\n return (\n <div className={styles.modalSeparatorWrapper()}>\n <div className={~~emotion.~~cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed())} />\n </div>\n );\n}\n\nModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';\nModalSeparator.displayName = 'ModalSeparator';\n"]}
1	+ {"version":3,"sources":["ModalSeparator.tsx"],"names":["React","useContext","cx","ThemeContext","styles","ModalSeparator","fixed","theme","modalSeparatorWrapper","modalSeparator","modalSeparatorFixed","__KONTUR_REACT_UI__","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,MAAT,QAAuB,gBAAvB;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAT,OAAwD,KAA9BC,KAA8B,QAA9BA,KAA8B;AAC7D,MAAMC,KAAK,GAAGN,UAAU,CAACE,YAAD,CAAxB;;AAEA;AACE,iCAAK,SAAS,EAAEC,MAAM,CAACI,qBAAP,EAAhB;AACE,iCAAK,SAAS,EAAEN,EAAE,CAACE,MAAM,CAACK,cAAP,CAAsBF,KAAtB,CAAD,EAA+BD,KAAK,IAAIF,MAAM,CAACM,mBAAP,EAAxC,CAAlB,GADF,CADF;;;AAKD;;AAEDL,cAAc,CAACM,mBAAf,GAAqC,gBAArC;AACAN,cAAc,CAACO,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './Modal.styles';\n\nexport interface ModalSeparatorProps extends CommonProps {\n fixed?: boolean;\n}\n\n/*\n Разделитель\n \n @visibleName Modal.Separator\n */\nexport function ModalSeparator({ fixed }: ModalSeparatorProps) {\n const theme = useContext(ThemeContext);\n\n return (\n <div className={styles.modalSeparatorWrapper()}>\n <div className={cx(styles.modalSeparator(theme), fixed && styles.modalSeparatorFixed())} />\n </div>\n );\n}\n\nModalSeparator.__KONTUR_REACT_UI__ = 'ModalSeparator';\nModalSeparator.displayName = 'ModalSeparator';\n"]}