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/SidePage/SidePage.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","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","overlay","body","t","modalBodyTextColor","mobileBody","container","sidePagePaddingLeft","sidePagePaddingRight","mobileContainer","mobileSidePagePaddingLeft","mobileSidePagePaddingRight","mobileSidePagePaddingBottom","containerWithoutHeader","sidePagePaddingTop","mobileContainerWithoutHeader","mobileSidePagePaddingTop","containerWithoutFooter","sidePagePaddingBottom","containerWithPanel","focusLock","wrapper","sidePageBgDefault","wrapperLeft","wrapperMarginLeft","wrapperMarginRight","headerWrapper","header","sidePageHeaderFontSize","sidePageHeaderLineHeight","sidePageHeaderPaddingTop","sidePageHeaderPaddingBottom","sidePageHeaderTextColor","sidePageHeaderFontWeight","mobileHeader","mobileSidePageHeaderFontSize","mobileSidePageHeaderLineHeight","mobileSidePageHeaderPaddingTop","mobileSidePageHeaderPaddingBottom","headerFixed","sidePageFixedHeaderShadow","headerShrink","sidePageHeaderFixedFontSize","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","headerNativeStuck","title","paddingRight","parseInt","sidePageCloseButtonPadding","sidePageCloseIconSize","title5_1","sidePageCloseButtonClickAreaLeft","sidePageCloseButtonClickAreaRight","mobileTitle","mobileSidePageCloseButtonPadding","titleCut","background","backgroundGray","sidePageBackingBg","sidePageBackingBgOpacity","shadow","sidePageContainerShadow","close","resetButton","sidePageCloseButtonColor","sidePageCloseButtonClickArea","sidePageCloseButtonHoverColor","close5_1","sidePageCloseButtonClickAreaTop","sidePageCloseButtonClickAreaBottom","closeSticky","sidePageCloseButtonFixedClickAreaTop","sidePageCloseButtonFixedClickAreaBottom","closeMobile","mobileSidePageCloseButtonClickArea","closeFocus","borderColorFocus","closeFocus5_1","wrapperClose","sidePageCloseButtonWrapperOffsetTop","wrapperClose5_1","mobileWrapperClose","mobileSidePageCloseButtonRightPadding","mobileWrapperClose5_1","panel","sidePageFooterPanelBg","sidePageFooterPanelPaddingTop","sidePageFooterPanelPaddingBottom","wrapperCloseFixed","wrapperCloseFixed5_1","sidePageCloseButtonWrapperFixedOffsetTop","footerWrapper","footer","sidePageFooterTextColor","positionStatic","footerContent","sidePageFooterPaddingTop","sidePageFooterPaddingBottom","mobileFooterContent","mobileSidePageFooterPadding","footerFixed","sidePageFixedFooterShadow","panelFixed","sidePageFixedPanelShadow","transitionLeft","transitionRight","transitionActive","transitionLeave","transitionLeaveActive"],"sources":["SidePage.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n height: 100%;\n position: fixed;\n top: 0;\n `;\n },\n\n overlay() {\n return css`\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n `;\n },\n\n body(t: Theme) {\n return css`\n flex: 1 0 auto;\n z-index: 0;\n color: ${t.modalBodyTextColor};\n `;\n },\n\n mobileBody() {\n return css`\n font-size: 16px;\n line-height: 22px;\n `;\n },\n\n container(t: Theme) {\n return css`\n padding-left: ${t.sidePagePaddingLeft};\n padding-right: ${t.sidePagePaddingRight};\n `;\n },\n\n mobileContainer(t: Theme) {\n return css`\n padding-left: ${t.mobileSidePagePaddingLeft};\n padding-right: ${t.mobileSidePagePaddingRight};\n padding-bottom: ${t.mobileSidePagePaddingBottom};\n `;\n },\n\n containerWithoutHeader(t: Theme) {\n return css`\n padding-top: ${t.sidePagePaddingTop};\n `;\n },\n\n mobileContainerWithoutHeader(t: Theme) {\n return css`\n padding-top: ${t.mobileSidePagePaddingTop};\n `;\n },\n\n containerWithoutFooter(t: Theme) {\n return css`\n padding-bottom: ${t.sidePagePaddingBottom};\n `;\n },\n\n containerWithPanel(t: Theme) {\n return css`\n padding-bottom: ${t.sidePagePaddingBottom};\n `;\n },\n\n focusLock() {\n return css`\n height: 100%;\n `;\n },\n\n wrapper(t: Theme) {\n return css`\n background: ${t.sidePageBgDefault};\n float: right;\n height: 100%;\n width: 100%;\n overflow-y: auto;\n position: relative;\n white-space: normal;\n align-items: stretch;\n display: flex;\n flex-direction: column;\n `;\n },\n\n wrapperLeft() {\n return css`\n float: left;\n `;\n },\n\n wrapperMarginLeft() {\n return css`\n margin-left: 20px;\n `;\n },\n\n wrapperMarginRight() {\n return css`\n margin-right: 20px;\n `;\n },\n\n headerWrapper() {\n return css`\n flex: 0 0 auto;\n `;\n },\n\n header(t: Theme) {\n return css`\n font-size: ${t.sidePageHeaderFontSize};\n line-height: ${t.sidePageHeaderLineHeight};\n padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\n width: 100%;\n position: relative;\n color: ${t.sidePageHeaderTextColor};\n font-weight: ${t.sidePageHeaderFontWeight};\n `;\n },\n\n mobileHeader(t: Theme) {\n return css`\n font-size: ${t.mobileSidePageHeaderFontSize};\n line-height: ${t.mobileSidePageHeaderLineHeight};\n padding: ${t.mobileSidePageHeaderPaddingTop} 0 ${t.mobileSidePageHeaderPaddingBottom};\n `;\n },\n\n headerFixed(t: Theme) {\n return css`\n background: ${t.sidePageBgDefault};\n\n &:after {\n bottom: 0px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.sidePageFixedHeaderShadow};\n }\n `;\n },\n\n headerShrink(t: Theme) {\n return css`\n font-size: ${t.sidePageHeaderFixedFontSize};\n line-height: ${t.sidePageHeaderFixedLineHeight};\n padding: ${t.sidePageHeaderFixedPaddingY} 0;\n `;\n },\n\n headerNativeStuck(t: Theme) {\n return css`\n position: sticky;\n top: 0;\n z-index: 16000;\n background: linear-gradient(to top, transparent ${t.sidePageHeaderPaddingBottom}, ${t.sidePageBgDefault} 0px);\n `;\n },\n\n title(t: Theme) {\n const paddingRight = parseInt(t.sidePageCloseButtonPadding) * 2 + parseInt(t.sidePageCloseIconSize);\n return css`\n padding-left: ${t.sidePagePaddingLeft};\n padding-right: ${paddingRight}px;\n `;\n },\n\n title5_1(t: Theme) {\n const paddingRight =\n parseInt(t.sidePageCloseButtonClickAreaLeft) +\n parseInt(t.sidePageCloseIconSize) +\n parseInt(t.sidePageCloseButtonClickAreaRight);\n return css`\n padding-right: ${paddingRight}px;\n `;\n },\n\n mobileTitle(t: Theme) {\n const paddingRight = parseInt(t.mobileSidePageCloseButtonPadding) * 2 + parseInt(t.sidePageCloseIconSize);\n return css`\n padding-left: ${t.mobileSidePagePaddingLeft};\n padding-right: ${paddingRight}px;\n `;\n },\n\n titleCut() {\n return css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `;\n },\n\n background() {\n return css`\n height: 100%;\n position: absolute;\n width: 100%;\n `;\n },\n\n backgroundGray(t: Theme) {\n return css`\n background: ${t.sidePageBackingBg};\n opacity: ${t.sidePageBackingBgOpacity};\n `;\n },\n\n shadow(t: Theme) {\n return css`\n box-shadow: ${t.sidePageContainerShadow};\n `;\n },\n\n close(t: Theme) {\n return css`\n ${resetButton()};\n cursor: pointer;\n color: ${t.sidePageCloseButtonColor};\n padding: ${t.sidePageCloseButtonClickArea};\n margin: -${t.sidePageCloseButtonClickArea};\n font-size: 0;\n\n &:focus,\n &:hover {\n color: ${t.sidePageCloseButtonHoverColor};\n }\n\n & > svg {\n width: ${t.sidePageCloseIconSize};\n height: ${t.sidePageCloseIconSize};\n box-sizing: content-box;\n }\n `;\n },\n\n close5_1(t: Theme) {\n return css`\n padding-top: ${t.sidePageCloseButtonClickAreaTop};\n margin-top: -${t.sidePageCloseButtonClickAreaTop};\n padding-right: ${t.sidePageCloseButtonClickAreaRight};\n margin-right: -${t.sidePageCloseButtonClickAreaRight};\n padding-bottom: ${t.sidePageCloseButtonClickAreaBottom};\n margin-bottom: -${t.sidePageCloseButtonClickAreaBottom};\n padding-left: ${t.sidePageCloseButtonClickAreaLeft};\n margin-left: -${t.sidePageCloseButtonClickAreaLeft};\n `;\n },\n\n closeSticky(t: Theme) {\n return css`\n padding-top: ${t.sidePageCloseButtonFixedClickAreaTop};\n margin-top: -${t.sidePageCloseButtonFixedClickAreaTop};\n padding-bottom: ${t.sidePageCloseButtonFixedClickAreaBottom};\n margin-bottom: -${t.sidePageCloseButtonFixedClickAreaBottom};\n `;\n },\n\n closeMobile(t: Theme) {\n return css`\n padding: ${t.mobileSidePageCloseButtonClickArea};\n margin: -${t.mobileSidePageCloseButtonClickArea};\n font-size: 0;\n `;\n },\n\n closeFocus(t: Theme) {\n return css`\n outline: 2px solid ${t.borderColorFocus};\n `;\n },\n\n closeFocus5_1(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n border-radius: 4px;\n `;\n },\n\n wrapperClose(t: Theme) {\n return css`\n box-sizing: border-box;\n height: 100%;\n line-height: ${t.sidePageHeaderLineHeight};\n padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\n position: absolute;\n right: ${t.sidePageCloseButtonPadding};\n top: ${t.sidePageCloseButtonWrapperOffsetTop};\n `;\n },\n\n wrapperClose5_1(t: Theme) {\n return css`\n right: ${t.sidePageCloseButtonClickAreaRight};\n `;\n },\n\n mobileWrapperClose(t: Theme) {\n return css`\n line-height: ${t.mobileSidePageHeaderLineHeight};\n padding: ${t.mobileSidePageHeaderPaddingTop} 0 ${t.mobileSidePageHeaderPaddingBottom};\n right: ${t.mobileSidePageCloseButtonRightPadding};\n `;\n },\n\n mobileWrapperClose5_1(t: Theme) {\n return css`\n right: ${t.mobileSidePageCloseButtonPadding};\n `;\n },\n\n panel(t: Theme) {\n return css`\n background: ${t.sidePageFooterPanelBg};\n padding: ${t.sidePageFooterPanelPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPanelPaddingBottom}\n ${t.sidePagePaddingLeft};\n `;\n },\n\n wrapperCloseFixed(t: Theme) {\n return css`\n line-height: ${t.sidePageHeaderFixedLineHeight};\n padding: ${t.sidePageHeaderFixedPaddingY} 0;\n `;\n },\n\n wrapperCloseFixed5_1(t: Theme) {\n return css`\n top: ${t.sidePageCloseButtonWrapperFixedOffsetTop};\n `;\n },\n\n footerWrapper() {\n return css`\n flex: 0 0 auto;\n `;\n },\n\n footer(t: Theme) {\n return css`\n bottom: 0;\n position: fixed;\n z-index: 10;\n color: ${t.sidePageFooterTextColor};\n `;\n },\n\n positionStatic() {\n return css`\n position: static;\n `;\n },\n\n footerContent(t: Theme) {\n return css`\n padding: ${t.sidePageFooterPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPaddingBottom}\n ${t.sidePagePaddingLeft};\n `;\n },\n\n mobileFooterContent(t: Theme) {\n return css`\n display: flex;\n flex-flow: column nowrap;\n padding: ${t.mobileSidePageFooterPadding};\n `;\n },\n\n footerFixed(t: Theme) {\n return css`\n background: ${t.sidePageBgDefault};\n\n &:before {\n top: 0px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.sidePageFixedFooterShadow};\n }\n `;\n },\n\n panelFixed(t: Theme) {\n return css`\n &:before {\n box-shadow: ${t.sidePageFixedPanelShadow};\n }\n `;\n },\n\n transitionLeft() {\n return css`\n transform: translateX(100px);\n `;\n },\n\n transitionRight() {\n return css`\n transform: translateX(-100px);\n `;\n },\n\n transitionActive() {\n return css`\n transition:\n transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n opacity: 1 !important;\n transform: translate(0, 0) !important;\n `;\n },\n\n transitionLeave() {\n return css`\n opacity: 1;\n `;\n },\n\n transitionLeaveActive() {\n return css`\n opacity: 0.01 !important;\n transition: opacity 0.15s ease-out;\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","getStyles","exports","memoizeGetStyles","_ref","css","root","_taggedTemplateLiteralLoose2","default","overlay","body","t","modalBodyTextColor","mobileBody","container","sidePagePaddingLeft","sidePagePaddingRight","mobileContainer","mobileSidePagePaddingLeft","mobileSidePagePaddingRight","mobileSidePagePaddingBottom","containerWithoutHeader","sidePagePaddingTop","mobileContainerWithoutHeader","mobileSidePagePaddingTop","containerWithoutFooter","sidePagePaddingBottom","containerWithPanel","focusLock","wrapper","sidePageBgDefault","wrapperLeft","wrapperMarginLeft","wrapperMarginRight","headerWrapper","header","sidePageHeaderFontSize","sidePageHeaderLineHeight","sidePageHeaderPaddingTop","sidePageHeaderPaddingBottom","sidePageHeaderTextColor","sidePageHeaderFontWeight","mobileHeader","mobileSidePageHeaderFontSize","mobileSidePageHeaderLineHeight","mobileSidePageHeaderPaddingTop","mobileSidePageHeaderPaddingBottom","headerFixed","sidePageFixedHeaderShadow","headerNativeStuck","title","paddingRight","parseInt","sidePageCloseButtonClickAreaLeft","sidePageCloseIconSize","sidePageCloseButtonClickAreaRight","mobileTitle","mobileSidePageCloseButtonPadding","titleCut","background","backgroundGray","sidePageBackingBg","sidePageBackingBgOpacity","shadow","sidePageContainerShadow","close","resetButton","sidePageCloseButtonColor","sidePageCloseButtonClickAreaTop","sidePageCloseButtonClickAreaBottom","sidePageCloseButtonHoverColor","closeSticky","sidePageCloseButtonFixedClickAreaTop","sidePageCloseButtonFixedClickAreaBottom","closeMobile","mobileSidePageCloseButtonClickArea","closeFocus","borderColorFocus","wrapperClose","sidePageCloseButtonWrapperOffsetTop","mobileWrapperClose","panel","sidePageFooterPanelBg","sidePageFooterPanelPaddingTop","sidePageFooterPanelPaddingBottom","wrapperCloseFixed","sidePageCloseButtonWrapperFixedOffsetTop","footerWrapper","footer","sidePageFooterTextColor","positionStatic","footerContent","sidePageFooterPaddingTop","sidePageFooterPaddingBottom","mobileFooterContent","mobileSidePageFooterPadding","footerFixed","sidePageFixedFooterShadow","panelFixed","sidePageFixedPanelShadow","transitionLeft","transitionRight","transitionActive","transitionLeave","transitionLeaveActive"],"sources":["SidePage.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root() {\n return css`\n height: 100%;\n position: fixed;\n top: 0;\n `;\n },\n\n overlay() {\n return css`\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n `;\n },\n\n body(t: Theme) {\n return css`\n flex: 1 0 auto;\n z-index: 0;\n color: ${t.modalBodyTextColor};\n `;\n },\n\n mobileBody() {\n return css`\n font-size: 16px;\n line-height: 22px;\n `;\n },\n\n container(t: Theme) {\n return css`\n padding-left: ${t.sidePagePaddingLeft};\n padding-right: ${t.sidePagePaddingRight};\n `;\n },\n\n mobileContainer(t: Theme) {\n return css`\n padding-left: ${t.mobileSidePagePaddingLeft};\n padding-right: ${t.mobileSidePagePaddingRight};\n padding-bottom: ${t.mobileSidePagePaddingBottom};\n `;\n },\n\n containerWithoutHeader(t: Theme) {\n return css`\n padding-top: ${t.sidePagePaddingTop};\n `;\n },\n\n mobileContainerWithoutHeader(t: Theme) {\n return css`\n padding-top: ${t.mobileSidePagePaddingTop};\n `;\n },\n\n containerWithoutFooter(t: Theme) {\n return css`\n padding-bottom: ${t.sidePagePaddingBottom};\n `;\n },\n\n containerWithPanel(t: Theme) {\n return css`\n padding-bottom: ${t.sidePagePaddingBottom};\n `;\n },\n\n focusLock() {\n return css`\n height: 100%;\n `;\n },\n\n wrapper(t: Theme) {\n return css`\n background: ${t.sidePageBgDefault};\n float: right;\n height: 100%;\n width: 100%;\n overflow-y: auto;\n position: relative;\n white-space: normal;\n align-items: stretch;\n display: flex;\n flex-direction: column;\n `;\n },\n\n wrapperLeft() {\n return css`\n float: left;\n `;\n },\n\n wrapperMarginLeft() {\n return css`\n margin-left: 20px;\n `;\n },\n\n wrapperMarginRight() {\n return css`\n margin-right: 20px;\n `;\n },\n\n headerWrapper() {\n return css`\n flex: 0 0 auto;\n `;\n },\n\n header(t: Theme) {\n return css`\n font-size: ${t.sidePageHeaderFontSize};\n line-height: ${t.sidePageHeaderLineHeight};\n padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\n width: 100%;\n position: relative;\n color: ${t.sidePageHeaderTextColor};\n font-weight: ${t.sidePageHeaderFontWeight};\n `;\n },\n\n mobileHeader(t: Theme) {\n return css`\n font-size: ${t.mobileSidePageHeaderFontSize};\n line-height: ${t.mobileSidePageHeaderLineHeight};\n padding: ${t.mobileSidePageHeaderPaddingTop} 0 ${t.mobileSidePageHeaderPaddingBottom};\n `;\n },\n\n headerFixed(t: Theme) {\n return css`\n background: ${t.sidePageBgDefault};\n\n &:after {\n bottom: 0px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.sidePageFixedHeaderShadow};\n }\n `;\n },\n\n headerNativeStuck(t: Theme) {\n return css`\n position: sticky;\n top: 0;\n z-index: 16000;\n background: linear-gradient(to top, transparent ${t.sidePageHeaderPaddingBottom}, ${t.sidePageBgDefault} 0px);\n `;\n },\n\n title(t: Theme) {\n const paddingRight =\n parseInt(t.sidePageCloseButtonClickAreaLeft) +\n parseInt(t.sidePageCloseIconSize) +\n parseInt(t.sidePageCloseButtonClickAreaRight);\n return css`\n padding-left: ${t.sidePagePaddingLeft};\n padding-right: ${paddingRight}px;\n `;\n },\n\n mobileTitle(t: Theme) {\n const paddingRight = parseInt(t.mobileSidePageCloseButtonPadding) * 2 + parseInt(t.sidePageCloseIconSize);\n return css`\n padding-left: ${t.mobileSidePagePaddingLeft};\n padding-right: ${paddingRight}px;\n `;\n },\n\n titleCut() {\n return css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `;\n },\n\n background() {\n return css`\n height: 100%;\n position: absolute;\n width: 100%;\n `;\n },\n\n backgroundGray(t: Theme) {\n return css`\n background: ${t.sidePageBackingBg};\n opacity: ${t.sidePageBackingBgOpacity};\n `;\n },\n\n shadow(t: Theme) {\n return css`\n box-shadow: ${t.sidePageContainerShadow};\n `;\n },\n\n close(t: Theme) {\n return css`\n ${resetButton()};\n cursor: pointer;\n color: ${t.sidePageCloseButtonColor};\n padding-top: ${t.sidePageCloseButtonClickAreaTop};\n margin-top: -${t.sidePageCloseButtonClickAreaTop};\n padding-right: ${t.sidePageCloseButtonClickAreaRight};\n margin-right: -${t.sidePageCloseButtonClickAreaRight};\n padding-bottom: ${t.sidePageCloseButtonClickAreaBottom};\n margin-bottom: -${t.sidePageCloseButtonClickAreaBottom};\n padding-left: ${t.sidePageCloseButtonClickAreaLeft};\n margin-left: -${t.sidePageCloseButtonClickAreaLeft};\n font-size: 0;\n\n &:focus,\n &:hover {\n color: ${t.sidePageCloseButtonHoverColor};\n }\n\n & > svg {\n width: ${t.sidePageCloseIconSize};\n height: ${t.sidePageCloseIconSize};\n box-sizing: content-box;\n }\n `;\n },\n\n closeSticky(t: Theme) {\n return css`\n padding-top: ${t.sidePageCloseButtonFixedClickAreaTop};\n margin-top: -${t.sidePageCloseButtonFixedClickAreaTop};\n padding-bottom: ${t.sidePageCloseButtonFixedClickAreaBottom};\n margin-bottom: -${t.sidePageCloseButtonFixedClickAreaBottom};\n `;\n },\n\n closeMobile(t: Theme) {\n return css`\n padding: ${t.mobileSidePageCloseButtonClickArea};\n margin: -${t.mobileSidePageCloseButtonClickArea};\n font-size: 0;\n `;\n },\n\n closeFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n border-radius: 4px;\n `;\n },\n\n wrapperClose(t: Theme) {\n return css`\n box-sizing: border-box;\n height: 100%;\n line-height: ${t.sidePageHeaderLineHeight};\n padding: ${t.sidePageHeaderPaddingTop} 0 ${t.sidePageHeaderPaddingBottom};\n position: absolute;\n right: ${t.sidePageCloseButtonClickAreaRight};\n top: ${t.sidePageCloseButtonWrapperOffsetTop};\n `;\n },\n\n mobileWrapperClose(t: Theme) {\n return css`\n line-height: ${t.mobileSidePageHeaderLineHeight};\n padding: ${t.mobileSidePageHeaderPaddingTop} 0 ${t.mobileSidePageHeaderPaddingBottom};\n right: ${t.mobileSidePageCloseButtonPadding};\n `;\n },\n\n panel(t: Theme) {\n return css`\n background: ${t.sidePageFooterPanelBg};\n padding: ${t.sidePageFooterPanelPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPanelPaddingBottom}\n ${t.sidePagePaddingLeft};\n `;\n },\n\n wrapperCloseFixed(t: Theme) {\n return css`\n top: ${t.sidePageCloseButtonWrapperFixedOffsetTop};\n `;\n },\n\n footerWrapper() {\n return css`\n flex: 0 0 auto;\n `;\n },\n\n footer(t: Theme) {\n return css`\n bottom: 0;\n position: fixed;\n z-index: 10;\n color: ${t.sidePageFooterTextColor};\n `;\n },\n\n positionStatic() {\n return css`\n position: static;\n `;\n },\n\n footerContent(t: Theme) {\n return css`\n padding: ${t.sidePageFooterPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPaddingBottom}\n ${t.sidePagePaddingLeft};\n `;\n },\n\n mobileFooterContent(t: Theme) {\n return css`\n display: flex;\n flex-flow: column nowrap;\n padding: ${t.mobileSidePageFooterPadding};\n `;\n },\n\n footerFixed(t: Theme) {\n return css`\n background: ${t.sidePageBgDefault};\n\n &:before {\n top: 0px;\n content: '';\n position: absolute;\n height: 1px;\n width: 100%;\n left: 0;\n z-index: -1;\n box-shadow: ${t.sidePageFixedFooterShadow};\n }\n `;\n },\n\n panelFixed(t: Theme) {\n return css`\n &:before {\n box-shadow: ${t.sidePageFixedPanelShadow};\n }\n `;\n },\n\n transitionLeft() {\n return css`\n transform: translateX(100px);\n `;\n },\n\n transitionRight() {\n return css`\n transform: translateX(-100px);\n `;\n },\n\n transitionActive() {\n return css`\n transition:\n transform 0.18s cubic-bezier(0.22, 0.61, 0.36, 1),\n opacity 0.18s cubic-bezier(0.22, 0.61, 0.36, 1);\n opacity: 1 !important;\n transform: translate(0, 0) !important;\n `;\n },\n\n transitionLeave() {\n return css`\n opacity: 1;\n `;\n },\n\n transitionLeaveActive() {\n return css`\n opacity: 0.01 !important;\n transition: opacity 0.15s ease-out;\n `;\n },\n}));\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/SidePage/SidePageBody.d.ts CHANGED Viewed

