npm - @skbkontur/react-ui - Versions diffs - 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca - Mend

@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

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 (1528) 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","getStyles","exports","emotion","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 type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const getStyles = (emotion: Emotion) =>\n memoizeStyle({\n root() {\n return emotion.css`\n height: 100%;\n position: fixed;\n top: 0;\n `;\n },\n\n overlay() {\n return emotion.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 emotion.css`\n flex: 1 0 auto;\n z-index: 0;\n color: ${t.modalBodyTextColor};\n `;\n },\n\n mobileBody() {\n return emotion.css`\n font-size: 16px;\n line-height: 22px;\n `;\n },\n\n container(t: Theme) {\n return emotion.css`\n padding-left: ${t.sidePagePaddingLeft};\n padding-right: ${t.sidePagePaddingRight};\n `;\n },\n\n mobileContainer(t: Theme) {\n return emotion.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 emotion.css`\n padding-top: ${t.sidePagePaddingTop};\n `;\n },\n\n mobileContainerWithoutHeader(t: Theme) {\n return emotion.css`\n padding-top: ${t.mobileSidePagePaddingTop};\n `;\n },\n\n containerWithoutFooter(t: Theme) {\n return emotion.css`\n padding-bottom: ${t.sidePagePaddingBottom};\n `;\n },\n\n containerWithPanel(t: Theme) {\n return emotion.css`\n padding-bottom: ${t.sidePagePaddingBottom};\n `;\n },\n\n focusLock() {\n return emotion.css`\n height: 100%;\n `;\n },\n\n wrapper(t: Theme) {\n return emotion.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 emotion.css`\n float: left;\n `;\n },\n\n wrapperMarginLeft() {\n return emotion.css`\n margin-left: 20px;\n `;\n },\n\n wrapperMarginRight() {\n return emotion.css`\n margin-right: 20px;\n `;\n },\n\n headerWrapper() {\n return emotion.css`\n flex: 0 0 auto;\n `;\n },\n\n header(t: Theme) {\n return emotion.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 emotion.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 emotion.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 emotion.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 emotion.css`\n position: sticky;\n top: 0;\n z-index: 16000;\n background: ${t.sidePageBgDefault};\n `;\n },\n\n title(t: Theme) {\n const paddingRight = parseInt(t.sidePageCloseButtonPadding) * 2 + parseInt(t.sidePageCloseIconSize);\n return emotion.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 emotion.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 emotion.css`\n padding-left: ${t.mobileSidePagePaddingLeft};\n padding-right: ${paddingRight}px;\n `;\n },\n\n titleCut() {\n return emotion.css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `;\n },\n\n background() {\n return emotion.css`\n height: 100%;\n position: absolute;\n width: 100%;\n `;\n },\n\n backgroundGray(t: Theme) {\n return emotion.css`\n background: ${t.sidePageBackingBg};\n opacity: ${t.sidePageBackingBgOpacity};\n `;\n },\n\n shadow(t: Theme) {\n return emotion.css`\n box-shadow: ${t.sidePageContainerShadow};\n `;\n },\n\n close(t: Theme) {\n return emotion.css`\n ${resetButton(emotion)};\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 emotion.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 emotion.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 emotion.css`\n padding: ${t.mobileSidePageCloseButtonClickArea};\n margin: -${t.mobileSidePageCloseButtonClickArea};\n font-size: 0;\n `;\n },\n\n closeFocus(t: Theme) {\n return emotion.css`\n outline: 2px solid ${t.borderColorFocus};\n `;\n },\n\n closeFocus5_1(t: Theme) {\n return emotion.css`\n box-shadow: inset 0 0 0 2px ${t.borderColorFocus};\n border-radius: 4px;\n `;\n },\n\n wrapperClose(t: Theme) {\n return emotion.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 emotion.css`\n right: ${t.sidePageCloseButtonClickAreaRight};\n `;\n },\n\n mobileWrapperClose(t: Theme) {\n return emotion.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 emotion.css`\n right: ${t.mobileSidePageCloseButtonPadding};\n `;\n },\n\n panel(t: Theme) {\n return emotion.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 emotion.css`\n line-height: ${t.sidePageHeaderFixedLineHeight};\n padding: ${t.sidePageHeaderFixedPaddingY} 0;\n `;\n },\n\n wrapperCloseFixed5_1(t: Theme) {\n return emotion.css`\n top: ${t.sidePageCloseButtonWrapperFixedOffsetTop};\n `;\n },\n\n footerWrapper() {\n return emotion.css`\n flex: 0 0 auto;\n `;\n },\n\n footer(t: Theme) {\n return emotion.css`\n bottom: 0;\n position: fixed;\n z-index: 10;\n color: ${t.sidePageFooterTextColor};\n `;\n },\n\n positionStatic() {\n return emotion.css`\n position: static;\n `;\n },\n\n footerContent(t: Theme) {\n return emotion.css`\n padding: ${t.sidePageFooterPaddingTop} ${t.sidePagePaddingRight} ${t.sidePageFooterPaddingBottom}\n ${t.sidePagePaddingLeft};\n `;\n },\n\n mobileFooterContent(t: Theme) {\n return emotion.css`\n display: flex;\n flex-flow: column nowrap;\n padding: ${t.mobileSidePageFooterPadding};\n `;\n },\n\n footerFixed(t: Theme) {\n return emotion.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 emotion.css`\n &:before {\n box-shadow: ${t.sidePageFixedPanelShadow};\n }\n `;\n },\n\n transitionLeft() {\n return emotion.css`\n transform: translateX(100px);\n `;\n },\n\n transitionRight() {\n return emotion.css`\n transform: translateX(-100px);\n `;\n },\n\n transitionActive() {\n return emotion.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 emotion.css`\n opacity: 1;\n `;\n },\n\n transitionLeaveActive() {\n return emotion.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","_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: ${t.sidePageBgDefault};\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":[]}

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

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

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

@@ -1,11 +1,10 @@
 "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 _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 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");
@@ -37,33 +36,22 @@ SidePageBody = exports.SidePageBody = (0, _decorator.responsiveLayout)(_class =
   componentDidUpdate = function componentDidUpdate() {
     this.context.updateLayout();
   };_proto.
   render = function render() {var _this2 = this;
     return /*#__PURE__*/(
-      _react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null,
-      function (_ref) {var emotion = _ref.emotion;
-        _this2.cx = emotion.cx;
-        _this2.styles = (0, _SidePage.getStyles)(emotion);
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {var _cx;
         return /*#__PURE__*/(
-          _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-          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: _this2.cx(_this2.styles.body(theme), (_this2$cx = {}, _this2$cx[_this2.styles.mobileBody()] = _this2.isMobileLayout, _this2$cx)) },
-              _this2.props.children
-              )
-              ));
-          }
+          _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)) },
+          _this2.props.children
+          )
           ));
       }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","~~_RenderEnvironmentContext","~~_CommonWrapper","_ThemeContext","_decorator","_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","~~RenderEnvironmentContext~~","Consumer","~~_ref","emotion","cx","styles","getStyles","ThemeContext","~~theme","~~_this2$cx~~","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","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 ~~{ RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\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';\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@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 cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n~~\n public componentDidUpdate() {\n this.context.updateLayout();\n }\n\n public render() {\n return (\n <~~RenderEnvironmentContext~~.Consumer>\n {(~~{ emotion }~~) => {\n ~~this.cx = emotion.cx;\n this.styles = getStyles(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 </~~RenderEnvironmentContext~~.Consumer>\n );\n }\n}\n"],"mappings":"iXAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,~~yBAAA~~,GAAAD,OAAA~~;;AAEA~~,IAAAE,~~cAAA~~,GAAAF,OAAA;AACA,IAAAG,~~aAAA~~,GAAAH,OAAA;AACA,IAAAI,~~UAAA~~,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~~;;;;;;;EAO3CE~~,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,~~CAACnC~~,yBAAA,CAAAoC,wBAAwB,CAACC,QAAQ;MAC/B,UAAAC,IAAA,EAAiB,KAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;QACTL,MAAI,CAACM,EAAE,GAAGD,OAAO,CAACC,EAAE;QACpBN,MAAI,CAACO,MAAM,GAAG,IAAAC,mBAAS,EAACH,OAAO,CAAC;;QAEhC;UACE1C,MAAA,CAAA+B,OAAA,CAAAO,aAAA,~~CAACjC~~,~~aAAA,CAAAyC,~~YAAY,~~CAACN~~,QAAQ;~~UACnB~~,~~UAACO~~,KAAK,EAAK,KAAAC,~~SAAA~~;~~YACV~~;~~cACEhD~~,MAAA,CAAA+B,OAAA,CAAAO,aAAA,~~CAAClC~~,cAAA,~~CAAA6C~~,aAAa,MAAAC,SAAA,~~CAAAnB~~,OAAA,~~IAACoB~~,WAAW,~~EAAEd~~,MAAI,~~CAACe~~,WAAY,~~IAAKf~~,MAAI,~~CAACgB~~,KAAK;~~cAC1DrD~~,MAAA,CAAA+B,OAAA,CAAAO,aAAA;~~gBACE~~,YAAU1B,oBAAoB,CAACE,IAAK;~~gBACpCwC~~,SAAS,~~EAAEjB,MAAI,CAACM,~~EAAE,~~CAACN~~,~~MAAI~~,~~CAACO~~,~~MAAM~~,~~CAACW~~,IAAI,~~CAACR~~,KAAK,CAAC,GAAAC,~~SAAA~~,OAAAA,~~SAAA~~,~~CAAKX~~,~~MAAI~~,~~CAACO~~,~~MAAM,CAACY,~~UAAU,CAAC,CAAC,~~IAAGnB~~,MAAI,~~CAACoB~~,cAAc,~~EAAAT~~,~~SAAA~~,CAAE,CAAE;;~~cAEhGX~~,MAAI,~~CAACgB~~,KAAK,~~CAACK~~;~~cACT~~;~~cACQ~~,CAAC;;~~UAEpB~~;~~UACqB~~,CAAC;;~~MAE5B;MACiC~~,CAAC~~;;EAExC~~,~~CAAC~~,~~QAAA3C,~~YAAA,~~GA1C~~+~~B4C~~,cAAK,CAACC,SAAS,~~GAAAjD~~,aAAA,~~CACjCkD~~,mBAAmB,GAAG,cAAc,~~EAAAlD~~,aAAA,~~CACpCmD~~,WAAW,GAAG,cAAc,~~EAAAnD~~,aAAA,~~CAE5BoD~~,WAAW,GAAGC,gCAAe,~~EAAArD~~,aAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}
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":[]}

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

@@ -1,9 +1,10 @@
 "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 _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 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");
