@skbkontur/react-ui 6.4.6 → 6.4.7-25ce4.0

package/components/Modal/Modal.css.d.ts

@@ -0,0 +1,102 @@
+export declare const modalGlobalClasses: {
+    root: string;
+    container: string;
+};
+export declare const root: string;
+export declare const bg: string;
+export declare const container: string;
+export declare const containerDesktop: string;
+export declare const mobileContainerFullscreen5_2: string;
+export declare const mobileContainerSmall5_2: string;
+export declare const mobileContainerSmallTop5_2: string;
+export declare const mobileContainerSmallBottom5_2: string;
+export declare const window: string;
+export declare const mobileWindow: string;
+export declare const mobileWindowFullscreen: string;
+export declare const centerContainer: string;
+export declare const mobileCenterContainer: string;
+export declare const mobileCenterContainerBig: string;
+export declare const mobileCenterContainerFullscreen: string;
+export declare const alignTop: string;
+export declare const close: string;
+export declare const closeMobile: string;
+export declare const mobileCloseWithoutHeader: string;
+export declare const closeWrapper: string;
+export declare const mobileCloseWrapper: string;
+export declare const disabled: string;
+export declare const focus: string;
+export declare const header: string;
+export declare const mobileHeader: string;
+export declare const body: string;
+export declare const mobileBody: string;
+export declare const footer: string;
+export declare const columnFlexContainer: string;
+export declare const modalSeparatorWrapper: string;
+export declare const modalSeparator: string;
+export declare const modalSeparatorFixed: string;
+export declare const headerAddPadding: string;
+export declare const fixedHeader: string;
+export declare const titleCut: string;
+export declare const mobileFixedHeader: string;
+export declare const headerWithClose: string;
+export declare const mobileHeaderWithClose: string;
+export declare const fixedFooter: string;
+export declare const panel: string;
+export declare const fixedPanel: string;
+export declare const mobileFooter: string;
+export declare const mobileFixedFooter: string;
+export declare const bodyWithoutHeader: string;
+export declare const bodyAddPaddingForPanel: string;
+export declare const mobileBodyAddPaddingForPanel: string;
+export declare const mobileBodyWithoutHeader: string;
+export declare const bodyWithoutPadding: string;
+export declare const styles: {
+    root: string;
+    bg: string;
+    container: string;
+    containerDesktop: string;
+    mobileContainerFullscreen5_2: string;
+    mobileContainerSmall5_2: string;
+    mobileContainerSmallTop5_2: string;
+    mobileContainerSmallBottom5_2: string;
+    window: string;
+    mobileWindow: string;
+    mobileWindowFullscreen: string;
+    centerContainer: string;
+    mobileCenterContainer: string;
+    mobileCenterContainerBig: string;
+    mobileCenterContainerFullscreen: string;
+    alignTop: string;
+    close: string;
+    closeMobile: string;
+    mobileCloseWithoutHeader: string;
+    closeWrapper: string;
+    mobileCloseWrapper: string;
+    disabled: string;
+    focus: string;
+    header: string;
+    mobileHeader: string;
+    titleCut: string;
+    body: string;
+    mobileBody: string;
+    headerWithClose: string;
+    mobileHeaderWithClose: string;
+    footer: string;
+    mobileFooter: string;
+    panel: string;
+    fixedHeader: string;
+    mobileFixedHeader: string;
+    fixedFooter: string;
+    mobileFixedFooter: string;
+    fixedPanel: string;
+    headerAddPadding: string;
+    bodyWithoutHeader: string;
+    mobileBodyWithoutHeader: string;
+    bodyWithoutPadding: string;
+    bodyAddPaddingForPanel: string;
+    mobileBodyAddPaddingForPanel: string;
+    columnFlexContainer: string;
+    modalSeparatorWrapper: string;
+    modalSeparator: string;
+    modalSeparatorFixed: string;
+};

package/components/Modal/Modal.css.js

@@ -0,0 +1,51 @@
+
+export var alignTop = 'react-ui-Modal__alignTop';
+export var bg = 'react-ui-Modal__bg';
+export var body = 'react-ui-Modal__body';
+export var bodyAddPaddingForPanel = 'react-ui-Modal__bodyAddPaddingForPanel';
+export var bodyWithoutHeader = 'react-ui-Modal__bodyWithoutHeader';
+export var bodyWithoutPadding = 'react-ui-Modal__bodyWithoutPadding';
+export var centerContainer = 'react-ui-Modal__centerContainer';
+export var close = 'react-ui-Modal__close';
+export var closeMobile = 'react-ui-Modal__closeMobile';
+export var closeWrapper = 'react-ui-Modal__closeWrapper';
+export var columnFlexContainer = 'react-ui-Modal__columnFlexContainer';
+export var container = 'react-ui-Modal__container';
+export var containerDesktop = 'react-ui-Modal__containerDesktop';
+export var disabled = 'react-ui-Modal__disabled';
+export var fixedFooter = 'react-ui-Modal__fixedFooter';
+export var fixedHeader = 'react-ui-Modal__fixedHeader';
+export var fixedPanel = 'react-ui-Modal__fixedPanel';
+export var focus = 'react-ui-Modal__focus';
+export var footer = 'react-ui-Modal__footer';
+export var header = 'react-ui-Modal__header';
+export var headerAddPadding = 'react-ui-Modal__headerAddPadding';
+export var headerWithClose = 'react-ui-Modal__headerWithClose';
+export var mobileBody = 'react-ui-Modal__mobileBody';
+export var mobileBodyAddPaddingForPanel = 'react-ui-Modal__mobileBodyAddPaddingForPanel';
+export var mobileBodyWithoutHeader = 'react-ui-Modal__mobileBodyWithoutHeader';
+export var mobileCenterContainer = 'react-ui-Modal__mobileCenterContainer';
+export var mobileCenterContainerBig = 'react-ui-Modal__mobileCenterContainerBig';
+export var mobileCenterContainerFullscreen = 'react-ui-Modal__mobileCenterContainerFullscreen';
+export var mobileCloseWithoutHeader = 'react-ui-Modal__mobileCloseWithoutHeader';
+export var mobileCloseWrapper = 'react-ui-Modal__mobileCloseWrapper';
+export var mobileContainerFullscreen5_2 = 'react-ui-Modal__mobileContainerFullscreen5_2';
+export var mobileContainerSmall5_2 = 'react-ui-Modal__mobileContainerSmall5_2';
+export var mobileContainerSmallBottom5_2 = 'react-ui-Modal__mobileContainerSmallBottom5_2';
+export var mobileContainerSmallTop5_2 = 'react-ui-Modal__mobileContainerSmallTop5_2';
+export var mobileFixedFooter = 'react-ui-Modal__mobileFixedFooter';
+export var mobileFixedHeader = 'react-ui-Modal__mobileFixedHeader';
+export var mobileFooter = 'react-ui-Modal__mobileFooter';
+export var mobileHeader = 'react-ui-Modal__mobileHeader';
+export var mobileHeaderWithClose = 'react-ui-Modal__mobileHeaderWithClose';
+export var mobileWindow = 'react-ui-Modal__mobileWindow';
+export var mobileWindowFullscreen = 'react-ui-Modal__mobileWindowFullscreen';
+export var modalGlobalClasses = {root:'react-ui-modal-root',container:'react-ui-modal-container'};
+export var modalSeparator = 'react-ui-Modal__modalSeparator';
+export var modalSeparatorFixed = 'react-ui-Modal__modalSeparatorFixed';
+export var modalSeparatorWrapper = 'react-ui-Modal__modalSeparatorWrapper';
+export var panel = 'react-ui-Modal__panel';
+export var root = 'react-ui-Modal__root';
+export var styles = {root:'react-ui-Modal__root',bg:'react-ui-Modal__bg',container:'react-ui-Modal__container',containerDesktop:'react-ui-Modal__containerDesktop',mobileContainerFullscreen5_2:'react-ui-Modal__mobileContainerFullscreen5_2',mobileContainerSmall5_2:'react-ui-Modal__mobileContainerSmall5_2',mobileContainerSmallTop5_2:'react-ui-Modal__mobileContainerSmallTop5_2',mobileContainerSmallBottom5_2:'react-ui-Modal__mobileContainerSmallBottom5_2',window:'react-ui-Modal__window',mobileWindow:'react-ui-Modal__mobileWindow',mobileWindowFullscreen:'react-ui-Modal__mobileWindowFullscreen',centerContainer:'react-ui-Modal__centerContainer',mobileCenterContainer:'react-ui-Modal__mobileCenterContainer',mobileCenterContainerBig:'react-ui-Modal__mobileCenterContainerBig',mobileCenterContainerFullscreen:'react-ui-Modal__mobileCenterContainerFullscreen',alignTop:'react-ui-Modal__alignTop',close:'react-ui-Modal__close',closeMobile:'react-ui-Modal__closeMobile',mobileCloseWithoutHeader:'react-ui-Modal__mobileCloseWithoutHeader',closeWrapper:'react-ui-Modal__closeWrapper',mobileCloseWrapper:'react-ui-Modal__mobileCloseWrapper',disabled:'react-ui-Modal__disabled',focus:'react-ui-Modal__focus',header:'react-ui-Modal__header',mobileHeader:'react-ui-Modal__mobileHeader',titleCut:'react-ui-Modal__titleCut',body:'react-ui-Modal__body',mobileBody:'react-ui-Modal__mobileBody',headerWithClose:'react-ui-Modal__headerWithClose',mobileHeaderWithClose:'react-ui-Modal__mobileHeaderWithClose',footer:'react-ui-Modal__footer',mobileFooter:'react-ui-Modal__mobileFooter',panel:'react-ui-Modal__panel',fixedHeader:'react-ui-Modal__fixedHeader',mobileFixedHeader:'react-ui-Modal__mobileFixedHeader',fixedFooter:'react-ui-Modal__fixedFooter',mobileFixedFooter:'react-ui-Modal__mobileFixedFooter',fixedPanel:'react-ui-Modal__fixedPanel',headerAddPadding:'react-ui-Modal__headerAddPadding',bodyWithoutHeader:'react-ui-Modal__bodyWithoutHeader',mobileBodyWithoutHeader:'react-ui-Modal__mobileBodyWithoutHeader',bodyWithoutPadding:'react-ui-Modal__bodyWithoutPadding',bodyAddPaddingForPanel:'react-ui-Modal__bodyAddPaddingForPanel',mobileBodyAddPaddingForPanel:'react-ui-Modal__mobileBodyAddPaddingForPanel',columnFlexContainer:'react-ui-Modal__columnFlexContainer',modalSeparatorWrapper:'react-ui-Modal__modalSeparatorWrapper',modalSeparator:'react-ui-Modal__modalSeparator',modalSeparatorFixed:'react-ui-Modal__modalSeparatorFixed'};
+export var titleCut = 'react-ui-Modal__titleCut';
+export var window = 'react-ui-Modal__window';