@@ -21,6 +21,9 @@ export declare class SidePageBody extends React.Component<SidePageBodyProps> {
     private isMobileLayout;
     getRootNode: TGetRootNode;
     private setRootNode;
+    private emotion;
+    private cx;
+    private styles;
     componentDidUpdate(): void;
     render(): React.JSX.Element;
 }

package/cjs/components/SidePage/SidePageBody.js CHANGED Viewed

@@ -1,12 +1,13 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SidePageBodyDataTids = exports.SidePageBody = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _decorator = require("../ResponsiveLayout/decorator");
-var _Emotion = require("../../lib/theming/Emotion");
 var _rootNode = require("../../lib/rootNode");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _SidePage = require("./SidePage.styles");
@@ -26,7 +27,8 @@ var SidePageBodyDataTids = exports.SidePageBodyDataTids = {
  */var
-SidePageBody = exports.SidePageBody = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageBody = /*#__PURE__*/function (_React$Component) {function SidePageBody() {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.
+SidePageBody = exports.SidePageBody = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageBody = /*#__PURE__*/function (_React$Component) {function SidePageBody() {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.
@@ -36,19 +38,24 @@ SidePageBody = exports.SidePageBody = (0, _decorator.responsiveLayout)(_class =
   componentDidUpdate = function componentDidUpdate() {
     this.context.updateLayout();
   };_proto.
   render = function render() {var _this2 = this;
+    this.styles = (0, _SidePage.getStyles)(this.emotion);
     return /*#__PURE__*/(
       _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-      function (theme) {var _cx;
+      function (theme) {var _this2$cx;
         return /*#__PURE__*/(
           _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), /*#__PURE__*/
           _react.default.createElement("div", {
             "data-tid": SidePageBodyDataTids.root,
-            className: (0, _Emotion.cx)(_SidePage.styles.body(theme), (_cx = {}, _cx[_SidePage.styles.mobileBody()] = _this2.isMobileLayout, _cx)) },
+            className: _this2.cx(_this2.styles.body(theme), (_this2$cx = {}, _this2$cx[_this2.styles.mobileBody()] = _this2.isMobileLayout, _this2$cx)) },
           _this2.props.children
           )
@@ -57,4 +64,4 @@ SidePageBody = exports.SidePageBody = (0, _decorator.responsiveLayout)(_class =
       }
       ));
-  };return SidePageBody;}(_react.default.Component), _SidePageBody.__KONTUR_REACT_UI__ = 'SidePageBody', _SidePageBody.displayName = 'SidePageBody', _SidePageBody.contextType = _SidePageContext.SidePageContext, _SidePageBody)) || _class) || _class;
+  };return SidePageBody;}(_react.default.Component), _SidePageBody.__KONTUR_REACT_UI__ = 'SidePageBody', _SidePageBody.displayName = 'SidePageBody', _SidePageBody.contextType = _SidePageContext.SidePageContext, _SidePageBody)) || _class) || _class) || _class;