@@ -22,17 +23,12 @@ 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, _RenderEnvironmentContext.useGlobal)();
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
-  var emotion = (0, _RenderEnvironmentContext.useEmotion)();
-  var _useEmotion = (0, _RenderEnvironmentContext.useEmotion)(),cx = _useEmotion.cx;
-  var styles = (0, _SidePage.getStyles)(emotion);
-  var keyListener = new _keyListener.KeyListener(globalObject);
   var sidePageContext = (0, _react.useContext)(_SidePageContext.SidePageContext);
   var handleFocus = function handleFocus() {
-    globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
-      if (keyListener.isTabPressed) {
+    _globalObject.globalObject.requestAnimationFrame == null || _globalObject.globalObject.requestAnimationFrame(function () {
+      if (_keyListener.keyListener.isTabPressed) {
         setIsFocusedByTab(true);
       }
     });
@@ -47,12 +43,12 @@ var SidePageCloseButton = exports.SidePageCloseButton = function SidePageCloseBu
   return /*#__PURE__*/(
     _react.default.createElement("button", {
       "aria-label": locale == null ? void 0 : locale.closeButtonAriaLabel,
-      className: cx(styles.close(theme), (_cx = {}, _cx[
-      styles.close5_1(theme)] = versionGTE5_1, _cx[
-      styles.closeFocus(theme)] = isFocusedByTab && !versionGTE5_1, _cx[
-      styles.closeFocus5_1(theme)] = isFocusedByTab && versionGTE5_1, _cx[
-      styles.closeSticky(theme)] = isHeaderFixed && versionGTE5_1, _cx[
-      styles.closeMobile(theme)] = isMobile && versionGTE5_1, _cx)
+      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)
       ),
       onFocus: handleFocus,
       onBlur: handleBlur,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","~~_RenderEnvironmentContext~~","_ThemeContext","_useLocaleForControl","_XIcon20Regular","_keyListener","_ThemeHelpers","_SidePage","_locale","_SidePageHeader","_SidePageContext","SidePageCloseButton","exports","_ref","_cx","isHeaderFixed","isMobile","_useState","useState","isFocusedByTab","setIsFocusedByTab","locale","useLocaleForControl","SidePageLocaleHelper","~~globalObject","useGlobal","~~theme","useContext","ThemeContext","~~emotion~~","~~useEmotion~~","~~_useEmotion~~","cx","~~styles~~","~~getStyles","~~keyListener","~~KeyListener","sidePageContext","SidePageContext","handleFocus","requestAnimationFrame","~~isTabPressed","handleBlur","icon","default","createElement","XIcon20Regular","align","versionGTE5_1","isThemeGTE","closeButtonAriaLabel","className","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';\n\nimport { ~~useGlobal,~~ ~~useEmotion~~ } from '~~../../lib~~/~~theming/RenderEnvironmentContext~~';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { ~~KeyListener~~ } from '../../lib/events/keyListener';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\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) => {\n const [isFocusedByTab, setIsFocusedByTab] = useState(false);\n\n const locale = useLocaleForControl('SidePage', SidePageLocaleHelper);\n const ~~globalObject = useGlobal();\n const~~ theme = useContext(ThemeContext);\n const ~~emotion = useEmotion();\n const { cx } = useEmotion();\n const styles = getStyles(emotion);\n const keyListener = new KeyListener(globalObject);\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~~;;AAEA~~,IAAAC,~~yBAAA~~,GAAAD,OAAA~~;AACA~~,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,~~YAAA~~,GAAAL,OAAA~~;;AAEA~~,IAAAM,~~aAAA~~,GAAAN,OAAA;;AAEA,IAAAO,~~SAAA~~,GAAAP,OAAA~~;AACA~~,IAAAQ,~~OAAA~~,GAAAR,OAAA;AACA,IAAAS,~~eAAA~~,GAAAT,OAAA;AACA,IAAAU,~~gBAAA~~,GAAAV,OAAA;;;;;;;AAOO,~~IAAMW~~,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,~~YAAY,GAAG,IAAAC,mCAAS,EAAC,CAAC;EAChC,IAAMC,~~KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;EACtC,IAAMC,OAAO,GAAG,IAAAC,oCAAU,EAAC,CAAC;EAC5B,IAAAC,WAAA,GAAe,IAAAD,oCAAU,EAAC,CAAC,CAAnBE,EAAE,GAAAD,WAAA,CAAFC,EAAE;EACV,IAAMC,MAAM,GAAG,IAAAC,mBAAS,EAACL,OAAO,CAAC;EACjC,IAAMM,WAAW,GAAG,IAAIC,wBAAW,CAACZ,YAAY,CAAC;EACjD,IAAMa,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,~~gBAAG7C~~,MAAA,~~CAAA8C~~,OAAA,CAAAC,aAAA,~~CAACzC~~,eAAA,~~CAAA0C~~,cAAc,IAACC,KAAK,EAAC,MAAM,EAAE,CAAC;EAC5C,IAAMC,aAAa,GAAG,IAAAC,wBAAU,~~EAACvB~~,KAAK,EAAE,KAAK,CAAC;EAC9C;~~IACE5B~~,MAAA,~~CAAA8C~~,OAAA,CAAAC,aAAA;MACE,~~cAAYxB~~,MAAM,oBAANA,MAAM,~~CAAE6B~~,oBAAqB;MACzCC,SAAS,~~EAAEnB,~~EAAE,~~CAACC~~,~~MAAM~~,~~CAACmB~~,KAAK,~~CAAC1B~~,KAAK,CAAC,~~GAAAZ~~,GAAA,OAAAA,GAAA;~~MAC9BmB~~,~~MAAM~~,~~CAACoB~~,QAAQ,~~CAAC3B~~,KAAK,CAAC,~~IAAGsB~~,aAAa,~~EAAAlC~~,GAAA;~~MACtCmB~~,~~MAAM~~,~~CAACqB~~,UAAU,~~CAAC5B~~,KAAK,CAAC,~~IAAGP~~,cAAc,IAAI,~~CAAC6B~~,aAAa,~~EAAAlC~~,GAAA;~~MAC3DmB~~,~~MAAM~~,~~CAACsB~~,aAAa,~~CAAC7B~~,KAAK,CAAC,~~IAAGP~~,cAAc,~~IAAI6B~~,aAAa,~~EAAAlC~~,GAAA;~~MAC7DmB~~,~~MAAM~~,~~CAACuB~~,WAAW,~~CAAC9B~~,KAAK,CAAC,~~IAAGX~~,aAAa,~~IAAIiC~~,aAAa,~~EAAAlC~~,GAAA;~~MAC1DmB~~,~~MAAM~~,~~CAACwB~~,WAAW,~~CAAC/B~~,KAAK,CAAC,~~IAAGV~~,QAAQ,~~IAAIgC~~,aAAa,~~EAAAlC~~,GAAA;MACvD,CAAE;~~MACH4C~~,OAAO,~~EAAEnB~~,WAAY;~~MACrBoB~~,MAAM,~~EAAEjB~~,UAAW;~~MACnBkB~~,OAAO,~~EAAEvB~~,eAAe,~~CAACwB~~,YAAa;MACtC,YAAUC,sCAAsB,CAACV,KAAM;;~~IAEtCT~~;IACK,CAAC;;AAEb,CAAC;;~~AAEDhC~~,mBAAmB,~~CAACoD~~,mBAAmB,GAAG,qBAAqB;AAC/~~DpD~~,mBAAmB,~~CAACqD~~,WAAW,GAAG,qBAAqB","ignoreList":[]}
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":"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","ignoreList":[]}

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

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

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

@@ -1,11 +1,10 @@
 "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 _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 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");
@@ -35,23 +34,12 @@ SidePageContainer = exports.SidePageContainer = (0, _decorator.responsiveLayout)
   render = function render() {var _this = this;
     return /*#__PURE__*/(
-      _react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null,
-      function (_ref) {var emotion = _ref.emotion;
-        _this.cx = emotion.cx;
-        _this.styles = (0, _SidePage.getStyles)(emotion);
-        return /*#__PURE__*/(
-          _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-          function (theme) {
-            _this.theme = theme;
-            return _this.renderMain();
-          }
-          ));
+      _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
+      function (theme) {
+        _this.theme = theme;
+        return _this.renderMain();
       }
       ));
@@ -60,17 +48,17 @@ SidePageContainer = exports.SidePageContainer = (0, _decorator.responsiveLayout)
   renderMain = function renderMain() {var _this2 = this;
     return /*#__PURE__*/(
       _react.default.createElement(_SidePageContext.SidePageContext.Consumer, null,
-      function (_ref2) {var _this2$cx;var hasHeader = _ref2.hasHeader,hasFooter = _ref2.hasFooter,hasPanel = _ref2.hasPanel;return /*#__PURE__*/(
+      function (_ref) {var _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: _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)
+            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)
             ) },
           _this2.props.children

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","~~_RenderEnvironmentContext~~","~~_ThemeContext~~","~~_CommonWrapper~~","_decorator","_rootNode","_SidePage","_SidePageContext","_class","_SidePageContainer","SidePageContainerDataTids","exports","root","SidePageContainer","responsiveLayout","rootNode","_React$Component","apply","arguments","_inheritsLoose2","default","_proto","prototype","render","_this","createElement","~~RenderEnvironmentContext~~","Consumer","~~_ref","emotion","cx","styles","getStyles","ThemeContext","~~theme","renderMain","_this2","SidePageContext","~~_ref2~~","~~_this2$cx~~","hasHeader","hasFooter","hasPanel","CommonWrapper","_extends2","rootNodeRef","setRootNode","props","className","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 { ~~RenderEnvironmentContext~~ } from '../../lib/theming/~~RenderEnvironmentContext~~';\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';\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@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 ~~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() {\n return (\n <~~RenderEnvironmentContext~~.Consumer>\n {(~~{ emotion }~~) => {\n this.~~cx = emotion.cx;\n this.styles = getStyles(emotion);\n\n return (\n <ThemeContext.Consumer>\n {(~~theme) ~~=> {\n this.theme~~ = theme;\n return this.renderMain();\n ~~}}\n </ThemeContext.Consumer>\n );\n~~ }}\n </~~RenderEnvironmentContext~~.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={~~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,~~yBAAA~~,GAAAD,OAAA~~;AACA~~,IAAAE,~~aAAA~~,GAAAF,OAAA;;AAEA,IAAAG,~~cAAA~~,GAAAH,OAAA~~;;AAEA~~,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~~;;;;;;;;;;;EAYAE~~,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACE1B,MAAA,CAAAsB,OAAA,CAAAK,aAAA,CAACxB,~~yBAAA~~,CAAAyB,~~wBAAwB~~,CAACC,QAAQ;~~MAC/B~~,~~UAAAC~~,IAAA,EAAiB,KAAdC,OAAO,GAAAD,IAAA,CAAPC,OAAO;QACTL,KAAI,CAACM,EAAE,GAAGD,OAAO,CAACC,EAAE;QACpBN,KAAI,CAACO,MAAM,GAAG,IAAAC,mBAAS,EAACH,OAAO,CAAC;;QAEhC;UACE/B,MAAA,CAAAsB,OAAA,CAAAK,aAAA,CAACvB,aAAA,CAAA+B,YAAY,CAACN,QAAQ;UACnB,UAACO,KAAK,EAAK;~~YACVV~~,KAAI,~~CAACU~~,KAAK,GAAGA,KAAK;~~YAClB~~,~~OAAOV~~,KAAI,~~CAACW~~,UAAU,CAAC,CAAC;~~UAC1B~~;~~UACqB~~,CAAC;;~~MAE5B;MACiC~~,CAAC~~;;EAExC~~,~~CAAC~~,~~CAAAd,~~MAAA;;~~EAEMc~~,UAAU,GAAjB,SAAAA,WAAA,EAAoB,KAAAC,MAAA;IAClB;~~MACEtC~~,MAAA,CAAAsB,OAAA,CAAAK,aAAA,CAAClB,gBAAA,~~CAAA8B~~,eAAe,~~CAACV~~,QAAQ;MACtB,~~UAAAW~~,~~KAAA~~,OAAAC,~~SAAA~~,KAAGC,SAAS,GAAAF,~~KAAA~~,CAATE,SAAS,CAAEC,SAAS,GAAAH,~~KAAA~~,CAATG,SAAS,CAAEC,QAAQ,GAAAJ,~~KAAA~~,CAARI,QAAQ;~~UAChC5C~~,MAAA,CAAAsB,OAAA,CAAAK,aAAA,~~CAACtB~~,cAAA,~~CAAAwC~~,aAAa,MAAAC,SAAA,~~CAAAxB~~,OAAA,~~IAACyB~~,WAAW,EAAET,MAAI,CAACU,WAAY,IAAKV,MAAI,CAACW,KAAK;~~UAC1DjD~~,MAAA,CAAAsB,OAAA,CAAAK,aAAA;YACE,YAAUf,yBAAyB,CAACE,IAAK;~~YACzCoC~~,SAAS,~~EAAEZ~~,~~MAAI~~,~~CAACN~~,~~EAAE~~,~~EAAAS~~,~~SAAA,~~OAAAA,~~SAAA~~;~~YACfH~~,~~MAAI~~,~~CAACL~~,~~MAAM,CAACkB,~~SAAS,~~CAACb~~,MAAI,CAACF,KAAK,CAAC,IAAG,IAAI,EAAAK,~~SAAA~~;~~YACxCH~~,~~MAAI~~,~~CAACL~~,~~MAAM,CAACmB,~~sBAAsB,~~CAACd~~,MAAI,CAACF,KAAK,CAAC,IAAG,CAACM,SAAS,EAAAD,~~SAAA~~;~~YAC3DH~~,~~MAAI~~,~~CAACL~~,~~MAAM,CAACoB,~~sBAAsB,~~CAACf~~,MAAI,CAACF,KAAK,CAAC,IAAG,CAACO,SAAS,EAAAF,~~SAAA~~;~~YAC3DH~~,~~MAAI~~,~~CAACL~~,~~MAAM,CAACqB,~~kBAAkB,~~CAAChB~~,MAAI,CAACF,KAAK,CAAC,IAAGQ,QAAQ,EAAAH,~~SAAA~~;~~YACrDH~~,~~MAAI~~,~~CAACL~~,~~MAAM,CAACsB,~~eAAe,~~CAACjB~~,MAAI,CAACF,KAAK,CAAC,IAAGE,MAAI,~~CAACkB~~,cAAc,~~EAAAf~~,~~SAAA~~;~~YAC7DH~~,~~MAAI~~,~~CAACL~~,~~MAAM,CAACwB,~~4BAA4B,~~CAACnB~~,MAAI,CAACF,KAAK,CAAC,IAAGE,MAAI,~~CAACkB~~,cAAc,IAAI,~~CAACd~~,SAAS,EAAAD,~~SAAA~~;~~YAC1F~~,CAAE;;UAEFH,MAAI,CAACW,KAAK,~~CAACS~~;UACT;UACQ,CAAC;;MAEM,CAAC;;EAE/B,CAAC,~~QAAA3C~~,iBAAA,~~GArDoC4C~~,cAAK,CAACC,SAAS,~~GAAAjD~~,kBAAA,~~CACtCkD~~,mBAAmB,GAAG,mBAAmB,~~EAAAlD~~,kBAAA,~~CACzCmD~~,WAAW,GAAG,mBAAmB,~~EAAAnD~~,kBAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}
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":"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","ignoreList":[]}

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

@@ -31,9 +31,6 @@ export declare class SidePageFooter extends React.Component<React.PropsWithChild
     context: SidePageContextType;
     private isMobileLayout;
     state: SidePageFooterState;
-    private globalObject;
-    private cx;
-    private styles;
     private theme;
     private content;
     private layoutSub;

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

@@ -1,13 +1,11 @@
 "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 _RenderEnvironmentContext = require("../../lib/theming/RenderEnvironmentContext");
 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");
@@ -63,9 +61,6 @@ SidePageFooter = exports.SidePageFooter = (0, _decorator.responsiveLayout)(_clas
     };_this.
     content = null;_this.
     layoutSub = null;_this.
@@ -104,16 +99,6 @@ SidePageFooter = exports.SidePageFooter = (0, _decorator.responsiveLayout)(_clas
@@ -189,7 +174,7 @@ 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.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;return /*#__PURE__*/_react.default.createElement(_RenderEnvironmentContext.RenderEnvironmentContext.Consumer, null, function (_ref) {var globalObject = _ref.globalObject,emotion = _ref.emotion;_this2.globalObject = globalObject;_this2.cx = emotion.cx;_this2.styles = (0, _SidePage.getStyles)(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 (_ref2) {var _this3$cx, _this3$cx2;var getWidth = _ref2.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.
+    };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.
   getContentHeight = function getContentHeight() {
     if (!this.content) {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_RenderEnvironmentContext","LayoutEvents","_interopRequireWildcard","_ThemeContext","_CommonWrapper","_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","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","createElement","RenderEnvironmentContext","Consumer","_ref","emotion","cx","styles","getStyles","ThemeContext","theme","renderMain","_this3","separator","ModalSeparator","CommonWrapper","_extends2","rootNodeRef","setRootNode","style","height","getContentHeight","className","footerWrapper","SidePageContext","_ref2","_this3$cx","_this3$cx2","getWidth","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';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\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';\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@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 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() {\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 <RenderEnvironmentContext.Consumer>\n {({ globalObject, emotion }) => {\n this.globalObject = globalObject;\n this.cx = emotion.cx;\n this.styles = getStyles(emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }}\n </RenderEnvironmentContext.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={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":[]}
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":[]}

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

@@ -36,8 +36,6 @@ export declare class SidePageHeader extends React.Component<SidePageHeaderProps,
     state: SidePageHeaderState;
     static defaultProps: Partial<SidePageHeaderProps>;
     private theme;
-    private cx;
-    private styles;
     private wrapper;
     private sticky;
     private lastRegularHeight;