package/components/Modal/Modal.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.css.js","sourceRoot":"","sources":["Modal.css.ts"],"names":[],"mappings":"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","sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nimport { prefix } from '../../lib/prefix.js';\nimport { resetButtonRule } from '../../lib/styles/Mixins.js';\nimport { resetButtonFocusInner } from '../../lib/styles/resetButtonFocusInner.js';\nimport { t } from '../../lib/theming/vanilla.js';\n\nexport const modalGlobalClasses = prefix('modal')({\n  root: 'root',\n  container: 'container',\n});\n\nexport const root = style({\n  height: '100%',\n  left: 0,\n  position: 'fixed',\n  top: 0,\n  width: '100%',\n});\n\nexport const bg = style({\n  bottom: 0,\n  left: 0,\n  position: 'absolute',\n  right: 0,\n  top: 0,\n  background: t.modalBackBg,\n  opacity: t.modalBackOpacity,\n});\n\nexport const container = style({\n  position: 'relative',\n  whiteSpace: 'nowrap',\n  textAlign: 'center',\n  height: '100%',\n  minHeight: 64,\n  overflowY: 'auto',\n  outline: 'none',\n});\n\nexport const containerDesktop = style({});\n\nexport const mobileContainerFullscreen5_2 = style({ margin: 0 });\n\nexport const mobileContainerSmall5_2 = style({\n  margin: 0,\n  display: 'flex',\n  flexWrap: 'wrap',\n  alignContent: 'center',\n});\n\nexport const mobileContainerSmallTop5_2 = style({ alignContent: 'start' });\n\nexport const mobileContainerSmallBottom5_2 = style({ alignContent: 'end' });\n\nexport const window = style({\n  position: 'relative',\n  whiteSpace: 'normal',\n  margin: 'auto',\n  boxShadow: t.modalWindowShadow,\n  background: t.modalBg,\n  borderRadius: t.modalBorderRadius,\n});\n\nexport const mobileWindow = style({\n  width: '100%',\n  height: '100%',\n  overflow: 'hidden',\n});\n\nexport const mobileWindowFullscreen = style({ borderRadius: 0 });\n\nexport const centerContainer = style({\n  position: 'relative',\n  display: 'inline-block',\n  textAlign: 'left',\n  verticalAlign: 'middle',\n  boxSizing: 'border-box',\n  zIndex: 10,\n  margin: '40px 20px',\n});\n\nexport const mobileCenterContainer = style({\n  padding: 0,\n  width: `calc(100% - ${t.mobileModalContainerMarginLeft} - ${t.mobileModalContainerMarginRight})`,\n  display: 'inline-flex',\n  margin: `${t.mobileModalContainerMarginTop} ${t.mobileModalContainerMarginRight} ${t.mobileModalContainerMarginBottom} ${t.mobileModalContainerMarginLeft}`,\n  maxHeight: `calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom})`,\n});\n\nexport const mobileCenterContainerBig = style({\n  height: `calc(100% - ${t.mobileModalContainerMarginTop} - ${t.mobileModalContainerMarginBottom})`,\n});\n\nexport const mobileCenterContainerFullscreen = style({\n  margin: 0,\n  width: '100%',\n  height: '100%',\n  maxHeight: '100%',\n});\n\nexport const alignTop = style({ verticalAlign: 'top' });\n\n// повторы из resetButtonRule Emotion ставил на место последнего вхождения: там они и стоят, запасными значениями\nconst { color: resetColor, background: _background, textAlign: resetTextAlign, ...resetButtonRest } = resetButtonRule;\n\nexport const close = style({\n  ...resetButtonRest,\n  position: 'absolute',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  right: t.modalCloseButtonClickAreaRight,\n  top: t.modalCloseButtonClickAreaTop,\n  background: 'transparent',\n  cursor: 'pointer',\n  color: [resetColor, t.modalCloseButtonColor],\n  textAlign: [resetTextAlign, 'center'],\n  verticalAlign: 'middle',\n  paddingTop: t.modalCloseButtonClickAreaTop,\n  marginTop: `calc(-1 * ${t.modalCloseButtonClickAreaTop})`,\n  paddingRight: t.modalCloseButtonClickAreaRight,\n  marginRight: `calc(-1 * ${t.modalCloseButtonClickAreaRight})`,\n  paddingBottom: t.modalCloseButtonClickAreaBottom,\n  marginBottom: `calc(-1 * ${t.modalCloseButtonClickAreaBottom})`,\n  paddingLeft: t.modalCloseButtonClickAreaLeft,\n  marginLeft: `calc(-1 * ${t.modalCloseButtonClickAreaLeft})`,\n});\n\nexport const closeMobile = style({\n  right: t.mobileModalCloseButtonRightPadding,\n  top: t.mobileModalCloseButtonTopPadding,\n  padding: t.mobileModalCloseButtonClickArea,\n  margin: `calc(-1 * ${t.mobileModalCloseButtonClickArea})`,\n});\n\nexport const mobileCloseWithoutHeader = style({\n  position: 'absolute',\n  padding: t.mobileModalWithoutHeaderCloseButtonPadding,\n  margin: `calc(-1 * ${t.mobileModalWithoutHeaderCloseButtonPadding})`,\n  top: t.mobileModalWithoutHeaderCloseButtonPadding,\n  right: t.mobileModalWithoutHeaderCloseButtonPadding,\n});\n\nexport const closeWrapper = style({\n  position: 'relative',\n  float: 'right',\n  width: `calc(${t.modalCloseIconSize} + 2 * ${t.modalCloseButtonPadding})`,\n  height: `calc(${t.modalCloseIconSize} + ${t.modalCloseButtonPadding} + ${t.modalCloseButtonBottomPadding})`,\n});\n\nexport const mobileCloseWrapper = style({\n  position: 'sticky',\n  right: 0,\n  top: 0,\n  padding: 0,\n  margin: 0,\n  marginLeft: 'auto',\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  width: t.mobileModalWithoutHeaderCloseButtonWidth,\n  height: 0,\n  background: `radial-gradient(50% 50% at 50% 50%, ${t.bgDefault} 60%, rgba(255, 255, 255, 0) 100%)`,\n  borderRadius: `calc(${t.mobileModalCloseIconSize} + ${t.mobileModalCloseButtonClickArea} * 2)`,\n});\n\nexport const disabled = style({\n  pointerEvents: 'none',\n  cursor: 'default',\n  color: t.modalCloseButtonDisabledColor,\n});\n\nexport const focus = style({});\n\nexport const header = style({\n  fontSize: t.modalHeaderFontSize,\n  lineHeight: t.modalHeaderLineHeight,\n  padding: `${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft}`,\n  overflowWrap: 'break-word',\n  wordWrap: 'break-word',\n  color: t.modalHeaderTextColor,\n  fontWeight: t.modalHeaderFontWeight,\n  borderRadius: `${t.modalBorderRadius} ${t.modalBorderRadius} 0 0`,\n});\n\nexport const mobileHeader = style({\n  position: 'relative',\n  fontSize: t.mobileModalHeaderFontSize,\n  lineHeight: t.mobileModalHeaderLineHeight,\n  padding: t.mobileModalHeaderPadding,\n});\n\nexport const body = style({\n  borderRadius: t.modalBodyBorderRadius,\n  paddingTop: t.modalBodyPaddingTop,\n  paddingRight: t.modalPaddingRight,\n  paddingBottom: t.modalBodyPaddingBottom,\n  paddingLeft: t.modalPaddingLeft,\n  color: t.modalBodyTextColor,\n});\n\nexport const mobileBody = style({\n  padding: t.mobileModalBodyPadding,\n  display: 'flex',\n  flexFlow: 'column',\n  flex: 1,\n  fontSize: t.mobileModalBodyFontSize,\n});\n\nexport const footer = style({\n  padding: `${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft}`,\n  color: t.modalFooterTextColor,\n  borderRadius: `0 0 ${t.modalBorderRadius} ${t.modalBorderRadius}`,\n});\n\nexport const columnFlexContainer = style({\n  height: '100%',\n  display: 'flex',\n  flexFlow: 'column',\n  overflowY: 'auto',\n});\n\nexport const modalSeparatorWrapper = style({\n  position: 'absolute',\n  width: '100%',\n});\n\nexport const modalSeparator = style({\n  borderBottom: t.modalSeparatorBorderBottom,\n  margin: t.modalSeparatorMargin,\n  transition: 'margin 0.3s',\n});\n\nexport const modalSeparatorFixed = style({ margin: t.modalSeparatorFixedMargin });\n\n// модификаторы — в конце файла, в порядке вызова в cx(...): после базовых\n\n// ModalHeader\nexport const headerAddPadding = style({ paddingBottom: t.modalHeaderAdditionalPaddingBottom });\n\nexport const fixedHeader = style({\n  marginBottom: t.modalFixedHeaderMarginBottom,\n  paddingBottom: t.modalFixedHeaderPaddingBottom,\n  background: t.modalFixedHeaderBg,\n  borderBottom: t.modalFixedHeaderBorder,\n  borderRadius: 0,\n});\n\nexport const titleCut = style({\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\nexport const mobileFixedHeader = style({\n  paddingBottom: t.mobileModalHeaderPadding,\n  borderRadius: `${t.modalBorderRadius} ${t.modalBorderRadius} 0 0`,\n});\n\nexport const headerWithClose = style({\n  paddingRight: `calc(2 * ${t.modalCloseButtonPadding} + ${t.modalCloseIconSize})`,\n});\n\nexport const mobileHeaderWithClose = style({\n  paddingRight: `calc(2 * ${t.mobileModalCloseButtonRightPadding} + ${t.mobileModalCloseIconSize})`,\n});\n\n// ModalFooter\nexport const fixedFooter = style({\n  paddingTop: t.modalFixedFooterPaddingTop,\n  marginTop: t.modalFixedFooterMarginTop,\n  background: t.modalFixedHeaderBg,\n  borderTop: t.modalFixedFooterBorder,\n  borderRadius: 0,\n});\n\nexport const panel = style({\n  paddingTop: t.modalFooterPanelPaddingTop,\n  paddingBottom: t.modalFooterPanelPaddingBottom,\n  background: t.modalFooterBg,\n});\n\nexport const fixedPanel = style({});\n\nexport const mobileFooter = style({ padding: t.mobileModalFooterPadding });\n\nexport const mobileFixedFooter = style({ borderRadius: `0 0 ${t.modalBorderRadius} ${t.modalBorderRadius}` });\n\n// ModalBody\nexport const bodyWithoutHeader = style({ paddingTop: t.modalPaddingTop });\n\nexport const bodyAddPaddingForPanel = style({ paddingBottom: t.modalPaddingBottom });\n\nexport const mobileBodyAddPaddingForPanel = style({\n  padding: t.mobileModalBodyPadding,\n  paddingBottom: t.mobileModalBodyPaddingBottom,\n});\n\nexport const mobileBodyWithoutHeader = style({\n  paddingTop: t.mobileModalBodyPaddingTop,\n  paddingRight: t.mobileModalWithoutHeaderCloseButtonWidth,\n});\n\nexport const bodyWithoutPadding = style({ padding: 0 });\n\n// вложенные правила — после баз всех классов файла, как было в склеенном CSS Emotion\nglobalStyle(`${containerDesktop}::before`, {\n  content: \"''\",\n  display: 'inline-block',\n  verticalAlign: 'middle',\n  height: '80%', // to vertical align modal 40%/60% of screen height\n});\n\nresetButtonFocusInner(close);\nglobalStyle(`${close}:hover`, { color: t.modalCloseButtonHoverColor });\nglobalStyle(`${close} > svg`, {\n  width: t.modalCloseIconSize,\n  height: t.modalCloseIconSize,\n  boxSizing: 'content-box',\n});\n\nglobalStyle(`${closeMobile} > svg`, {\n  width: t.mobileModalCloseIconSize,\n  height: t.mobileModalCloseIconSize,\n});\n\nglobalStyle(`${focus}:before`, {\n  content: \"''\",\n  position: 'absolute',\n  width: `calc(${t.modalCloseIconSize} * 2)`,\n  height: `calc(${t.modalCloseIconSize} * 2)`,\n  boxShadow: `inset 0 0 0 2px ${t.borderColorFocus}`,\n  borderRadius: 4,\n});\n\nglobalStyle(`${fixedHeader}:after`, {\n  bottom: 11,\n  content: \"''\",\n  position: 'absolute',\n  height: 1,\n  width: '100%',\n  left: 0,\n  zIndex: -1,\n  boxShadow: t.modalFixedHeaderShadow,\n});\n\nglobalStyle(`${fixedFooter}:before`, {\n  top: 11,\n  content: \"''\",\n  position: 'absolute',\n  height: 1,\n  width: '100%',\n  left: 0,\n  zIndex: -1,\n  boxShadow: t.modalFixedFooterShadow,\n});\n\nglobalStyle(`${fixedPanel}:before`, { boxShadow: t.modalFixedPanelShadow });\n\nexport const styles = {\n  root,\n  bg,\n  container,\n  containerDesktop,\n  mobileContainerFullscreen5_2,\n  mobileContainerSmall5_2,\n  mobileContainerSmallTop5_2,\n  mobileContainerSmallBottom5_2,\n  window,\n  mobileWindow,\n  mobileWindowFullscreen,\n  centerContainer,\n  mobileCenterContainer,\n  mobileCenterContainerBig,\n  mobileCenterContainerFullscreen,\n  alignTop,\n  close,\n  closeMobile,\n  mobileCloseWithoutHeader,\n  closeWrapper,\n  mobileCloseWrapper,\n  disabled,\n  focus,\n  header,\n  mobileHeader,\n  titleCut,\n  body,\n  mobileBody,\n  headerWithClose,\n  mobileHeaderWithClose,\n  footer,\n  mobileFooter,\n  panel,\n  fixedHeader,\n  mobileFixedHeader,\n  fixedFooter,\n  mobileFixedFooter,\n  fixedPanel,\n  headerAddPadding,\n  bodyWithoutHeader,\n  mobileBodyWithoutHeader,\n  bodyWithoutPadding,\n  bodyAddPaddingForPanel,\n  mobileBodyAddPaddingForPanel,\n  columnFlexContainer,\n  modalSeparatorWrapper,\n  modalSeparator,\n  modalSeparatorFixed,\n};\n"]}