package/cjs/components/SidePage/SidePageBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_CommonWrapper","_ThemeContext","_decorator","~~_Emotion~~","~~_rootNode~~","_SidePage","_SidePageContext","_class","_SidePageBody","SidePageBodyDataTids","exports","root","SidePageBody","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","_inheritsLoose2","default","_proto","prototype","componentDidUpdate","updateLayout","render","_this2","createElement","ThemeContext","Consumer","theme","~~_cx~~","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","cx","~~styles","~~body","mobileBody","isMobileLayout","children","React","Component","__KONTUR_REACT_UI__","displayName","contextType","SidePageContext"],"sources":["SidePageBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { cx } from '../../lib/~~theming/Emotion~~';\nimport ~~type~~ { ~~TGetRootNode,~~ ~~TSetRootNode~~ } from '../../lib/rootNode';\nimport { ~~rootNode~~ } from '../../lib/~~rootNode~~';\n\nimport { ~~styles~~ } from './SidePage.styles';\nimport type { SidePageContextType } from './SidePageContext';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageBodyProps extends CommonProps {\n children?: React.ReactNode;\n}\n\nexport const SidePageBodyDataTids = {\n root: 'SidePageBody__root',\n} as const;\n/*\n Тело для сайдпейджа\n \n @visibleName SidePage.Body\n */\n@responsiveLayout\n@rootNode\nexport class SidePageBody extends React.Component<SidePageBodyProps> {\n public static __KONTUR_REACT_UI__ = 'SidePageBody';\n public static displayName = 'SidePageBody';\n\n public static contextType = SidePageContext;\n public context: SidePageContextType = this.context;\n private isMobileLayout!: boolean;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public componentDidUpdate() {\n this.context.updateLayout();\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n data-tid={SidePageBodyDataTids.root}\n className={cx(styles.body(theme), { [styles.mobileBody()]: this.isMobileLayout })}\n >\n {this.props.children}\n </div>\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n}\n"],"mappings":"iXAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA~~;;;AAGA~~,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA~~;AACA~~,IAAAI,~~QAAA~~,GAAAJ,OAAA~~;;AAEA~~,IAAAK,~~SAAA~~,GAAAL,OAAA;;AAEA,IAAAM,SAAA,GAAAN,OAAA;;AAEA,IAAAO,gBAAA,GAAAP,OAAA,sBAAoD,IAAAQ,MAAA,EAAAC,aAAA;;;;;;AAM7C,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG;EAClCE,IAAI,EAAE;AACR,CAAU;AACV;AACA;AACA;AACA;AACA,GAJA~~;;;AAOaC~~,YAAY,GAAAF,OAAA,CAAAE,YAAA,~~OAFxBC~~,~~2BAAgB~~,EAAAN,MAAA,~~OAChBO~~,~~kBAAQ~~,EAAAP,MAAA,IAAAC,aAAA,~~0BAAAO~~,gBAAA,~~YAAAH~~,aAAA,~~OAAAI~~,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;;;;;IAMAU,OAAO,GAAwBV,KAAA,CAAKU,OAAO,QAAAV,KAAA,MAAAW,eAAA,CAAAC,OAAA,~~EAAAhB~~,YAAA,~~EAAAG~~,gBAAA,MAAAc,MAAA,~~GAAAjB~~,YAAA,~~CAAAkB~~,SAAA,CAAAD,MAAA~~;;;;;EAK3CE~~,kBAAkB,GAAzB,SAAAA,mBAAA,EAA4B;IAC1B,IAAI,CAACL,OAAO,CAACM,YAAY,CAAC,CAAC;EAC7B,CAAC,CAAAH,MAAA;;EAEMI,MAAM,GAAb,SAAAA,OAAA,~~EAAgB~~,KAAAC,MAAA;~~IACd~~;~~MACErC~~,MAAA,~~CAAA+B~~,OAAA,~~CAAAO~~,aAAA,~~CAAClC~~,aAAA,~~CAAAmC~~,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK,KAAAC,~~GAAA~~;QACV;~~UACE1C~~,MAAA,~~CAAA+B~~,OAAA,~~CAAAO~~,aAAA,~~CAACnC~~,cAAA,~~CAAAwC~~,aAAa,MAAAC,SAAA,~~CAAAb~~,OAAA,~~IAACc~~,WAAW,~~EAAER~~,MAAI,~~CAACS~~,WAAY,~~IAAKT~~,MAAI,~~CAACU~~,KAAK;~~UAC1D/C~~,MAAA,~~CAAA+B~~,OAAA,~~CAAAO~~,aAAA;YACE,~~YAAU1B~~,oBAAoB,CAACE,IAAK;~~YACpCkC~~,SAAS,~~EAAE~~,~~IAAAC~~,~~WAAE~~,~~EAACC~~,~~gBAAM~~,CAACC,IAAI,~~CAACV~~,KAAK,CAAC,GAAAC,~~GAAA~~,OAAAA,~~GAAA~~,~~CAAKQ~~,~~gBAAM~~,~~CAACE~~,UAAU,CAAC,CAAC,~~IAAGf~~,MAAI,~~CAACgB~~,cAAc,~~EAAAX~~,~~GAAA~~,CAAE,CAAE;;~~UAEjFL~~,MAAI,~~CAACU~~,KAAK,~~CAACO~~;UACT;UACQ,CAAC;;MAEpB;MACqB,CAAC;;EAE5B,CAAC,~~QAAAvC~~,YAAA,~~GA/B~~+~~BwC~~,cAAK,CAACC,SAAS,~~GAAA7C~~,aAAA,~~CACjC8C~~,mBAAmB,GAAG,cAAc,~~EAAA9C~~,aAAA,~~CACpC+C~~,WAAW,GAAG,cAAc,~~EAAA/C~~,aAAA,~~CAE5BgD~~,WAAW,GAAGC,gCAAe,~~EAAAjD~~,aAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_CommonWrapper","_ThemeContext","_decorator","_rootNode","_renderEnvironment","_SidePage","_SidePageContext","_class","_SidePageBody","SidePageBodyDataTids","exports","root","SidePageBody","withRenderEnvironment","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","_inheritsLoose2","default","_proto","prototype","componentDidUpdate","updateLayout","render","_this2","styles","getStyles","emotion","createElement","ThemeContext","Consumer","theme","_this2$cx","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","cx","body","mobileBody","isMobileLayout","children","React","Component","__KONTUR_REACT_UI__","displayName","contextType","SidePageContext"],"sources":["SidePageBody.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './SidePage.styles';\nimport type { SidePageContextType } from './SidePageContext';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageBodyProps extends CommonProps {\n children?: React.ReactNode;\n}\n\nexport const SidePageBodyDataTids = {\n root: 'SidePageBody__root',\n} as const;\n/*\n Тело для сайдпейджа\n \n @visibleName SidePage.Body\n */\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\nexport class SidePageBody extends React.Component<SidePageBodyProps> {\n public static __KONTUR_REACT_UI__ = 'SidePageBody';\n public static displayName = 'SidePageBody';\n\n public static contextType = SidePageContext;\n public context: SidePageContextType = this.context;\n private isMobileLayout!: boolean;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n\n public componentDidUpdate() {\n this.context.updateLayout();\n }\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n data-tid={SidePageBodyDataTids.root}\n className={this.cx(this.styles.body(theme), { [this.styles.mobileBody()]: this.isMobileLayout })}\n >\n {this.props.children}\n </div>\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n}\n"],"mappings":"iXAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;;AAIA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;;AAEA,IAAAM,SAAA,GAAAN,OAAA;;AAEA,IAAAO,gBAAA,GAAAP,OAAA,sBAAoD,IAAAQ,MAAA,EAAAC,aAAA;;;;;;AAM7C,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG;EAClCE,IAAI,EAAE;AACR,CAAU;AACV;AACA;AACA;AACA;AACA,GAJA;;;;AAQaC,YAAY,GAAAF,OAAA,CAAAE,YAAA,OAHxBC,wCAAqB,EAAAN,MAAA,OACrBO,2BAAgB,EAAAP,MAAA,OAChBQ,kBAAQ,EAAAR,MAAA,IAAAC,aAAA,0BAAAQ,gBAAA,YAAAJ,aAAA,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;;;;;IAMAU,OAAO,GAAwBV,KAAA,CAAKU,OAAO,QAAAV,KAAA,MAAAW,eAAA,CAAAC,OAAA,EAAAjB,YAAA,EAAAI,gBAAA,MAAAc,MAAA,GAAAlB,YAAA,CAAAmB,SAAA,CAAAD,MAAA;;;;;;;;EAQ3CE,kBAAkB,GAAzB,SAAAA,mBAAA,EAA4B;IAC1B,IAAI,CAACL,OAAO,CAACM,YAAY,CAAC,CAAC;EAC7B,CAAC,CAAAH,MAAA;;EAEMI,MAAM,GAAb,SAAAA,OAAA,EAAmC,KAAAC,MAAA;IACjC,IAAI,CAACC,MAAM,GAAG,IAAAC,mBAAS,EAAC,IAAI,CAACC,OAAO,CAAC;;IAErC;MACEzC,MAAA,CAAAgC,OAAA,CAAAU,aAAA,CAACtC,aAAA,CAAAuC,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK,KAAAC,SAAA;QACV;UACE9C,MAAA,CAAAgC,OAAA,CAAAU,aAAA,CAACvC,cAAA,CAAA4C,aAAa,MAAAC,SAAA,CAAAhB,OAAA,IAACiB,WAAW,EAAEX,MAAI,CAACY,WAAY,IAAKZ,MAAI,CAACa,KAAK;UAC1DnD,MAAA,CAAAgC,OAAA,CAAAU,aAAA;YACE,YAAU9B,oBAAoB,CAACE,IAAK;YACpCsC,SAAS,EAAEd,MAAI,CAACe,EAAE,CAACf,MAAI,CAACC,MAAM,CAACe,IAAI,CAACT,KAAK,CAAC,GAAAC,SAAA,OAAAA,SAAA,CAAKR,MAAI,CAACC,MAAM,CAACgB,UAAU,CAAC,CAAC,IAAGjB,MAAI,CAACkB,cAAc,EAAAV,SAAA,CAAE,CAAE;;UAEhGR,MAAI,CAACa,KAAK,CAACM;UACT;UACQ,CAAC;;MAEpB;MACqB,CAAC;;EAE5B,CAAC,QAAA1C,YAAA,GApC+B2C,cAAK,CAACC,SAAS,GAAAhD,aAAA,CACjCiD,mBAAmB,GAAG,cAAc,EAAAjD,aAAA,CACpCkD,WAAW,GAAG,cAAc,EAAAlD,aAAA,CAE5BmD,WAAW,GAAGC,gCAAe,EAAApD,aAAA,MAAAD,MAAA,KAAAA,MAAA,KAAAA,MAAA","ignoreList":[]}

package/cjs/components/SidePage/SidePageCloseButton.js CHANGED Viewed

@@ -1,13 +1,11 @@
 "use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.SidePageCloseButton = void 0;var _react = _interopRequireWildcard(require("react"));
-var _globalObject = require("@skbkontur/global-object");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _useLocaleForControl = require("../../lib/locale/useLocaleForControl");
 var _XIcon20Regular = require("../../internal/icons2022/XIcon/XIcon20Regular");
-var _Emotion = require("../../lib/theming/Emotion");
 var _keyListener = require("../../lib/events/keyListener");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 var _SidePage = require("./SidePage.styles");
 var _locale = require("./locale");
@@ -23,12 +21,16 @@ var SidePageCloseButton = exports.SidePageCloseButton = function SidePageCloseBu
   var _useState = (0, _react.useState)(false),isFocusedByTab = _useState[0],setIsFocusedByTab = _useState[1];
   var locale = (0, _useLocaleForControl.useLocaleForControl)('SidePage', _locale.SidePageLocaleHelper);
+  var globalObject = (0, _renderEnvironment.useGlobal)();
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+  var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+  var styles = (0, _renderEnvironment.useStyles)(_SidePage.getStyles);
+  var keyListener = (0, _keyListener.useKeyListener)();
   var sidePageContext = (0, _react.useContext)(_SidePageContext.SidePageContext);
   var handleFocus = function handleFocus() {
-    _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {
-      if (_keyListener.keyListener.isTabPressed) {
+    globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+      if (keyListener.isTabPressed) {
         setIsFocusedByTab(true);
       }
     });
@@ -39,16 +41,13 @@ var SidePageCloseButton = exports.SidePageCloseButton = function SidePageCloseBu
   };
   var icon = /*#__PURE__*/_react.default.createElement(_XIcon20Regular.XIcon20Regular, { align: "none" });
-  var versionGTE5_1 = (0, _ThemeHelpers.isThemeGTE)(theme, '5.1');
   return /*#__PURE__*/(
     _react.default.createElement("button", {
       "aria-label": locale == null ? void 0 : locale.closeButtonAriaLabel,
-      className: (0, _Emotion.cx)(_SidePage.styles.close(theme), (_cx = {}, _cx[
-      _SidePage.styles.close5_1(theme)] = versionGTE5_1, _cx[
-      _SidePage.styles.closeFocus(theme)] = isFocusedByTab && !versionGTE5_1, _cx[
-      _SidePage.styles.closeFocus5_1(theme)] = isFocusedByTab && versionGTE5_1, _cx[
-      _SidePage.styles.closeSticky(theme)] = isHeaderFixed && versionGTE5_1, _cx[
-      _SidePage.styles.closeMobile(theme)] = isMobile && versionGTE5_1, _cx)
+      className: cx(styles.close(theme), (_cx = {}, _cx[
+      styles.closeFocus(theme)] = isFocusedByTab, _cx[
+      styles.closeSticky(theme)] = isHeaderFixed, _cx[
+      styles.closeMobile(theme)] = isMobile, _cx)
       ),
       onFocus: handleFocus,
       onBlur: handleBlur,

package/cjs/components/SidePage/SidePageCloseButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","~~_globalObject~~","_ThemeContext","_useLocaleForControl","_XIcon20Regular","~~_Emotion","~~_keyListener","~~_ThemeHelpers","~~_SidePage","_locale","_SidePageHeader","_SidePageContext","SidePageCloseButton","exports","_ref","_cx","isHeaderFixed","isMobile","_useState","useState","isFocusedByTab","setIsFocusedByTab","locale","useLocaleForControl","SidePageLocaleHelper","theme","useContext","ThemeContext","~~sidePageContext~~","~~SidePageContext~~","~~handleFocus~~","~~globalObject~~","~~requestAnimationFrame~~","~~keyListener~~","~~isTabPressed~~","~~handleBlur~~","~~icon~~","~~default~~","~~createElement~~","~~XIcon20Regular~~","~~align~~","~~versionGTE5_1~~","~~isThemeGTE~~","~~closeButtonAriaLabel~~","~~className~~","cx","~~styles~~","~~close~~","~~close5_1~~","~~closeFocus~~","~~closeFocus5_1~~","closeSticky","closeMobile","onFocus","onBlur","onClick","requestClose","SidePageHeaderDataTids","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageCloseButton.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport { ~~globalObject~~ } from '~~@skbkontur~~/~~global-object~~';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { cx } from '../../lib/~~theming/Emotion';\nimport { keyListener } from '../../lib/~~events/keyListener';\nimport type { CommonProps } from '../../internal/CommonWrapper';\~~nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\~~n\nimport { ~~styles~~ } from './SidePage.styles';\nimport { SidePageLocaleHelper } from './locale';\nimport { SidePageHeaderDataTids } from './SidePageHeader';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageCloseButtonProps extends CommonProps {\n isHeaderFixed: boolean;\n isMobile?: boolean;\n}\n\nexport const SidePageCloseButton = ({ isHeaderFixed, isMobile }: SidePageCloseButtonProps) => {\n const [isFocusedByTab, setIsFocusedByTab] = useState(false);\n\n const locale = useLocaleForControl('SidePage', SidePageLocaleHelper);\n const theme = useContext(ThemeContext);\n const sidePageContext = useContext(SidePageContext);\n\n const handleFocus = () => {\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setIsFocusedByTab(true);\n }\n });\n };\n\n const handleBlur = () => {\n setIsFocusedByTab(false);\n };\n\n const icon = <XIcon20Regular align=\"none\" />;\n ~~const versionGTE5_1 = isThemeGTE(theme, '5.1');\n~~ return (\n <button\n aria-label={locale?.closeButtonAriaLabel}\n className={cx(styles.close(theme), {\n [styles.~~close5_1(theme)]: versionGTE5_1,\n [styles.~~closeFocus(theme)]: isFocusedByTab ~~&& !versionGTE5_1~~,\n [styles.~~closeFocus5_1(theme)]: isFocusedByTab && versionGTE5_1,\n [styles.~~closeSticky(theme)]: isHeaderFixed ~~&& versionGTE5_1~~,\n [styles.closeMobile(theme)]: isMobile ~~&& versionGTE5_1~~,\n })}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onClick={sidePageContext.requestClose}\n data-tid={SidePageHeaderDataTids.close}\n >\n {icon}\n </button>\n );\n};\n\nSidePageCloseButton.__KONTUR_REACT_UI__ = 'SidePageCloseButton';\nSidePageCloseButton.displayName = 'SidePageCloseButton';\n"],"mappings":"2KAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA~~;AACA~~,IAAAC,~~aAAA~~,GAAAD,OAAA~~;;AAEA~~,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,~~QAAA~~,GAAAL,OAAA~~;AACA~~,IAAAM,~~YAAA~~,GAAAN,OAAA~~;;AAEA,IAAAO,aAAA,GAAAP,OAAA;;AAEA,IAAAQ,SAAA,GAAAR,OAAA~~;AACA,~~IAAAS~~,OAAA,~~GAAAT~~,OAAA;AACA,~~IAAAU~~,eAAA,~~GAAAV~~,OAAA;AACA,~~IAAAW~~,gBAAA,~~GAAAX~~,OAAA;;;;;;;AAOO,~~IAAMY~~,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAAE,IAAA,~~EAA8D~~,KAAAC,GAAA,~~KAAxDC~~,aAAa,GAAAF,IAAA,CAAbE,aAAa,CAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAC3D,IAAAC,SAAA,GAA4C,IAAAC,eAAQ,EAAC,KAAK,CAAC,CAApDC,cAAc,GAAAF,SAAA,IAAEG,iBAAiB,GAAAH,SAAA;;EAExC,IAAMI,MAAM,GAAG,IAAAC,wCAAmB,EAAC,UAAU,EAAEC,4BAAoB,CAAC;EACpE,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAMC,eAAe,GAAG,~~IAAAF~~,iBAAU,~~EAACG~~,gCAAe,CAAC;;EAEnD,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;~~IACxBC~~,~~0BAAY~~,~~CAACC~~,qBAAqB,~~YAAlCD~~,~~0BAAY~~,~~CAACC~~,qBAAqB,CAAG,YAAM;MACzC,~~IAAIC~~,~~wBAAW~~,~~CAACC~~,YAAY,EAAE;~~QAC5Bb~~,iBAAiB,CAAC,IAAI,CAAC;MACzB;IACF,CAAC,CAAC;EACJ,CAAC;;EAED,~~IAAMc~~,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;~~IACvBd~~,iBAAiB,CAAC,KAAK,CAAC;EAC1B,CAAC;;EAED,~~IAAMe~~,IAAI,~~gBAAGtC~~,MAAA,~~CAAAuC~~,OAAA,CAAAC,aAAA,~~CAAClC~~,eAAA,~~CAAAmC~~,cAAc,IAACC,KAAK,EAAC,MAAM,EAAE,CAAC;EAC5C~~,IAAMC,aAAa,GAAG,IAAAC,wBAAU,EAACjB,KAAK,EAAE,KAAK,CAAC~~;~~EAC9C;IACE3B~~,MAAA,~~CAAAuC~~,OAAA,CAAAC,aAAA;MACE,~~cAAYhB~~,MAAM,oBAANA,MAAM,~~CAAEqB~~,oBAAqB;MACzCC,SAAS,EAAE,~~IAAAC~~,~~WAAE~~,~~EAACC~~,~~gBAAM,CAACC,~~KAAK,~~CAACtB~~,KAAK,CAAC,~~GAAAV~~,GAAA,OAAAA,GAAA;~~MAC9B+B~~,~~gBAAM~~,~~CAACE~~,~~QAAQ,CAACvB,KAAK,CAAC,IAAGgB,aAAa,EAAA1B,GAAA;MACtC+B,gBAAM,CAACG,~~UAAU,~~CAACxB,KAAK,CAAC,IAAGL,cAAc,IAAI,CAACqB,aAAa,EAAA1B,GAAA;MAC3D+B,gBAAM,CAACI,aAAa,~~CAACzB,KAAK,CAAC,~~IAAGL~~,cAAc,~~IAAIqB~~,~~aAAa,EAAA1B,~~GAAA;~~MAC7D+B~~,~~gBAAM~~,~~CAACK~~,WAAW,CAAC1B,KAAK,CAAC,~~IAAGT~~,aAAa,~~IAAIyB~~,~~aAAa,EAAA1B,~~GAAA;~~MAC1D+B~~,~~gBAAM~~,~~CAACM~~,WAAW,CAAC3B,KAAK,CAAC,~~IAAGR~~,QAAQ,~~IAAIwB~~,~~aAAa,EAAA1B,~~GAAA;~~MACvD~~,CAAE;~~MACHsC~~,OAAO,~~EAAEvB~~,WAAY;~~MACrBwB~~,MAAM,~~EAAEnB~~,UAAW;~~MACnBoB~~,OAAO,~~EAAE3B~~,eAAe,~~CAAC4B~~,YAAa;MACtC,YAAUC,sCAAsB,~~CAACV~~,KAAM;;~~IAEtCX~~;IACK,CAAC;;AAEb,CAAC;;~~AAEDxB~~,mBAAmB,~~CAAC8C~~,mBAAmB,GAAG,qBAAqB;AAC/~~D9C~~,mBAAmB,~~CAAC+C~~,WAAW,GAAG,qBAAqB","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_ThemeContext","_useLocaleForControl","_XIcon20Regular","_keyListener","_SidePage","_locale","_SidePageHeader","_SidePageContext","SidePageCloseButton","exports","_ref","_cx","isHeaderFixed","isMobile","_useState","useState","isFocusedByTab","setIsFocusedByTab","locale","useLocaleForControl","SidePageLocaleHelper","globalObject","useGlobal","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","keyListener","useKeyListener","sidePageContext","SidePageContext","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","icon","default","createElement","XIcon20Regular","align","closeButtonAriaLabel","className","close","closeFocus","closeSticky","closeMobile","onFocus","onBlur","onClick","requestClose","SidePageHeaderDataTids","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageCloseButton.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\n\nimport { useGlobal, useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { useKeyListener } from '../../lib/events/keyListener';\nimport type { CommonProps } from '../../internal/CommonWrapper';\n\nimport { getStyles } from './SidePage.styles';\nimport { SidePageLocaleHelper } from './locale';\nimport { SidePageHeaderDataTids } from './SidePageHeader';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageCloseButtonProps extends CommonProps {\n isHeaderFixed: boolean;\n isMobile?: boolean;\n}\n\nexport const SidePageCloseButton = ({ isHeaderFixed, isMobile }: SidePageCloseButtonProps): React.JSX.Element => {\n const [isFocusedByTab, setIsFocusedByTab] = useState(false);\n\n const locale = useLocaleForControl('SidePage', SidePageLocaleHelper);\n const globalObject = useGlobal();\n const theme = useContext(ThemeContext);\n const { cx } = useEmotion();\n const styles = useStyles(getStyles);\n const keyListener = useKeyListener();\n const sidePageContext = useContext(SidePageContext);\n\n const handleFocus = () => {\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n setIsFocusedByTab(true);\n }\n });\n };\n\n const handleBlur = () => {\n setIsFocusedByTab(false);\n };\n\n const icon = <XIcon20Regular align=\"none\" />;\n return (\n <button\n aria-label={locale?.closeButtonAriaLabel}\n className={cx(styles.close(theme), {\n [styles.closeFocus(theme)]: isFocusedByTab,\n [styles.closeSticky(theme)]: isHeaderFixed,\n [styles.closeMobile(theme)]: isMobile,\n })}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onClick={sidePageContext.requestClose}\n data-tid={SidePageHeaderDataTids.close}\n >\n {icon}\n </button>\n );\n};\n\nSidePageCloseButton.__KONTUR_REACT_UI__ = 'SidePageCloseButton';\nSidePageCloseButton.displayName = 'SidePageCloseButton';\n"],"mappings":"2KAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;;;AAGA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AACA,IAAAS,gBAAA,GAAAT,OAAA;;;;;;;AAOO,IAAMU,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAAE,IAAA,EAAiF,KAAAC,GAAA,KAA3EC,aAAa,GAAAF,IAAA,CAAbE,aAAa,CAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EAC3D,IAAAC,SAAA,GAA4C,IAAAC,eAAQ,EAAC,KAAK,CAAC,CAApDC,cAAc,GAAAF,SAAA,IAAEG,iBAAiB,GAAAH,SAAA;;EAExC,IAAMI,MAAM,GAAG,IAAAC,wCAAmB,EAAC,UAAU,EAAEC,4BAAoB,CAAC;EACpE,IAAMC,YAAY,GAAG,IAAAC,4BAAS,EAAC,CAAC;EAChC,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAAC,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;EACV,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,mBAAS,CAAC;EACnC,IAAMC,WAAW,GAAG,IAAAC,2BAAc,EAAC,CAAC;EACpC,IAAMC,eAAe,GAAG,IAAAV,iBAAU,EAACW,gCAAe,CAAC;;EAEnD,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBf,YAAY,CAACgB,qBAAqB,YAAlChB,YAAY,CAACgB,qBAAqB,CAAG,YAAM;MACzC,IAAIL,WAAW,CAACM,YAAY,EAAE;QAC5BrB,iBAAiB,CAAC,IAAI,CAAC;MACzB;IACF,CAAC,CAAC;EACJ,CAAC;;EAED,IAAMsB,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;IACvBtB,iBAAiB,CAAC,KAAK,CAAC;EAC1B,CAAC;;EAED,IAAMuB,IAAI,gBAAG5C,MAAA,CAAA6C,OAAA,CAAAC,aAAA,CAACxC,eAAA,CAAAyC,cAAc,IAACC,KAAK,EAAC,MAAM,EAAE,CAAC;EAC5C;IACEhD,MAAA,CAAA6C,OAAA,CAAAC,aAAA;MACE,cAAYxB,MAAM,oBAANA,MAAM,CAAE2B,oBAAqB;MACzCC,SAAS,EAAElB,EAAE,CAACC,MAAM,CAACkB,KAAK,CAACxB,KAAK,CAAC,GAAAZ,GAAA,OAAAA,GAAA;MAC9BkB,MAAM,CAACmB,UAAU,CAACzB,KAAK,CAAC,IAAGP,cAAc,EAAAL,GAAA;MACzCkB,MAAM,CAACoB,WAAW,CAAC1B,KAAK,CAAC,IAAGX,aAAa,EAAAD,GAAA;MACzCkB,MAAM,CAACqB,WAAW,CAAC3B,KAAK,CAAC,IAAGV,QAAQ,EAAAF,GAAA;MACtC,CAAE;MACHwC,OAAO,EAAEf,WAAY;MACrBgB,MAAM,EAAEb,UAAW;MACnBc,OAAO,EAAEnB,eAAe,CAACoB,YAAa;MACtC,YAAUC,sCAAsB,CAACR,KAAM;;IAEtCP;IACK,CAAC;;AAEb,CAAC;;AAEDhC,mBAAmB,CAACgD,mBAAmB,GAAG,qBAAqB;AAC/DhD,mBAAmB,CAACiD,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/cjs/components/SidePage/SidePageContainer.d.ts CHANGED Viewed

@@ -13,6 +13,9 @@ export declare const SidePageContainerDataTids: {
 export declare class SidePageContainer extends React.Component<SidePageContainerProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private isMobileLayout;
     getRootNode: TGetRootNode;

package/cjs/components/SidePage/SidePageContainer.js CHANGED Viewed

@@ -1,13 +1,14 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.SidePageContainerDataTids = exports.SidePageContainer = 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 _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 var _decorator = require("../ResponsiveLayout/decorator");
 var _rootNode = require("../../lib/rootNode");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _SidePage = require("./SidePage.styles");
 var _SidePageContext = require("./SidePageContext");var _class, _SidePageContainer;
@@ -25,7 +26,11 @@ var SidePageContainerDataTids = exports.SidePageContainerDataTids = {
  */var
-SidePageContainer = exports.SidePageContainer = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageContainer = /*#__PURE__*/function (_React$Component) {function SidePageContainer() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(SidePageContainer, _React$Component);var _proto = SidePageContainer.prototype;_proto.
+SidePageContainer = exports.SidePageContainer = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageContainer = /*#__PURE__*/function (_React$Component) {function SidePageContainer() {return _React$Component.apply(this, arguments) || this;}(0, _inheritsLoose2.default)(SidePageContainer, _React$Component);var _proto = SidePageContainer.prototype;_proto.
@@ -35,6 +40,8 @@ SidePageContainer = exports.SidePageContainer = (0, _decorator.responsiveLayout)
   render = function render() {var _this = this;
+    this.styles = (0, _SidePage.getStyles)(this.emotion);
     return /*#__PURE__*/(
       _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
       function (theme) {
@@ -48,17 +55,17 @@ SidePageContainer = exports.SidePageContainer = (0, _decorator.responsiveLayout)
   renderMain = function renderMain() {var _this2 = this;
     return /*#__PURE__*/(
       _react.default.createElement(_SidePageContext.SidePageContext.Consumer, null,
-      function (_ref) {var _cx;var hasHeader = _ref.hasHeader,hasFooter = _ref.hasFooter,hasPanel = _ref.hasPanel;return /*#__PURE__*/(
+      function (_ref) {var _this2$cx;var hasHeader = _ref.hasHeader,hasFooter = _ref.hasFooter,hasPanel = _ref.hasPanel;return /*#__PURE__*/(
           _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this2.setRootNode }, _this2.props), /*#__PURE__*/
           _react.default.createElement("div", {
             "data-tid": SidePageContainerDataTids.root,
-            className: (0, _Emotion.cx)((_cx = {}, _cx[
-            _SidePage.styles.container(_this2.theme)] = true, _cx[
-            _SidePage.styles.containerWithoutHeader(_this2.theme)] = !hasHeader, _cx[
-            _SidePage.styles.containerWithoutFooter(_this2.theme)] = !hasFooter, _cx[
-            _SidePage.styles.containerWithPanel(_this2.theme)] = hasPanel, _cx[
-            _SidePage.styles.mobileContainer(_this2.theme)] = _this2.isMobileLayout, _cx[
-            _SidePage.styles.mobileContainerWithoutHeader(_this2.theme)] = _this2.isMobileLayout && !hasHeader, _cx)
+            className: _this2.cx((_this2$cx = {}, _this2$cx[
+            _this2.styles.container(_this2.theme)] = true, _this2$cx[
+            _this2.styles.containerWithoutHeader(_this2.theme)] = !hasHeader, _this2$cx[
+            _this2.styles.containerWithoutFooter(_this2.theme)] = !hasFooter, _this2$cx[
+            _this2.styles.containerWithPanel(_this2.theme)] = hasPanel, _this2$cx[
+            _this2.styles.mobileContainer(_this2.theme)] = _this2.isMobileLayout, _this2$cx[
+            _this2.styles.mobileContainerWithoutHeader(_this2.theme)] = _this2.isMobileLayout && !hasHeader, _this2$cx)
             ) },
           _this2.props.children
@@ -67,4 +74,4 @@ SidePageContainer = exports.SidePageContainer = (0, _decorator.responsiveLayout)
       ));
-  };return SidePageContainer;}(_react.default.Component), _SidePageContainer.__KONTUR_REACT_UI__ = 'SidePageContainer', _SidePageContainer.displayName = 'SidePageContainer', _SidePageContainer)) || _class) || _class;
+  };return SidePageContainer;}(_react.default.Component), _SidePageContainer.__KONTUR_REACT_UI__ = 'SidePageContainer', _SidePageContainer.displayName = 'SidePageContainer', _SidePageContainer)) || _class) || _class) || _class;

package/cjs/components/SidePage/SidePageContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_CommonWrapper","~~_Emotion~~","~~_decorator~~","~~_rootNode~~","_SidePage","_SidePageContext","_class","_SidePageContainer","SidePageContainerDataTids","exports","root","SidePageContainer","responsiveLayout","rootNode","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","createElement","ThemeContext","Consumer","theme","renderMain","_this2","SidePageContext","_ref","~~_cx~~","hasHeader","hasFooter","hasPanel","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","cx","~~styles","~~container","containerWithoutHeader","containerWithoutFooter","containerWithPanel","mobileContainer","isMobileLayout","mobileContainerWithoutHeader","children","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageContainer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { cx } from '~~../../lib~~/~~theming/Emotion~~';\nimport { ~~responsiveLayout~~ } from '~~../ResponsiveLayout~~/~~decorator~~';\nimport ~~type~~ { ~~TGetRootNode,~~ ~~TSetRootNode~~ } from '../../lib/rootNode';\nimport { ~~rootNode~~ } from '../../lib/~~rootNode~~';\n\nimport { ~~styles~~ } from './SidePage.styles';\nimport { SidePageContext } from './SidePageContext';\n\nexport type SidePageContainerProps = CommonProps;\n\nexport const SidePageContainerDataTids = {\n root: 'SidePageContainer__root',\n} as const;\n\n/*\n Контейнер с отступами\n \n @visibleName SidePage.Container\n */\n@responsiveLayout\n@rootNode\nexport class SidePageContainer extends React.Component<SidePageContainerProps> {\n public static __KONTUR_REACT_UI__ = 'SidePageContainer';\n public static displayName = 'SidePageContainer';\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 = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain() {\n return (\n <SidePageContext.Consumer>\n {({ hasHeader, hasFooter, hasPanel }) => (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n data-tid={SidePageContainerDataTids.root}\n className={cx({\n [styles.container(this.theme)]: true,\n [styles.containerWithoutHeader(this.theme)]: !hasHeader,\n [styles.containerWithoutFooter(this.theme)]: !hasFooter,\n [styles.containerWithPanel(this.theme)]: hasPanel,\n [styles.mobileContainer(this.theme)]: this.isMobileLayout,\n [styles.mobileContainerWithoutHeader(this.theme)]: this.isMobileLayout && !hasHeader,\n })}\n >\n {this.props.children}\n </div>\n </CommonWrapper>\n )}\n </SidePageContext.Consumer>\n );\n }\n}\n"],"mappings":"2XAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA~~;;AAEA~~,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,cAAA,GAAAF,OAAA;;AAEA,IAAAG,~~QAAA~~,GAAAH,OAAA~~;AACA~~,IAAAI,~~UAAA~~,GAAAJ,OAAA~~;;AAEA~~,IAAAK,~~SAAA~~,GAAAL,OAAA;;AAEA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA,sBAAoD,IAAAQ,MAAA,EAAAC,kBAAA;;;;AAI7C,IAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG;EACvCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA,GAJA~~;;;AAOaC~~,iBAAiB,GAAAF,OAAA,CAAAE,iBAAA,~~OAF7BC~~,~~2BAAgB~~,EAAAN,MAAA,~~OAChBO~~,~~kBAAQ~~,EAAAP,MAAA,IAAAC,kBAAA,~~0BAAAO~~,gBAAA,~~YAAAH~~,kBAAA,~~UAAAG~~,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,~~EAAAP~~,iBAAA,~~EAAAG~~,gBAAA,MAAAK,MAAA,~~GAAAR~~,iBAAA,~~CAAAS~~,SAAA,CAAAD,MAAA~~;;;;;;;;;EAUAE~~,MAAM,GAAb,SAAAA,OAAA,~~EAAgB~~,KAAAC,KAAA;~~IACd~~;~~MACE1B~~,MAAA,~~CAAAsB~~,OAAA,~~CAAAK~~,aAAA,~~CAACxB~~,aAAA,~~CAAAyB~~,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;~~QACVJ~~,KAAI,~~CAACI~~,KAAK,GAAGA,KAAK;QAClB,~~OAAOJ~~,KAAI,~~CAACK~~,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,~~CAAAR~~,MAAA;;~~EAEMQ~~,UAAU,GAAjB,SAAAA,WAAA,~~EAAoB~~,KAAAC,MAAA;~~IAClB~~;~~MACEhC~~,MAAA,~~CAAAsB~~,OAAA,~~CAAAK~~,aAAA,~~CAAClB~~,gBAAA,~~CAAAwB~~,eAAe,CAACJ,QAAQ;MACtB,UAAAK,IAAA,OAAAC,~~GAAA~~,KAAGC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS,CAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;~~UAChCtC~~,MAAA,~~CAAAsB~~,OAAA,~~CAAAK~~,aAAA,~~CAACvB~~,cAAA,~~CAAAmC~~,aAAa,MAAAC,SAAA,~~CAAAlB~~,OAAA,~~IAACmB~~,WAAW,EAAET,MAAI,CAACU,WAAY,IAAKV,MAAI,CAACW,KAAK;~~UAC1D3C~~,MAAA,~~CAAAsB~~,OAAA,~~CAAAK~~,aAAA;YACE,~~YAAUf~~,yBAAyB,CAACE,IAAK;~~YACzC8B~~,SAAS,~~EAAE~~,~~IAAAC~~,~~WAAE~~,~~GAAAV~~,~~GAAA~~,OAAAA,~~GAAA~~;~~YACVW~~,~~gBAAM~~,~~CAACC~~,SAAS,~~CAACf~~,MAAI,CAACF,KAAK,CAAC,IAAG,IAAI,EAAAK,~~GAAA~~;~~YACnCW~~,~~gBAAM~~,~~CAACE~~,sBAAsB,~~CAAChB~~,MAAI,CAACF,KAAK,CAAC,IAAG,CAACM,SAAS,EAAAD,~~GAAA~~;~~YACtDW~~,~~gBAAM~~,~~CAACG~~,sBAAsB,~~CAACjB~~,MAAI,CAACF,KAAK,CAAC,IAAG,CAACO,SAAS,EAAAF,~~GAAA~~;~~YACtDW~~,~~gBAAM~~,~~CAACI~~,kBAAkB,~~CAAClB~~,MAAI,CAACF,KAAK,CAAC,IAAGQ,QAAQ,EAAAH,~~GAAA~~;~~YAChDW~~,~~gBAAM~~,~~CAACK~~,eAAe,~~CAACnB~~,MAAI,CAACF,KAAK,CAAC,IAAGE,MAAI,~~CAACoB~~,cAAc,~~EAAAjB~~,~~GAAA~~;~~YACxDW~~,~~gBAAM~~,~~CAACO~~,4BAA4B,~~CAACrB~~,MAAI,CAACF,KAAK,CAAC,IAAGE,MAAI,~~CAACoB~~,cAAc,IAAI,~~CAAChB~~,SAAS,EAAAD,~~GAAA~~;~~YACrF~~,CAAE;;UAEFH,MAAI,CAACW,KAAK,~~CAACW~~;UACT;UACQ,CAAC;;MAEM,CAAC;;EAE/B,CAAC,~~QAAAvC~~,iBAAA,~~GA1CoCwC~~,cAAK,CAACC,SAAS,~~GAAA7C~~,kBAAA,~~CACtC8C~~,mBAAmB,GAAG,mBAAmB,~~EAAA9C~~,kBAAA,~~CACzC+C~~,WAAW,GAAG,mBAAmB,~~EAAA/C~~,kBAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_ThemeContext","_CommonWrapper","_decorator","_rootNode","_renderEnvironment","_SidePage","_SidePageContext","_class","_SidePageContainer","SidePageContainerDataTids","exports","root","SidePageContainer","withRenderEnvironment","responsiveLayout","rootNode","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","styles","getStyles","emotion","createElement","ThemeContext","Consumer","theme","renderMain","_this2","SidePageContext","_ref","_this2$cx","hasHeader","hasFooter","hasPanel","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","cx","container","containerWithoutHeader","containerWithoutFooter","containerWithPanel","mobileContainer","isMobileLayout","mobileContainerWithoutHeader","children","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["SidePageContainer.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './SidePage.styles';\nimport { SidePageContext } from './SidePageContext';\n\nexport type SidePageContainerProps = CommonProps;\n\nexport const SidePageContainerDataTids = {\n root: 'SidePageContainer__root',\n} as const;\n\n/*\n Контейнер с отступами\n \n @visibleName SidePage.Container\n */\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\nexport class SidePageContainer extends React.Component<SidePageContainerProps> {\n public static __KONTUR_REACT_UI__ = 'SidePageContainer';\n public static displayName = 'SidePageContainer';\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 = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain(): React.JSX.Element {\n return (\n <SidePageContext.Consumer>\n {({ hasHeader, hasFooter, hasPanel }) => (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n data-tid={SidePageContainerDataTids.root}\n className={this.cx({\n [this.styles.container(this.theme)]: true,\n [this.styles.containerWithoutHeader(this.theme)]: !hasHeader,\n [this.styles.containerWithoutFooter(this.theme)]: !hasFooter,\n [this.styles.containerWithPanel(this.theme)]: hasPanel,\n [this.styles.mobileContainer(this.theme)]: this.isMobileLayout,\n [this.styles.mobileContainerWithoutHeader(this.theme)]: this.isMobileLayout && !hasHeader,\n })}\n >\n {this.props.children}\n </div>\n </CommonWrapper>\n )}\n </SidePageContext.Consumer>\n );\n }\n}\n"],"mappings":"2XAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,aAAA,GAAAD,OAAA;;AAEA,IAAAE,cAAA,GAAAF,OAAA;;AAEA,IAAAG,UAAA,GAAAH,OAAA;;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;;AAEA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA,sBAAoD,IAAAQ,MAAA,EAAAC,kBAAA;;;;AAI7C,IAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG;EACvCE,IAAI,EAAE;AACR,CAAU;;AAEV;AACA;AACA;AACA;AACA,GAJA;;;;AAQaC,iBAAiB,GAAAF,OAAA,CAAAE,iBAAA,OAH7BC,wCAAqB,EAAAN,MAAA,OACrBO,2BAAgB,EAAAP,MAAA,OAChBQ,kBAAQ,EAAAR,MAAA,IAAAC,kBAAA,0BAAAQ,gBAAA,YAAAJ,kBAAA,UAAAI,gBAAA,CAAAC,KAAA,OAAAC,SAAA,eAAAC,eAAA,CAAAC,OAAA,EAAAR,iBAAA,EAAAI,gBAAA,MAAAK,MAAA,GAAAT,iBAAA,CAAAU,SAAA,CAAAD,MAAA;;;;;;;;;;;;EAaAE,MAAM,GAAb,SAAAA,OAAA,EAAmC,KAAAC,KAAA;IACjC,IAAI,CAACC,MAAM,GAAG,IAAAC,mBAAS,EAAC,IAAI,CAACC,OAAO,CAAC;;IAErC;MACE9B,MAAA,CAAAuB,OAAA,CAAAQ,aAAA,CAAC5B,aAAA,CAAA6B,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVP,KAAI,CAACO,KAAK,GAAGA,KAAK;QAClB,OAAOP,KAAI,CAACQ,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAX,MAAA;;EAEMW,UAAU,GAAjB,SAAAA,WAAA,EAAuC,KAAAC,MAAA;IACrC;MACEpC,MAAA,CAAAuB,OAAA,CAAAQ,aAAA,CAACtB,gBAAA,CAAA4B,eAAe,CAACJ,QAAQ;MACtB,UAAAK,IAAA,OAAAC,SAAA,KAAGC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS,CAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;UAChC1C,MAAA,CAAAuB,OAAA,CAAAQ,aAAA,CAAC3B,cAAA,CAAAuC,aAAa,MAAAC,SAAA,CAAArB,OAAA,IAACsB,WAAW,EAAET,MAAI,CAACU,WAAY,IAAKV,MAAI,CAACW,KAAK;UAC1D/C,MAAA,CAAAuB,OAAA,CAAAQ,aAAA;YACE,YAAUnB,yBAAyB,CAACE,IAAK;YACzCkC,SAAS,EAAEZ,MAAI,CAACa,EAAE,EAAAV,SAAA,OAAAA,SAAA;YACfH,MAAI,CAACR,MAAM,CAACsB,SAAS,CAACd,MAAI,CAACF,KAAK,CAAC,IAAG,IAAI,EAAAK,SAAA;YACxCH,MAAI,CAACR,MAAM,CAACuB,sBAAsB,CAACf,MAAI,CAACF,KAAK,CAAC,IAAG,CAACM,SAAS,EAAAD,SAAA;YAC3DH,MAAI,CAACR,MAAM,CAACwB,sBAAsB,CAAChB,MAAI,CAACF,KAAK,CAAC,IAAG,CAACO,SAAS,EAAAF,SAAA;YAC3DH,MAAI,CAACR,MAAM,CAACyB,kBAAkB,CAACjB,MAAI,CAACF,KAAK,CAAC,IAAGQ,QAAQ,EAAAH,SAAA;YACrDH,MAAI,CAACR,MAAM,CAAC0B,eAAe,CAAClB,MAAI,CAACF,KAAK,CAAC,IAAGE,MAAI,CAACmB,cAAc,EAAAhB,SAAA;YAC7DH,MAAI,CAACR,MAAM,CAAC4B,4BAA4B,CAACpB,MAAI,CAACF,KAAK,CAAC,IAAGE,MAAI,CAACmB,cAAc,IAAI,CAACf,SAAS,EAAAD,SAAA;YAC1F,CAAE;;UAEFH,MAAI,CAACW,KAAK,CAACU;UACT;UACQ,CAAC;;MAEM,CAAC;;EAE/B,CAAC,QAAA1C,iBAAA,GA/CoC2C,cAAK,CAACC,SAAS,GAAAhD,kBAAA,CACtCiD,mBAAmB,GAAG,mBAAmB,EAAAjD,kBAAA,CACzCkD,WAAW,GAAG,mBAAmB,EAAAlD,kBAAA,MAAAD,MAAA,KAAAA,MAAA,KAAAA,MAAA","ignoreList":[]}

package/cjs/components/SidePage/SidePageFooter.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';
 import type { GappedProps } from '../Gapped';
@@ -31,6 +31,10 @@ export declare class SidePageFooter extends React.Component<React.PropsWithChild
     context: SidePageContextType;
     private isMobileLayout;
     state: SidePageFooterState;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private content;
     private layoutSub;

package/cjs/components/SidePage/SidePageFooter.js CHANGED Viewed

@@ -1,11 +1,12 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.SidePageFooterDataTids = exports.SidePageFooter = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _CommonWrapper = require("../../internal/CommonWrapper");
-var _Emotion = require("../../lib/theming/Emotion");
 var _decorator = require("../ResponsiveLayout/decorator");
 var _rootNode = require("../../lib/rootNode");
@@ -14,6 +15,7 @@ var _getDOMRect = require("../../lib/dom/getDOMRect");
 var _Gapped = require("../Gapped");
 var _utils = require("../../lib/utils");
 var _ModalSeparator = require("../Modal/ModalSeparator");
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _SidePage = require("./SidePage.styles");
@@ -48,7 +50,8 @@ var SidePageFooterDataTids = exports.SidePageFooterDataTids = {
  */var
-SidePageFooter = exports.SidePageFooter = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageFooter = /*#__PURE__*/function (_React$Component) {function SidePageFooter() {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.
+SidePageFooter = exports.SidePageFooter = (0, _renderEnvironment.withRenderEnvironment)(_class = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = (_SidePageFooter = /*#__PURE__*/function (_React$Component) {function SidePageFooter() {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.
@@ -61,6 +64,10 @@ SidePageFooter = exports.SidePageFooter = (0, _decorator.responsiveLayout)(_clas
     };_this.
     content = null;_this.
     layoutSub = null;_this.
@@ -107,6 +114,8 @@ SidePageFooter = exports.SidePageFooter = (0, _decorator.responsiveLayout)(_clas
@@ -174,11 +183,11 @@ SidePageFooter = exports.SidePageFooter = (0, _decorator.responsiveLayout)(_clas
         var fixed = wrapperRect.top > contentRect.top;
         _this.setState({ fixed: fixed });
       }
-    };return _this;}(0, _inheritsLoose2.default)(SidePageFooter, _React$Component);var _proto = SidePageFooter.prototype;_proto.componentDidMount = function componentDidMount() {var _this$context$setHasF, _this$context, _this$context$setHasP, _this$context2;this.context.footerRef(this);this.update();this.layoutSub = LayoutEvents.addListener(this.update);(_this$context$setHasF = (_this$context = this.context).setHasFooter) == null || _this$context$setHasF.call(_this$context);(_this$context$setHasP = (_this$context2 = this.context).setHasPanel) == null || _this$context$setHasP.call(_this$context2, this.props.panel);};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$context$setHasP2, _this$context3;this.props.panel !== prevProps.panel && ((_this$context$setHasP2 = (_this$context3 = this.context).setHasPanel) == null ? void 0 : _this$context$setHasP2.call(_this$context3, this.props.panel));};_proto.componentWillUnmount = function componentWillUnmount() {var _this$context$setHasF2, _this$context4, _this$context$setHasP3, _this$context5;this.context.footerRef(null);if (this.layoutSub) {this.layoutSub.remove();}(_this$context$setHasF2 = (_this$context4 = this.context).setHasFooter) == null || _this$context$setHasF2.call(_this$context4, false);(_this$context$setHasP3 = (_this$context5 = this.context).setHasPanel) == null || _this$context$setHasP3.call(_this$context5, false);};_proto.getSticky = function getSticky() {if (typeof this.props.sticky !== 'undefined') {return this.props.sticky;}if (this.isMobileLayout) {return false;}return true;};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;var separator = (this.props.panel || this.state.fixed) && /*#__PURE__*/_react.default.createElement(_ModalSeparator.ModalSeparator, { fixed: this.state.fixed });return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageFooterDataTids.root, style: { height: this.getContentHeight() }, className: _SidePage.styles.footerWrapper() }, /*#__PURE__*/_react.default.createElement(_SidePageContext.SidePageContext.Consumer, null, function (_ref) {var _cx, _cx2;var getWidth = _ref.getWidth;return /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_SidePage.styles.footer(_this3.theme), (_cx = {}, _cx[_SidePage.styles.positionStatic()] = !_this3.getSticky(), _cx)), style: { width: getWidth() } }, separator, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_SidePage.styles.footerContent(_this3.theme), (_cx2 = {}, _cx2[_SidePage.styles.footerFixed(_this3.theme)] = _this3.state.fixed, _cx2[_SidePage.styles.panel(_this3.theme)] = !!_this3.props.panel, _cx2[_SidePage.styles.panelFixed(_this3.theme)] = !!_this3.props.panel && _this3.state.fixed, _cx2[_SidePage.styles.mobileFooterContent(_this3.theme)] = _this3.isMobileLayout, _cx2)), ref: _this3.refContent }, (0, _utils.isNonNullable)(_this3.props.gap) ? /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: _this3.isMobileLayout, gap: _this3.props.gap }, _this3.props.children) : _this3.props.children));})));};_proto.
+    };return _this;}(0, _inheritsLoose2.default)(SidePageFooter, _React$Component);var _proto = SidePageFooter.prototype;_proto.componentDidMount = function componentDidMount() {var _this$context$setHasF, _this$context, _this$context$setHasP, _this$context2;this.context.footerRef(this);this.update();this.layoutSub = LayoutEvents.addListener(this.update, this.globalObject);(_this$context$setHasF = (_this$context = this.context).setHasFooter) == null || _this$context$setHasF.call(_this$context);(_this$context$setHasP = (_this$context2 = this.context).setHasPanel) == null || _this$context$setHasP.call(_this$context2, this.props.panel);};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {var _this$context$setHasP2, _this$context3;this.props.panel !== prevProps.panel && ((_this$context$setHasP2 = (_this$context3 = this.context).setHasPanel) == null ? void 0 : _this$context$setHasP2.call(_this$context3, this.props.panel));};_proto.componentWillUnmount = function componentWillUnmount() {var _this$context$setHasF2, _this$context4, _this$context$setHasP3, _this$context5;this.context.footerRef(null);if (this.layoutSub) {this.layoutSub.remove();}(_this$context$setHasF2 = (_this$context4 = this.context).setHasFooter) == null || _this$context$setHasF2.call(_this$context4, false);(_this$context$setHasP3 = (_this$context5 = this.context).setHasPanel) == null || _this$context$setHasP3.call(_this$context5, false);};_proto.getSticky = function getSticky() {if (typeof this.props.sticky !== 'undefined') {return this.props.sticky;}if (this.isMobileLayout) {return false;}return true;};_proto.render = function render() {var _this2 = this;this.styles = (0, _SidePage.getStyles)(this.emotion);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;var separator = (this.props.panel || this.state.fixed) && /*#__PURE__*/_react.default.createElement(_ModalSeparator.ModalSeparator, { fixed: this.state.fixed });return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageFooterDataTids.root, style: { height: this.getContentHeight() }, className: this.styles.footerWrapper() }, /*#__PURE__*/_react.default.createElement(_SidePageContext.SidePageContext.Consumer, null, function (_ref) {var _this3$cx, _this3$cx2;var getWidth = _ref.getWidth;return /*#__PURE__*/_react.default.createElement("div", { className: _this3.cx(_this3.styles.footer(_this3.theme), (_this3$cx = {}, _this3$cx[_this3.styles.positionStatic()] = !_this3.getSticky(), _this3$cx)), style: { width: getWidth() } }, separator, /*#__PURE__*/_react.default.createElement("div", { className: _this3.cx(_this3.styles.footerContent(_this3.theme), (_this3$cx2 = {}, _this3$cx2[_this3.styles.footerFixed(_this3.theme)] = _this3.state.fixed, _this3$cx2[_this3.styles.panel(_this3.theme)] = !!_this3.props.panel, _this3$cx2[_this3.styles.panelFixed(_this3.theme)] = !!_this3.props.panel && _this3.state.fixed, _this3$cx2[_this3.styles.mobileFooterContent(_this3.theme)] = _this3.isMobileLayout, _this3$cx2)), ref: _this3.refContent }, (0, _utils.isNonNullable)(_this3.props.gap) ? /*#__PURE__*/_react.default.createElement(_Gapped.Gapped, { vertical: _this3.isMobileLayout, gap: _this3.props.gap }, _this3.props.children) : _this3.props.children));})));};_proto.
   getContentHeight = function getContentHeight() {
     if (!this.content) {
       return 'auto';
     }
     return (0, _getDOMRect.getDOMRect)(this.content).height;
-  };return SidePageFooter;}(_react.default.Component), _SidePageFooter.__KONTUR_REACT_UI__ = 'SidePageFooter', _SidePageFooter.displayName = 'SidePageFooter', _SidePageFooter.contextType = _SidePageContext.SidePageContext, _SidePageFooter)) || _class) || _class;
+  };return SidePageFooter;}(_react.default.Component), _SidePageFooter.__KONTUR_REACT_UI__ = 'SidePageFooter', _SidePageFooter.displayName = 'SidePageFooter', _SidePageFooter.contextType = _SidePageContext.SidePageContext, _SidePageFooter)) || _class) || _class) || _class;