package/components/Modal/Modal.d.ts

@@ -63,9 +63,6 @@ export declare class Modal extends React.Component<ModalProps, ModalState> {
     private getProps;
     state: ModalState;
     private globalObject;
-    private emotion;
-    private cx;
-    private styles;
     private theme;
     private stackSubscription;
     private containerNode;

package/components/Modal/Modal.js

@@ -39,6 +39,7 @@ import { RenderContainer } from '../../internal/RenderContainer/index.js';
 import { ResizeDetector } from '../../internal/ResizeDetector/index.js';
 import { ZIndex } from '../../internal/ZIndex/index.js';
 import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { cx } from '../../lib/cx.js';
 import { isKeyEscape } from '../../lib/events/keyboard/identifiers.js';
 import * as LayoutEvents from '../../lib/LayoutEvents.js';
 import { ModalStack } from '../../lib/ModalStack.js';
@@ -50,7 +51,7 @@ import { isNonNullable } from '../../lib/utils.js';
 import { ResponsiveLayout } from '../ResponsiveLayout/index.js';
 import { getModalTheme } from './getModalTheme.js';
 import { ModalDataTids, ModalZIndexPriority } from './Modal.constants.js';
-import { getStyles } from './Modal.styles.js';
+import { styles } from './Modal.css.js';
 import { ModalBody } from './ModalBody.js';
 import { ModalClose } from './ModalClose.js';
 import { ModalContext } from './ModalContext.js';
@@ -86,15 +87,15 @@ var Modal = /** @class */ (function (_super) {
                     if (_this.state.hasFooter) {
                         return;
                     }
-                    return [_this.styles.mobileContainerSmall5_2()];
+                    return [styles.mobileContainerSmall5_2];
                 case 'fullscreen':
-                    return [_this.styles.mobileContainerFullscreen5_2()];
+                    return [styles.mobileContainerFullscreen5_2];
                 case 'center':
-                    return [_this.styles.mobileContainerSmall5_2()];
+                    return [styles.mobileContainerSmall5_2];
                 case 'bottom':
-                    return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallBottom5_2()];
+                    return [styles.mobileContainerSmall5_2, styles.mobileContainerSmallBottom5_2];
                 case 'top':
-                    return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallTop5_2()];
+                    return [styles.mobileContainerSmall5_2, styles.mobileContainerSmallTop5_2];
                 default:
                     return catchUnreachableWarning(mobileAppearance, false);
             }