package/cjs/components/SidePage/SidePageFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","LayoutEvents","_interopRequireWildcard","_ThemeContext","_CommonWrapper","_Emotion","_decorator","_rootNode","_getDOMRect","_Gapped","_utils","_ModalSeparator","_SidePage","_SidePageContext","_class","_SidePageFooter","SidePageFooterDataTids","exports","root","SidePageFooter","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","fixed","content","layoutSub","update","setProperStyles","refContent","node","wrapper","getRootNode","wrapperRect","getDOMRect","contentRect","top","setState","_inheritsLoose2","default","_proto","prototype","componentDidMount","_this$context$setHasF","_this$context","_this$context$setHasP","_this$context2","footerRef","addListener","setHasFooter","setHasPanel","props","panel","componentDidUpdate","prevProps","_this$context$setHasP2","_this$context3","componentWillUnmount","_this$context$setHasF2","_this$context4","_this$context$setHasP3","_this$context5","remove","getSticky","sticky","isMobileLayout","render","_this2","createElement","ThemeContext","Consumer","theme","renderMain","_this3","separator","ModalSeparator","CommonWrapper","_extends2","rootNodeRef","setRootNode","style","height","getContentHeight","className","styles","footerWrapper","SidePageContext","_ref","_cx","_cx2","getWidth","cx","footer","positionStatic","width","footerContent","footerFixed","panelFixed","mobileFooterContent","ref","isNonNullable","gap","Gapped","vertical","children","React","Component","__KONTUR_REACT_UI__","displayName","contextType"],"sources":["SidePageFooter.tsx"],"sourcesContent":["import React from 'react';\n\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport type { GappedProps } from '../Gapped';\nimport { Gapped } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\n\nimport { styles } from './SidePage.styles';\nimport type { SidePageContextType } from './SidePageContext';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageFooterProps extends Omit<CommonProps, 'children'> {\n /** @ignore /\n children?: React.ReactNode \| ((fixed: boolean) => React.ReactNode);\n\n /* Включает серый цвет в футере. /\n panel?: boolean;\n\n /* Закрепляет футер снизу сайдпейджа. /\n sticky?: boolean;\n\n /* Задает расстояние между элементами футера в пикселях. /\n gap?: GappedProps['gap'];\n}\n\ninterface SidePageFooterState {\n fixed: boolean;\n}\n\nexport const SidePageFooterDataTids = {\n root: 'SidePageFooter__root',\n} as const;\n\n/\n Футер сайдпейджа.\n \n @visibleName SidePage.Footer\n */\n@responsiveLayout\n@rootNode\nexport class SidePageFooter extends React.Component<React.PropsWithChildren<SidePageFooterProps>> {\n public static __KONTUR_REACT_UI__ = 'SidePageFooter';\n public static displayName = 'SidePageFooter';\n\n public static contextType = SidePageContext;\n public context: SidePageContextType = this.context;\n private isMobileLayout!: boolean;\n\n public state: SidePageFooterState = {\n fixed: false,\n };\n\n private theme!: Theme;\n private content: HTMLElement \| null = null;\n private layoutSub: ReturnType<typeof LayoutEvents.addListener> \| null = null;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public componentDidMount() {\n this.context.footerRef(this);\n this.update();\n this.layoutSub = LayoutEvents.addListener(this.update);\n this.context.setHasFooter?.();\n this.context.setHasPanel?.(this.props.panel);\n }\n\n public componentDidUpdate(prevProps: Readonly<SidePageFooterProps>) {\n this.props.panel !== prevProps.panel && this.context.setHasPanel?.(this.props.panel);\n }\n\n public componentWillUnmount() {\n this.context.footerRef(null);\n if (this.layoutSub) {\n this.layoutSub.remove();\n }\n this.context.setHasFooter?.(false);\n this.context.setHasPanel?.(false);\n }\n\n public getSticky() {\n if (typeof this.props.sticky !== 'undefined') {\n return this.props.sticky;\n }\n\n if (this.isMobileLayout) {\n return false;\n }\n\n return true;\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public update = () => {\n this.setProperStyles();\n };\n\n private renderMain() {\n const separator: React.ReactNode = (this.props.panel \|\| this.state.fixed) && (\n <ModalSeparator fixed={this.state.fixed} />\n );\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n data-tid={SidePageFooterDataTids.root}\n style={{ height: this.getContentHeight() }}\n className={styles.footerWrapper()}\n >\n <SidePageContext.Consumer>\n {({ getWidth }) => (\n <div\n className={cx(styles.footer(this.theme), {\n [styles.positionStatic()]: !this.getSticky(),\n })}\n style={{\n width: getWidth(),\n }}\n >\n {separator}\n <div\n className={cx(styles.footerContent(this.theme), {\n [styles.footerFixed(this.theme)]: this.state.fixed,\n [styles.panel(this.theme)]: !!this.props.panel,\n [styles.panelFixed(this.theme)]: !!this.props.panel && this.state.fixed,\n [styles.mobileFooterContent(this.theme)]: this.isMobileLayout,\n })}\n ref={this.refContent}\n >\n {isNonNullable(this.props.gap) ? (\n <Gapped vertical={this.isMobileLayout} gap={this.props.gap}>\n {this.props.children}\n </Gapped>\n ) : (\n this.props.children\n )}\n </div>\n </div>\n )}\n </SidePageContext.Consumer>\n </div>\n </CommonWrapper>\n );\n }\n\n private refContent = (node: HTMLElement \| null) => {\n this.content = node;\n };\n\n private setProperStyles = () => {\n const wrapper = getRootNode(this);\n if (wrapper && this.content) {\n const wrapperRect = getDOMRect(wrapper);\n const contentRect = getDOMRect(this.content);\n const fixed = wrapperRect.top > contentRect.top;\n this.setState({ fixed });\n }\n };\n\n private getContentHeight() {\n if (!this.content) {\n return 'auto';\n }\n return getDOMRect(this.content).height;\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","LayoutEvents","_interopRequireWildcard","_ThemeContext","_CommonWrapper","_decorator","_rootNode","_getDOMRect","_Gapped","_utils","_ModalSeparator","_renderEnvironment","_SidePage","_SidePageContext","_class","_SidePageFooter","SidePageFooterDataTids","exports","root","SidePageFooter","withRenderEnvironment","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","context","state","fixed","content","layoutSub","update","setProperStyles","refContent","node","wrapper","getRootNode","wrapperRect","getDOMRect","contentRect","top","setState","_inheritsLoose2","default","_proto","prototype","componentDidMount","_this$context$setHasF","_this$context","_this$context$setHasP","_this$context2","footerRef","addListener","globalObject","setHasFooter","setHasPanel","props","panel","componentDidUpdate","prevProps","_this$context$setHasP2","_this$context3","componentWillUnmount","_this$context$setHasF2","_this$context4","_this$context$setHasP3","_this$context5","remove","getSticky","sticky","isMobileLayout","render","_this2","styles","getStyles","emotion","createElement","ThemeContext","Consumer","theme","renderMain","_this3","separator","ModalSeparator","CommonWrapper","_extends2","rootNodeRef","setRootNode","style","height","getContentHeight","className","footerWrapper","SidePageContext","_ref","_this3$cx","_this3$cx2","getWidth","cx","footer","positionStatic","width","footerContent","footerFixed","panelFixed","mobileFooterContent","ref","isNonNullable","gap","Gapped","vertical","children","React","Component","__KONTUR_REACT_UI__","displayName","contextType"],"sources":["SidePageFooter.tsx"],"sourcesContent":["import React, { type JSX } from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport type { GappedProps } from '../Gapped';\nimport { Gapped } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './SidePage.styles';\nimport type { SidePageContextType } from './SidePageContext';\nimport { SidePageContext } from './SidePageContext';\n\nexport interface SidePageFooterProps extends Omit<CommonProps, 'children'> {\n /** @ignore /\n children?: React.ReactNode \| ((fixed: boolean) => React.ReactNode);\n\n /* Включает серый цвет в футере. /\n panel?: boolean;\n\n /* Закрепляет футер снизу сайдпейджа. /\n sticky?: boolean;\n\n /* Задает расстояние между элементами футера в пикселях. /\n gap?: GappedProps['gap'];\n}\n\ninterface SidePageFooterState {\n fixed: boolean;\n}\n\nexport const SidePageFooterDataTids = {\n root: 'SidePageFooter__root',\n} as const;\n\n/\n Футер сайдпейджа.\n \n @visibleName SidePage.Footer\n */\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\nexport class SidePageFooter extends React.Component<React.PropsWithChildren<SidePageFooterProps>> {\n public static __KONTUR_REACT_UI__ = 'SidePageFooter';\n public static displayName = 'SidePageFooter';\n\n public static contextType = SidePageContext;\n public context: SidePageContextType = this.context;\n private isMobileLayout!: boolean;\n\n public state: SidePageFooterState = {\n fixed: false,\n };\n\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n private content: HTMLElement \| null = null;\n private layoutSub: ReturnType<typeof LayoutEvents.addListener> \| null = null;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public componentDidMount() {\n this.context.footerRef(this);\n this.update();\n this.layoutSub = LayoutEvents.addListener(this.update, this.globalObject);\n this.context.setHasFooter?.();\n this.context.setHasPanel?.(this.props.panel);\n }\n\n public componentDidUpdate(prevProps: Readonly<SidePageFooterProps>) {\n this.props.panel !== prevProps.panel && this.context.setHasPanel?.(this.props.panel);\n }\n\n public componentWillUnmount() {\n this.context.footerRef(null);\n if (this.layoutSub) {\n this.layoutSub.remove();\n }\n this.context.setHasFooter?.(false);\n this.context.setHasPanel?.(false);\n }\n\n public getSticky(): boolean {\n if (typeof this.props.sticky !== 'undefined') {\n return this.props.sticky;\n }\n\n if (this.isMobileLayout) {\n return false;\n }\n\n return true;\n }\n\n public render(): JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public update = (): void => {\n this.setProperStyles();\n };\n\n private renderMain() {\n const separator: React.ReactNode = (this.props.panel \|\| this.state.fixed) && (\n <ModalSeparator fixed={this.state.fixed} />\n );\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div\n data-tid={SidePageFooterDataTids.root}\n style={{ height: this.getContentHeight() }}\n className={this.styles.footerWrapper()}\n >\n <SidePageContext.Consumer>\n {({ getWidth }) => (\n <div\n className={this.cx(this.styles.footer(this.theme), {\n [this.styles.positionStatic()]: !this.getSticky(),\n })}\n style={{\n width: getWidth(),\n }}\n >\n {separator}\n <div\n className={this.cx(this.styles.footerContent(this.theme), {\n [this.styles.footerFixed(this.theme)]: this.state.fixed,\n [this.styles.panel(this.theme)]: !!this.props.panel,\n [this.styles.panelFixed(this.theme)]: !!this.props.panel && this.state.fixed,\n [this.styles.mobileFooterContent(this.theme)]: this.isMobileLayout,\n })}\n ref={this.refContent}\n >\n {isNonNullable(this.props.gap) ? (\n <Gapped vertical={this.isMobileLayout} gap={this.props.gap}>\n {this.props.children}\n </Gapped>\n ) : (\n this.props.children\n )}\n </div>\n </div>\n )}\n </SidePageContext.Consumer>\n </div>\n </CommonWrapper>\n );\n }\n\n private refContent = (node: HTMLElement \| null) => {\n this.content = node;\n };\n\n private setProperStyles = () => {\n const wrapper = getRootNode(this);\n if (wrapper && this.content) {\n const wrapperRect = getDOMRect(wrapper);\n const contentRect = getDOMRect(this.content);\n const fixed = wrapperRect.top > contentRect.top;\n this.setState({ fixed });\n }\n };\n\n private getContentHeight() {\n if (!this.content) {\n return 'auto';\n }\n return getDOMRect(this.content).height;\n }\n}\n"],"mappings":"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","ignoreList":[]}