@@ -199,7 +200,6 @@ var Modal = /** @class */ (function (_super) {
     };
     Modal.prototype.render = function () {
         var _this = this;
-        this.styles = getStyles(this.emotion);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = getModalTheme(theme, _this.props.theme);
             return React.createElement(ThemeContext.Provider, { value: _this.theme }, _this.renderMain());
@@ -237,38 +237,38 @@ var Modal = /** @class */ (function (_super) {
         }
         var getMobileCenterContainerClassNames = function () {
             var _a;
-            return _this.cx(_this.styles.mobileCenterContainer(_this.theme), (_a = {},
-                _a[_this.styles.mobileCenterContainerBig(_this.theme)] = mobileAppearance === 'fullscreen-spacing' || (mobileAppearance === 'auto' && hasFooter),
-                _a[_this.styles.mobileCenterContainerFullscreen()] = mobileAppearance === 'fullscreen',
+            return cx(styles.mobileCenterContainer, (_a = {},
+                _a[styles.mobileCenterContainerBig] = mobileAppearance === 'fullscreen-spacing' || (mobileAppearance === 'auto' && hasFooter),
+                _a[styles.mobileCenterContainerFullscreen] = mobileAppearance === 'fullscreen',
                 _a));
         };
         return (React.createElement(RenderContainer, null,
             React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
-                React.createElement(ZIndex, { priority: 'Modal', className: this.styles.root() },
+                React.createElement(ZIndex, { priority: 'Modal', className: styles.root },
                     React.createElement(HideBodyVerticalScroll, null),
-                    this.state.hasBackground && (React.createElement("div", { onMouseDown: this.handleContainerMouseDown, onMouseUp: this.handleContainerMouseUp, onClick: this.handleContainerClick, className: this.styles.bg(this.theme) })),
+                    this.state.hasBackground && (React.createElement("div", { onMouseDown: this.handleContainerMouseDown, onMouseUp: this.handleContainerMouseUp, onClick: this.handleContainerClick, className: styles.bg })),
                     React.createElement(ResponsiveLayout, null, function (_a) {
                         var _b, _c, _d, _e, _f;
                         var isMobile = _a.isMobile;
-                        return (React.createElement("div", { "aria-labelledby": ariaLabelledby, ref: _this.refContainer, className: _this.cx(_this.styles.container(), !isMobile && _this.styles.containerDesktop(), isMobile && _this.getMobileContainerClassName()), onMouseDown: _this.handleContainerMouseDown, onMouseUp: _this.handleContainerMouseUp, onClick: _this.handleContainerClick, "data-tid": ModalDataTids.container },
-                            React.createElement("div", { "aria-modal": true, "aria-label": ariaLabel, role: role, className: _this.cx((_b = {},
-                                    _b[_this.styles.centerContainer()] = true,
+                        return (React.createElement("div", { "aria-labelledby": ariaLabelledby, ref: _this.refContainer, className: cx(styles.container, !isMobile && styles.containerDesktop, isMobile && _this.getMobileContainerClassName()), onMouseDown: _this.handleContainerMouseDown, onMouseUp: _this.handleContainerMouseUp, onClick: _this.handleContainerClick, "data-tid": ModalDataTids.container },
+                            React.createElement("div", { "aria-modal": true, "aria-label": ariaLabel, role: role, className: cx((_b = {},
+                                    _b[styles.centerContainer] = true,
                                     _b[getMobileCenterContainerClassNames()] = isMobile,
-                                    _b[_this.styles.alignTop()] = Boolean(alignTop),
+                                    _b[styles.alignTop] = Boolean(alignTop),
                                     _b)), style: isMobile ? undefined : containerStyle, "data-tid": ModalDataTids.content },
-                                React.createElement("div", { className: _this.cx((_c = {},
-                                        _c[_this.styles.window(_this.theme)] = true,
-                                        _c[_this.styles.mobileWindow()] = isMobile,
-                                        _c[_this.styles.mobileWindowFullscreen()] = isMobile && mobileAppearance === 'fullscreen',
+                                React.createElement("div", { className: cx((_c = {},
+                                        _c[styles.window] = true,
+                                        _c[styles.mobileWindow] = isMobile,
+                                        _c[styles.mobileWindowFullscreen] = isMobile && mobileAppearance === 'fullscreen',
                                         _c)), style: isMobile ? undefined : style },
                                     React.createElement(ResizeDetector, { onResize: _this.handleResize, fullHeight: isMobile },
-                                        React.createElement(FocusLock, { disabled: disableFocusLock, autoFocus: false, className: _this.cx((_d = {}, _d[_this.styles.columnFlexContainer()] = isMobile, _d), 'focus-lock-container') },
-                                            !hasHeader && !noClose && (React.createElement(ZIndex, { priority: ModalZIndexPriority.Cross, className: _this.cx((_e = {},
-                                                    _e[_this.styles.closeWrapper(_this.theme)] = true,
-                                                    _e[_this.styles.mobileCloseWrapper(_this.theme)] = isMobile,
+                                        React.createElement(FocusLock, { disabled: disableFocusLock, autoFocus: false, className: cx((_d = {}, _d[styles.columnFlexContainer] = isMobile, _d), 'focus-lock-container') },
+                                            !hasHeader && !noClose && (React.createElement(ZIndex, { priority: ModalZIndexPriority.Cross, className: cx((_e = {},
+                                                    _e[styles.closeWrapper] = true,
+                                                    _e[styles.mobileCloseWrapper] = isMobile,
                                                     _e)) },
-                                                React.createElement(ModalClose, { className: _this.cx((_f = {},
-                                                        _f[_this.styles.mobileCloseWithoutHeader(_this.theme)] = isMobile && !_this.state.hasHeader,
+                                                React.createElement(ModalClose, { className: cx((_f = {},
+                                                        _f[styles.mobileCloseWithoutHeader] = isMobile && !_this.state.hasHeader,
                                                         _f)), requestClose: _this.requestClose, disableClose: disableClose }))),
                                             React.createElement(ModalContext.Provider, { value: modalContextProps }, children)))))));
                     })))));

package/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["Modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport throttle from 'lodash.throttle';\nimport type { AriaAttributes, HTMLAttributes, JSX } from 'react';\nimport React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll/index.js';\nimport { FocusLock } from '../../internal/react-focus-lock/index.js';\nimport { RenderContainer } from '../../internal/RenderContainer/index.js';\nimport { ResizeDetector } from '../../internal/ResizeDetector/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport { ModalStack } from '../../lib/ModalStack.js';\nimport type { ModalStackSubscription } from '../../lib/ModalStack.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport { type TGetRootNode, type TSetRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { catchUnreachableWarning } from '../../lib/typeGuards.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport { ResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { getModalTheme } from './getModalTheme.js';\nimport { ModalDataTids, ModalZIndexPriority } from './Modal.constants.js';\nimport { getStyles } from './Modal.styles.js';\nimport { ModalBody } from './ModalBody.js';\nimport { ModalClose } from './ModalClose.js';\nimport { ModalContext } from './ModalContext.js';\nimport type { ModalContextProps } from './ModalContext.js';\nimport { ModalFooter } from './ModalFooter.js';\nimport { ModalHeader } from './ModalHeader.js';\n\nexport { ModalDataTids, ModalZIndexPriority };\n\nlet mountedModalsCount = 0;\n\nexport type MobileModalAppearance = 'auto' | 'top' | 'center' | 'bottom' | 'fullscreen-spacing' | 'fullscreen';\n\nexport interface ModalProps\n  extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {\n  /** Отключает событие `onClose` и блокирует кнопку закрытия модального окна. */\n  disableClose?: boolean;\n\n  /** Выравнивает модальное окно по верху страницы. */\n  alignTop?: boolean;\n\n  /** Оставляет модальное окно открытым, когда пользователь кликнул на фон вне модального окна. */\n  ignoreBackgroundClick?: boolean;\n\n  /** Скрывает крестик для закрытия модального окна. */\n  noClose?: boolean;\n\n  /** Ширина модального окна. */\n  width?: number | string;\n\n  /** Событие закрытия модального окна. Вызывается при клике на фон или крестик, и при нажатии Esc. */\n  onClose?: () => void;\n\n  /** Выключает ограничение на фокус. По умолчанию модальное окно не позволяет установить фокус за переделами своего содержимого.*/\n  disableFocusLock?: boolean;\n\n  /** Объект с переменными темы. Он будет объединён с темой из `<ThemeContext>`.\n   *\n   * Общие переменные темы и переменные для модального окна (с префиксом modal) смотрите на странице [ThemePlayground](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_information-themeplayground--docs).\n   */\n  theme?: ThemeIn;\n\n  /** Задаёт внешний вид модального окна в мобильном режиме. Работает с версией темы >= 5_2.\n   *  - `\"auto\"` — если футера нет, модальное окно распологается в центре экрана, если есть — модальное окно растягивается на весь экран с отступами и закругленными краями.\n   *  - `\"top\"` — модальное окно располагается сверху независимо от наличия футера.\n   *  - `\"center\"` — модальное окно располагается в центре независимо от наличия футера.\n   *  - `\"bottom\"` — модальное окно располагается снизу независимо от наличия футера.\n   *  - `\"fullscreen-spacing\"` — модальное окно растягивается на весь экран с отступами и закругленными краями.\n   *  - `\"fullscreen\"` — модальное окно растягивается на весь экран.\n   *  @default auto\n   */\n  mobileAppearance?: MobileModalAppearance;\n}\n\nexport interface ModalState {\n  stackPosition: number;\n  hasBackground: boolean;\n  horizontalScroll: boolean;\n  hasHeader: boolean;\n  hasFooter: boolean;\n  hasPanel: boolean;\n}\n\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role' | 'mobileAppearance'>>;\n\n/** Модальное окно — это эмуляция диалогового окна браузера, оно появляется поверх страницы в ответ на действия пользователя и блокирует доступ к основному содержимому страницы.\n */\n@withRenderEnvironment\n@rootNode\nexport class Modal extends React.Component<ModalProps, ModalState> {\n  public static __KONTUR_REACT_UI__ = 'Modal';\n  public static displayName = 'Modal';\n\n  public static Header = ModalHeader;\n  public static Body = ModalBody;\n  public static Footer = ModalFooter;\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    disableFocusLock: false,\n    role: 'dialog',\n    mobileAppearance: 'auto',\n  };\n\n  private getProps = createPropsGetter(Modal.defaultProps);\n\n  public state: ModalState = {\n    stackPosition: 0,\n    hasBackground: true,\n    horizontalScroll: false,\n    hasHeader: false,\n    hasFooter: false,\n    hasPanel: 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 stackSubscription: ModalStackSubscription | null = null;\n  private containerNode: HTMLDivElement | null = null;\n  private mouseDownTarget: EventTarget | null = null;\n  private mouseUpTarget: EventTarget | null = null;\n\n  public componentDidMount() {\n    this.stackSubscription = ModalStack.add(this, this.handleStackChange, this.globalObject);\n\n    if (mountedModalsCount === 0) {\n      this.globalObject.addEventListener?.('resize', this.throttledCheckHorizontalScroll);\n    }\n\n    mountedModalsCount++;\n    this.globalObject.addEventListener?.('keydown', this.handleKeyDown);\n    this.checkHorizontalScrollAppearance();\n\n    if (this.containerNode) {\n      this.containerNode.addEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (--mountedModalsCount === 0) {\n      this.globalObject.removeEventListener?.('resize', this.throttledCheckHorizontalScroll);\n      LayoutEvents.emit();\n    }\n\n    this.globalObject.removeEventListener?.('keydown', this.handleKeyDown);\n    if (isNonNullable(this.stackSubscription)) {\n      this.stackSubscription.remove();\n    }\n    ModalStack.remove(this, this.globalObject);\n\n    if (this.containerNode) {\n      this.containerNode.removeEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public render(): JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalTheme(theme, this.props.theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getMobileContainerClassName = () => {\n    const mobileAppearance = this.getProps().mobileAppearance;\n    switch (mobileAppearance) {\n      case 'fullscreen-spacing':\n        return;\n      case 'auto':\n        if (this.state.hasFooter) {\n          return;\n        }\n        return [this.styles.mobileContainerSmall5_2()];\n      case 'fullscreen':\n        return [this.styles.mobileContainerFullscreen5_2()];\n      case 'center':\n        return [this.styles.mobileContainerSmall5_2()];\n      case 'bottom':\n        return [this.styles.mobileContainerSmall5_2(), this.styles.mobileContainerSmallBottom5_2()];\n      case 'top':\n        return [this.styles.mobileContainerSmall5_2(), this.styles.mobileContainerSmallTop5_2()];\n      default:\n        return catchUnreachableWarning(mobileAppearance, false);\n    }\n  };\n\n  private renderMain() {\n    const {\n      noClose,\n      disableClose,\n      width,\n      mobileAppearance,\n      alignTop,\n      children,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n    } = this.props;\n    const { hasHeader, hasFooter, hasPanel } = this.state;\n    const { role, disableFocusLock } = this.getProps();\n\n    const modalContextProps: ModalContextProps = {\n      hasHeader,\n      horizontalScroll: this.state.horizontalScroll,\n      setHasHeader: this.setHasHeader,\n      setHasFooter: this.setHasFooter,\n      setHasPanel: this.setHasPanel,\n      mobileOnFullScreen: this.props.mobileAppearance === 'fullscreen',\n    };\n    if (!noClose) {\n      modalContextProps.close = {\n        disableClose,\n        requestClose: this.requestClose,\n      };\n    }\n    if (!hasFooter || hasPanel) {\n      modalContextProps.additionalPadding = true;\n    }\n\n    const style: { width?: number | string } = {};\n    const containerStyle: { width?: number | string } = {};\n\n    if (width) {\n      style.width = width;\n    } else {\n      containerStyle.width = 'auto';\n    }\n\n    const getMobileCenterContainerClassNames = () => {\n      return this.cx(this.styles.mobileCenterContainer(this.theme), {\n        [this.styles.mobileCenterContainerBig(this.theme)]:\n          mobileAppearance === 'fullscreen-spacing' || (mobileAppearance === 'auto' && hasFooter),\n        [this.styles.mobileCenterContainerFullscreen()]: mobileAppearance === 'fullscreen',\n      });\n    };\n\n    return (\n      <RenderContainer>\n        <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n          <ZIndex priority={'Modal'} className={this.styles.root()}>\n            <HideBodyVerticalScroll />\n            {this.state.hasBackground && (\n              <div\n                onMouseDown={this.handleContainerMouseDown}\n                onMouseUp={this.handleContainerMouseUp}\n                onClick={this.handleContainerClick}\n                className={this.styles.bg(this.theme)}\n              />\n            )}\n            <ResponsiveLayout>\n              {({ isMobile }) => (\n                <div\n                  aria-labelledby={ariaLabelledby}\n                  ref={this.refContainer}\n                  className={this.cx(\n                    this.styles.container(),\n                    !isMobile && this.styles.containerDesktop(),\n                    isMobile && this.getMobileContainerClassName(),\n                  )}\n                  onMouseDown={this.handleContainerMouseDown}\n                  onMouseUp={this.handleContainerMouseUp}\n                  onClick={this.handleContainerClick}\n                  data-tid={ModalDataTids.container}\n                >\n                  <div\n                    aria-modal\n                    aria-label={ariaLabel}\n                    role={role}\n                    className={this.cx({\n                      [this.styles.centerContainer()]: true,\n                      [getMobileCenterContainerClassNames()]: isMobile,\n                      [this.styles.alignTop()]: Boolean(alignTop),\n                    })}\n                    style={isMobile ? undefined : containerStyle}\n                    data-tid={ModalDataTids.content}\n                  >\n                    <div\n                      className={this.cx({\n                        [this.styles.window(this.theme)]: true,\n                        [this.styles.mobileWindow()]: isMobile,\n                        [this.styles.mobileWindowFullscreen()]: isMobile && mobileAppearance === 'fullscreen',\n                      })}\n                      style={isMobile ? undefined : style}\n                    >\n                      <ResizeDetector onResize={this.handleResize} fullHeight={isMobile}>\n                        <FocusLock\n                          disabled={disableFocusLock}\n                          autoFocus={false}\n                          className={this.cx({ [this.styles.columnFlexContainer()]: isMobile }, 'focus-lock-container')}\n                        >\n                          {!hasHeader && !noClose && (\n                            <ZIndex\n                              priority={ModalZIndexPriority.Cross}\n                              className={this.cx({\n                                [this.styles.closeWrapper(this.theme)]: true,\n                                [this.styles.mobileCloseWrapper(this.theme)]: isMobile,\n                              })}\n                            >\n                              <ModalClose\n                                className={this.cx({\n                                  [this.styles.mobileCloseWithoutHeader(this.theme)]: isMobile && !this.state.hasHeader,\n                                })}\n                                requestClose={this.requestClose}\n                                disableClose={disableClose}\n                              />\n                            </ZIndex>\n                          )}\n                          <ModalContext.Provider value={modalContextProps}>{children}</ModalContext.Provider>\n                        </FocusLock>\n                      </ResizeDetector>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </ResponsiveLayout>\n          </ZIndex>\n        </CommonWrapper>\n      </RenderContainer>\n    );\n  }\n\n  private requestClose = () => {\n    if (this.props.disableClose) {\n      return;\n    }\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n  };\n\n  private refContainer = (center: HTMLDivElement | null) => {\n    this.containerNode = center;\n  };\n\n  private handleStackChange = (stack: readonly React.Component[]) => {\n    this.setState({\n      stackPosition: stack.indexOf(this),\n      hasBackground: ModalStack.isBlocking(this, this.globalObject),\n    });\n  };\n\n  private handleContainerMouseDown = (event: React.MouseEvent) => {\n    this.mouseDownTarget = event.target;\n  };\n\n  private handleContainerMouseUp = (event: React.MouseEvent) => {\n    this.mouseUpTarget = event.target;\n  };\n\n  private handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.props.ignoreBackgroundClick) {\n      const { target, currentTarget } = event;\n      if (target === currentTarget && this.mouseDownTarget === currentTarget && this.mouseUpTarget === currentTarget) {\n        this.requestClose();\n      }\n    }\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.state.stackPosition !== 0) {\n      return;\n    }\n    if (isKeyEscape(e)) {\n      e.stopPropagation();\n      this.requestClose();\n    }\n  };\n\n  private checkHorizontalScrollAppearance = () => {\n    let hasScroll = false;\n\n    if (this.containerNode) {\n      const containerClientWidth = this.containerNode.clientWidth;\n      const containerScrollWidth = this.containerNode.scrollWidth;\n      hasScroll = containerClientWidth < containerScrollWidth;\n    }\n    if (hasScroll && !this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: true });\n    } else if (this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: false });\n    }\n  };\n\n  private throttledCheckHorizontalScroll = throttle(this.checkHorizontalScrollAppearance, 100);\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  private setHasHeader = (hasHeader: boolean) => {\n    this.setState({ hasHeader });\n  };\n\n  private setHasFooter = (hasFooter: boolean) => {\n    this.setState({ hasFooter });\n  };\n\n  private setHasPanel = (hasPanel: boolean) => {\n    this.setState({ hasPanel });\n  };\n}\n"]}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["Modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import throttle from 'lodash.throttle';\nimport type { AriaAttributes, HTMLAttributes, JSX } from 'react';\nimport React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll/index.js';\nimport { FocusLock } from '../../internal/react-focus-lock/index.js';\nimport { RenderContainer } from '../../internal/RenderContainer/index.js';\nimport { ResizeDetector } from '../../internal/ResizeDetector/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { cx } from '../../lib/cx.js';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport { ModalStack } from '../../lib/ModalStack.js';\nimport type { ModalStackSubscription } from '../../lib/ModalStack.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport { type TGetRootNode, type TSetRootNode, rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { catchUnreachableWarning } from '../../lib/typeGuards.js';\nimport { isNonNullable } from '../../lib/utils.js';\nimport { ResponsiveLayout } from '../ResponsiveLayout/index.js';\nimport { getModalTheme } from './getModalTheme.js';\nimport { ModalDataTids, ModalZIndexPriority } from './Modal.constants.js';\nimport { styles } from './Modal.css.js';\nimport { ModalBody } from './ModalBody.js';\nimport { ModalClose } from './ModalClose.js';\nimport { ModalContext } from './ModalContext.js';\nimport type { ModalContextProps } from './ModalContext.js';\nimport { ModalFooter } from './ModalFooter.js';\nimport { ModalHeader } from './ModalHeader.js';\n\nexport { ModalDataTids, ModalZIndexPriority };\n\nlet mountedModalsCount = 0;\n\nexport type MobileModalAppearance = 'auto' | 'top' | 'center' | 'bottom' | 'fullscreen-spacing' | 'fullscreen';\n\nexport interface ModalProps\n  extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {\n  /** Отключает событие `onClose` и блокирует кнопку закрытия модального окна. */\n  disableClose?: boolean;\n\n  /** Выравнивает модальное окно по верху страницы. */\n  alignTop?: boolean;\n\n  /** Оставляет модальное окно открытым, когда пользователь кликнул на фон вне модального окна. */\n  ignoreBackgroundClick?: boolean;\n\n  /** Скрывает крестик для закрытия модального окна. */\n  noClose?: boolean;\n\n  /** Ширина модального окна. */\n  width?: number | string;\n\n  /** Событие закрытия модального окна. Вызывается при клике на фон или крестик, и при нажатии Esc. */\n  onClose?: () => void;\n\n  /** Выключает ограничение на фокус. По умолчанию модальное окно не позволяет установить фокус за переделами своего содержимого.*/\n  disableFocusLock?: boolean;\n\n  /** Объект с переменными темы. Он будет объединён с темой из `<ThemeContext>`.\n   *\n   * Общие переменные темы и переменные для модального окна (с префиксом modal) смотрите на странице [ThemePlayground](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_information-themeplayground--docs).\n   */\n  theme?: ThemeIn;\n\n  /** Задаёт внешний вид модального окна в мобильном режиме. Работает с версией темы >= 5_2.\n   *  - `\"auto\"` — если футера нет, модальное окно распологается в центре экрана, если есть — модальное окно растягивается на весь экран с отступами и закругленными краями.\n   *  - `\"top\"` — модальное окно располагается сверху независимо от наличия футера.\n   *  - `\"center\"` — модальное окно располагается в центре независимо от наличия футера.\n   *  - `\"bottom\"` — модальное окно располагается снизу независимо от наличия футера.\n   *  - `\"fullscreen-spacing\"` — модальное окно растягивается на весь экран с отступами и закругленными краями.\n   *  - `\"fullscreen\"` — модальное окно растягивается на весь экран.\n   *  @default auto\n   */\n  mobileAppearance?: MobileModalAppearance;\n}\n\nexport interface ModalState {\n  stackPosition: number;\n  hasBackground: boolean;\n  horizontalScroll: boolean;\n  hasHeader: boolean;\n  hasFooter: boolean;\n  hasPanel: boolean;\n}\n\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role' | 'mobileAppearance'>>;\n\n/** Модальное окно — это эмуляция диалогового окна браузера, оно появляется поверх страницы в ответ на действия пользователя и блокирует доступ к основному содержимому страницы.\n */\n@withRenderEnvironment\n@rootNode\nexport class Modal extends React.Component<ModalProps, ModalState> {\n  public static __KONTUR_REACT_UI__ = 'Modal';\n  public static displayName = 'Modal';\n\n  public static Header = ModalHeader;\n  public static Body = ModalBody;\n  public static Footer = ModalFooter;\n\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public static defaultProps: DefaultProps = {\n    disableFocusLock: false,\n    role: 'dialog',\n    mobileAppearance: 'auto',\n  };\n\n  private getProps = createPropsGetter(Modal.defaultProps);\n\n  public state: ModalState = {\n    stackPosition: 0,\n    hasBackground: true,\n    horizontalScroll: false,\n    hasHeader: false,\n    hasFooter: false,\n    hasPanel: false,\n  };\n\n  private globalObject!: GlobalObject;\n  private theme!: Theme;\n  private stackSubscription: ModalStackSubscription | null = null;\n  private containerNode: HTMLDivElement | null = null;\n  private mouseDownTarget: EventTarget | null = null;\n  private mouseUpTarget: EventTarget | null = null;\n\n  public componentDidMount() {\n    this.stackSubscription = ModalStack.add(this, this.handleStackChange, this.globalObject);\n\n    if (mountedModalsCount === 0) {\n      this.globalObject.addEventListener?.('resize', this.throttledCheckHorizontalScroll);\n    }\n\n    mountedModalsCount++;\n    this.globalObject.addEventListener?.('keydown', this.handleKeyDown);\n    this.checkHorizontalScrollAppearance();\n\n    if (this.containerNode) {\n      this.containerNode.addEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public componentWillUnmount() {\n    if (--mountedModalsCount === 0) {\n      this.globalObject.removeEventListener?.('resize', this.throttledCheckHorizontalScroll);\n      LayoutEvents.emit();\n    }\n\n    this.globalObject.removeEventListener?.('keydown', this.handleKeyDown);\n    if (isNonNullable(this.stackSubscription)) {\n      this.stackSubscription.remove();\n    }\n    ModalStack.remove(this, this.globalObject);\n\n    if (this.containerNode) {\n      this.containerNode.removeEventListener('scroll', LayoutEvents.emit);\n    }\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalTheme(theme, this.props.theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private getMobileContainerClassName = () => {\n    const mobileAppearance = this.getProps().mobileAppearance;\n    switch (mobileAppearance) {\n      case 'fullscreen-spacing':\n        return;\n      case 'auto':\n        if (this.state.hasFooter) {\n          return;\n        }\n        return [styles.mobileContainerSmall5_2];\n      case 'fullscreen':\n        return [styles.mobileContainerFullscreen5_2];\n      case 'center':\n        return [styles.mobileContainerSmall5_2];\n      case 'bottom':\n        return [styles.mobileContainerSmall5_2, styles.mobileContainerSmallBottom5_2];\n      case 'top':\n        return [styles.mobileContainerSmall5_2, styles.mobileContainerSmallTop5_2];\n      default:\n        return catchUnreachableWarning(mobileAppearance, false);\n    }\n  };\n\n  private renderMain() {\n    const {\n      noClose,\n      disableClose,\n      width,\n      mobileAppearance,\n      alignTop,\n      children,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n    } = this.props;\n    const { hasHeader, hasFooter, hasPanel } = this.state;\n    const { role, disableFocusLock } = this.getProps();\n\n    const modalContextProps: ModalContextProps = {\n      hasHeader,\n      horizontalScroll: this.state.horizontalScroll,\n      setHasHeader: this.setHasHeader,\n      setHasFooter: this.setHasFooter,\n      setHasPanel: this.setHasPanel,\n      mobileOnFullScreen: this.props.mobileAppearance === 'fullscreen',\n    };\n    if (!noClose) {\n      modalContextProps.close = {\n        disableClose,\n        requestClose: this.requestClose,\n      };\n    }\n    if (!hasFooter || hasPanel) {\n      modalContextProps.additionalPadding = true;\n    }\n\n    const style: { width?: number | string } = {};\n    const containerStyle: { width?: number | string } = {};\n\n    if (width) {\n      style.width = width;\n    } else {\n      containerStyle.width = 'auto';\n    }\n\n    const getMobileCenterContainerClassNames = () => {\n      return cx(styles.mobileCenterContainer, {\n        [styles.mobileCenterContainerBig]:\n          mobileAppearance === 'fullscreen-spacing' || (mobileAppearance === 'auto' && hasFooter),\n        [styles.mobileCenterContainerFullscreen]: mobileAppearance === 'fullscreen',\n      });\n    };\n\n    return (\n      <RenderContainer>\n        <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n          <ZIndex priority={'Modal'} className={styles.root}>\n            <HideBodyVerticalScroll />\n            {this.state.hasBackground && (\n              <div\n                onMouseDown={this.handleContainerMouseDown}\n                onMouseUp={this.handleContainerMouseUp}\n                onClick={this.handleContainerClick}\n                className={styles.bg}\n              />\n            )}\n            <ResponsiveLayout>\n              {({ isMobile }) => (\n                <div\n                  aria-labelledby={ariaLabelledby}\n                  ref={this.refContainer}\n                  className={cx(\n                    styles.container,\n                    !isMobile && styles.containerDesktop,\n                    isMobile && this.getMobileContainerClassName(),\n                  )}\n                  onMouseDown={this.handleContainerMouseDown}\n                  onMouseUp={this.handleContainerMouseUp}\n                  onClick={this.handleContainerClick}\n                  data-tid={ModalDataTids.container}\n                >\n                  <div\n                    aria-modal\n                    aria-label={ariaLabel}\n                    role={role}\n                    className={cx({\n                      [styles.centerContainer]: true,\n                      [getMobileCenterContainerClassNames()]: isMobile,\n                      [styles.alignTop]: Boolean(alignTop),\n                    })}\n                    style={isMobile ? undefined : containerStyle}\n                    data-tid={ModalDataTids.content}\n                  >\n                    <div\n                      className={cx({\n                        [styles.window]: true,\n                        [styles.mobileWindow]: isMobile,\n                        [styles.mobileWindowFullscreen]: isMobile && mobileAppearance === 'fullscreen',\n                      })}\n                      style={isMobile ? undefined : style}\n                    >\n                      <ResizeDetector onResize={this.handleResize} fullHeight={isMobile}>\n                        <FocusLock\n                          disabled={disableFocusLock}\n                          autoFocus={false}\n                          className={cx({ [styles.columnFlexContainer]: isMobile }, 'focus-lock-container')}\n                        >\n                          {!hasHeader && !noClose && (\n                            <ZIndex\n                              priority={ModalZIndexPriority.Cross}\n                              className={cx({\n                                [styles.closeWrapper]: true,\n                                [styles.mobileCloseWrapper]: isMobile,\n                              })}\n                            >\n                              <ModalClose\n                                className={cx({\n                                  [styles.mobileCloseWithoutHeader]: isMobile && !this.state.hasHeader,\n                                })}\n                                requestClose={this.requestClose}\n                                disableClose={disableClose}\n                              />\n                            </ZIndex>\n                          )}\n                          <ModalContext.Provider value={modalContextProps}>{children}</ModalContext.Provider>\n                        </FocusLock>\n                      </ResizeDetector>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </ResponsiveLayout>\n          </ZIndex>\n        </CommonWrapper>\n      </RenderContainer>\n    );\n  }\n\n  private requestClose = () => {\n    if (this.props.disableClose) {\n      return;\n    }\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n  };\n\n  private refContainer = (center: HTMLDivElement | null) => {\n    this.containerNode = center;\n  };\n\n  private handleStackChange = (stack: readonly React.Component[]) => {\n    this.setState({\n      stackPosition: stack.indexOf(this),\n      hasBackground: ModalStack.isBlocking(this, this.globalObject),\n    });\n  };\n\n  private handleContainerMouseDown = (event: React.MouseEvent) => {\n    this.mouseDownTarget = event.target;\n  };\n\n  private handleContainerMouseUp = (event: React.MouseEvent) => {\n    this.mouseUpTarget = event.target;\n  };\n\n  private handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (!this.props.ignoreBackgroundClick) {\n      const { target, currentTarget } = event;\n      if (target === currentTarget && this.mouseDownTarget === currentTarget && this.mouseUpTarget === currentTarget) {\n        this.requestClose();\n      }\n    }\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (this.state.stackPosition !== 0) {\n      return;\n    }\n    if (isKeyEscape(e)) {\n      e.stopPropagation();\n      this.requestClose();\n    }\n  };\n\n  private checkHorizontalScrollAppearance = () => {\n    let hasScroll = false;\n\n    if (this.containerNode) {\n      const containerClientWidth = this.containerNode.clientWidth;\n      const containerScrollWidth = this.containerNode.scrollWidth;\n      hasScroll = containerClientWidth < containerScrollWidth;\n    }\n    if (hasScroll && !this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: true });\n    } else if (this.state.horizontalScroll) {\n      this.setState({ horizontalScroll: false });\n    }\n  };\n\n  private throttledCheckHorizontalScroll = throttle(this.checkHorizontalScrollAppearance, 100);\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  private setHasHeader = (hasHeader: boolean) => {\n    this.setState({ hasHeader });\n  };\n\n  private setHasFooter = (hasFooter: boolean) => {\n    this.setState({ hasFooter });\n  };\n\n  private setHasPanel = (hasPanel: boolean) => {\n    this.setState({ hasPanel });\n  };\n}\n"]}

package/components/Modal/ModalBody.d.ts

@@ -14,9 +14,6 @@ export declare class ModalBody extends React.Component<ModalBodyProps> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;
     static __MODAL_BODY__: boolean;
-    private emotion;
-    private cx;
-    private styles;
     private theme;
     private isMobileLayout;
     getRootNode: TGetRootNode;

package/components/Modal/ModalBody.js

@@ -34,14 +34,14 @@ import React from 'react';
 import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
 import { ResizeDetector } from '../../internal/ResizeDetector/index.js';
 import { ZIndex } from '../../internal/ZIndex/index.js';
+import { cx } from '../../lib/cx.js';
 import * as LayoutEvents from '../../lib/LayoutEvents.js';
-import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
 import { rootNode } from '../../lib/rootNode/index.js';
 import { ThemeContext } from '../../lib/theming/ThemeContext.js';
 import { responsiveLayout } from '../ResponsiveLayout/decorator.js';
 import { getModalBodyTheme } from './getModalBodyTheme.js';
 import { ModalZIndexPriority } from './Modal.constants.js';
-import { getStyles } from './Modal.styles.js';
+import { styles } from './Modal.css.js';
 import { ModalContext } from './ModalContext.js';
 /**
  * Контейнер с отступами для содержимого модального окна.
@@ -59,7 +59,6 @@ var ModalBody = /** @class */ (function (_super) {
     }
     ModalBody.prototype.render = function () {
         var _this = this;
-        this.styles = getStyles(this.emotion);
         return (React.createElement(ThemeContext.Consumer, null, function (theme) {
             _this.theme = getModalBodyTheme(theme);
             return React.createElement(ThemeContext.Provider, { value: _this.theme }, _this.renderMain());
@@ -72,14 +71,14 @@ var ModalBody = /** @class */ (function (_super) {
             var _b;
             var additionalPadding = _a.additionalPadding, hasHeader = _a.hasHeader;
             return (React.createElement(CommonWrapper, __assign({ rootNodeRef: _this.setRootNode }, _this.props),
-                React.createElement(ZIndex, { priority: ModalZIndexPriority.Content, className: _this.cx((_b = {},
-                        _b[_this.styles.body(_this.theme)] = true,
-                        _b[_this.styles.mobileBody(_this.theme)] = _this.isMobileLayout,
-                        _b[_this.styles.bodyWithoutHeader(_this.theme)] = !hasHeader,
-                        _b[_this.styles.bodyAddPaddingForPanel(_this.theme)] = additionalPadding,
-                        _b[_this.styles.mobileBodyAddPaddingForPanel(_this.theme)] = additionalPadding && _this.isMobileLayout,
-                        _b[_this.styles.mobileBodyWithoutHeader(_this.theme)] = !hasHeader && _this.isMobileLayout,
-                        _b[_this.styles.bodyWithoutPadding()] = noPadding,
+                React.createElement(ZIndex, { priority: ModalZIndexPriority.Content, className: cx((_b = {},
+                        _b[styles.body] = true,
+                        _b[styles.mobileBody] = _this.isMobileLayout,
+                        _b[styles.bodyWithoutHeader] = !hasHeader,
+                        _b[styles.bodyAddPaddingForPanel] = additionalPadding,
+                        _b[styles.mobileBodyAddPaddingForPanel] = additionalPadding && _this.isMobileLayout,
+                        _b[styles.mobileBodyWithoutHeader] = !hasHeader && _this.isMobileLayout,
+                        _b[styles.bodyWithoutPadding] = noPadding,
                         _b)) }, _this.isMobileLayout ? (React.createElement(ResizeDetector, { onResize: _this.handleResize }, _this.props.children)) : (_this.props.children))));
         }));
     };
@@ -87,7 +86,6 @@ var ModalBody = /** @class */ (function (_super) {
     ModalBody.displayName = 'ModalBody';
     ModalBody.__MODAL_BODY__ = true;
     ModalBody = __decorate([
-        withRenderEnvironment,
         responsiveLayout,
         rootNode
     ], ModalBody);

package/components/Modal/ModalBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["ModalBody.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport React, { type JSX } from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { ResizeDetector } from '../../internal/ResizeDetector/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator.js';\nimport { getModalBodyTheme } from './getModalBodyTheme.js';\nimport { ModalZIndexPriority } from './Modal.constants.js';\nimport { getStyles } from './Modal.styles.js';\nimport { ModalContext } from './ModalContext.js';\n\nexport interface ModalBodyProps extends CommonProps {\n  /** Убирает отступы. */\n  noPadding?: boolean;\n}\n\n/**\n * Контейнер с отступами для содержимого модального окна.\n *\n * @visibleName Modal.Body\n */\n@withRenderEnvironment\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static displayName = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalBodyTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  public renderMain(): JSX.Element {\n    const { noPadding } = this.props;\n    return (\n      <ModalContext.Consumer>\n        {({ additionalPadding, hasHeader }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <ZIndex\n              priority={ModalZIndexPriority.Content}\n              className={this.cx({\n                [this.styles.body(this.theme)]: true,\n                [this.styles.mobileBody(this.theme)]: this.isMobileLayout,\n                [this.styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n                [this.styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n                [this.styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n                [this.styles.mobileBodyWithoutHeader(this.theme)]: !hasHeader && this.isMobileLayout,\n                [this.styles.bodyWithoutPadding()]: noPadding,\n              })}\n            >\n              {this.isMobileLayout ? (\n                <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n              ) : (\n                this.props.children\n              )}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </ModalContext.Consumer>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ModalBody.js","sourceRoot":"","sources":["ModalBody.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { type JSX } from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { ResizeDetector } from '../../internal/ResizeDetector/index.js';\nimport { ZIndex } from '../../internal/ZIndex/index.js';\nimport { cx } from '../../lib/cx.js';\nimport * as LayoutEvents from '../../lib/LayoutEvents.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator.js';\nimport { getModalBodyTheme } from './getModalBodyTheme.js';\nimport { ModalZIndexPriority } from './Modal.constants.js';\nimport { styles } from './Modal.css.js';\nimport { ModalContext } from './ModalContext.js';\n\nexport interface ModalBodyProps extends CommonProps {\n  /** Убирает отступы. */\n  noPadding?: boolean;\n}\n\n/**\n * Контейнер с отступами для содержимого модального окна.\n *\n * @visibleName Modal.Body\n */\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static displayName = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render(): React.JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalBodyTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  public renderMain(): JSX.Element {\n    const { noPadding } = this.props;\n    return (\n      <ModalContext.Consumer>\n        {({ additionalPadding, hasHeader }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <ZIndex\n              priority={ModalZIndexPriority.Content}\n              className={cx({\n                [styles.body]: true,\n                [styles.mobileBody]: this.isMobileLayout,\n                [styles.bodyWithoutHeader]: !hasHeader,\n                [styles.bodyAddPaddingForPanel]: additionalPadding,\n                [styles.mobileBodyAddPaddingForPanel]: additionalPadding && this.isMobileLayout,\n                [styles.mobileBodyWithoutHeader]: !hasHeader && this.isMobileLayout,\n                [styles.bodyWithoutPadding]: noPadding,\n              })}\n            >\n              {this.isMobileLayout ? (\n                <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n              ) : (\n                this.props.children\n              )}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </ModalContext.Consumer>\n    );\n  }\n}\n"]}