@skbkontur/react-ui 0.0.0-a59755ee68 → 0.0.0-a6f09fbded

package/cjs/components/MiniModal/MiniModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_forwardRefAndName","_InfoCircleIcon64Regular","_ThemeContext","_Emotion","_MiniModal","_MiniModal2","_excluded","MiniModalHeader","exports","forwardRefAndName","_ref","ref","_cx","_ref$icon","icon","default","createElement","InfoCircleIcon64Regular","children","rest","_objectWithoutPropertiesLoose2","theme","useContext","ThemeContext","Modal","Header","MiniModalDataTids","className","styles","title","cx","titleWithIcon"],"sources":["MiniModalHeader.tsx"],"sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { Modal, ModalHeaderProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { InfoCircleIcon64Regular } from '../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalHeaderProps extends ModalHeaderProps {\n  /** Задает иконку в шапку компонента.\n   * @default InfoCircleIcon64Regular */\n  icon?: ReactNode;\n}\n\n/**\n * Обёртка над Modal.Header\n *\n * @visibleName MiniModal.Header\n */\nexport const MiniModalHeader = forwardRefAndName<HTMLDivElement, MiniModalHeaderProps>(\n  'MiniModalHeader',\n  ({ icon = <InfoCircleIcon64Regular />, children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    return (\n      <Modal.Header {...rest}>\n        <div ref={ref}>\n          {icon && (\n            <div data-tid={MiniModalDataTids.icon} className={styles.icon()}>\n              {icon}\n            </div>\n          )}\n          {children && (\n            <div\n              data-tid={MiniModalDataTids.title}\n              className={cx(styles.title(), {\n                [styles.titleWithIcon(theme)]: !!icon,\n              })}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </Modal.Header>\n    );\n  },\n);\n"],"mappings":"gYAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;;AAEA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA,gBAAgD,IAAAQ,SAAA;;;;;;;;AAQhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA4DC,GAAG,EAAK,KAAAC,GAAA,KAAAC,SAAA,GAAAH,IAAA,CAAjEI,IAAI,CAAJA,IAAI,GAAAD,SAAA,2BAAGjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,wBAAA,CAAAgB,uBAAuB,MAAE,CAAC,GAAAJ,SAAA,CAAEK,QAAQ,GAAAR,IAAA,CAARQ,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAL,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IACtD,IAAMe,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC;MACE3B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAyB,KAAK,CAACC,MAAM,EAAKN,IAAI;MACpBvB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAKL,GAAG,EAAEA,GAAI;MACXG,IAAI;MACHlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAK,YAAUU,6BAAiB,CAACZ,IAAK,EAACa,SAAS,EAAEC,iBAAM,CAACd,IAAI,CAAC,CAAE;MAC7DA;MACE,CACN;;MACAI,QAAQ;MACPtB,MAAA,CAAAmB,OAAA,CAAAC,aAAA;QACE,YAAUU,6BAAiB,CAACG,KAAM;QAClCF,SAAS,EAAE,IAAAG,WAAE,EAACF,iBAAM,CAACC,KAAK,CAAC,CAAC,GAAAjB,GAAA,OAAAA,GAAA;QACzBgB,iBAAM,CAACG,aAAa,CAACV,KAAK,CAAC,IAAG,CAAC,CAACP,IAAI,EAAAF,GAAA;QACtC,CAAE;;MAEFM;MACE;;MAEJ;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_forwardRefAndName","_InfoCircleIcon64Regular","_ThemeContext","_Emotion","_MiniModal","_MiniModal2","_excluded","MiniModalHeader","exports","forwardRefAndName","_ref","ref","_cx","_ref$icon","icon","default","createElement","InfoCircleIcon64Regular","children","rest","_objectWithoutPropertiesLoose2","theme","useContext","ThemeContext","Modal","Header","MiniModalDataTids","className","styles","title","cx","titleWithIcon"],"sources":["MiniModalHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport type { ModalHeaderProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { InfoCircleIcon64Regular } from '../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalHeaderProps extends ModalHeaderProps {\n  /** Задает иконку в шапку компонента.\n   * @default InfoCircleIcon64Regular */\n  icon?: ReactNode;\n}\n\n/**\n * Обёртка над Modal.Header\n *\n * @visibleName MiniModal.Header\n */\nexport const MiniModalHeader = forwardRefAndName<HTMLDivElement, MiniModalHeaderProps>(\n  'MiniModalHeader',\n  ({ icon = <InfoCircleIcon64Regular />, children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    return (\n      <Modal.Header {...rest}>\n        <div ref={ref}>\n          {icon && (\n            <div data-tid={MiniModalDataTids.icon} className={styles.icon()}>\n              {icon}\n            </div>\n          )}\n          {children && (\n            <div\n              data-tid={MiniModalDataTids.title}\n              className={cx(styles.title(), {\n                [styles.titleWithIcon(theme)]: !!icon,\n              })}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </Modal.Header>\n    );\n  },\n);\n"],"mappings":";AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;;AAEA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA,gBAAgD,IAAAQ,SAAA;;;;;;;;AAQhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA4DC,GAAG,EAAK,KAAAC,GAAA,KAAAC,SAAA,GAAAH,IAAA,CAAjEI,IAAI,CAAJA,IAAI,GAAAD,SAAA,2BAAGjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,wBAAA,CAAAgB,uBAAuB,MAAE,CAAC,GAAAJ,SAAA,CAAEK,QAAQ,GAAAR,IAAA,CAARQ,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAL,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IACtD,IAAMe,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC;MACE3B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAyB,KAAK,CAACC,MAAM,EAAKN,IAAI;MACpBvB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAKL,GAAG,EAAEA,GAAI;MACXG,IAAI;MACHlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAK,YAAUU,6BAAiB,CAACZ,IAAK,EAACa,SAAS,EAAEC,iBAAM,CAACd,IAAI,CAAC,CAAE;MAC7DA;MACE,CACN;;MACAI,QAAQ;MACPtB,MAAA,CAAAmB,OAAA,CAAAC,aAAA;QACE,YAAUU,6BAAiB,CAACG,KAAM;QAClCF,SAAS,EAAE,IAAAG,WAAE,EAACF,iBAAM,CAACC,KAAK,CAAC,CAAC,GAAAjB,GAAA,OAAAA,GAAA;QACzBgB,iBAAM,CAACG,aAAa,CAACV,KAAK,CAAC,IAAG,CAAC,CAACP,IAAI,EAAAF,GAAA;QACtC,CAAE;;MAEFM;MACE;;MAEJ;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/MiniModalIndent.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-/**
- * Отступ между кнопками
- *
- * @visibleName MiniModal.Indent
- */
-export declare const MiniModalIndent: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, React.InputHTMLAttributes<HTMLDivElement>> & Record<never, never>;
+import React from 'react';
+/**
+ * Отступ между кнопками
+ *
+ * @visibleName MiniModal.Indent
+ */
+export declare const MiniModalIndent: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, React.InputHTMLAttributes<HTMLDivElement>> & Record<never, never>;

package/cjs/components/MiniModal/MiniModalIndent.js

@@ -2,8 +2,6 @@
 
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Emotion = require("../../lib/theming/Emotion");
-var _client = require("../../lib/client");
 
 var _MiniModal = require("./MiniModal.styles");
 var _MiniModal2 = require("./MiniModal");var _excluded = ["children"];
@@ -18,13 +16,6 @@ var MiniModalIndent = exports.MiniModalIndent = (0, _forwardRefAndName.forwardRe
   function (_ref, ref) {var children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
-    return /*#__PURE__*/(
-      _react.default.createElement("div", (0, _extends2.default)({
-        "data-tid": _MiniModal2.MiniModalDataTids.indent,
-        ref: ref,
-        className: (0, _Emotion.cx)(!_client.isIE11 ? _MiniModal.styles.actionsIndent(theme) : _MiniModal.styles.actionsIndentIE11Fallback(theme)) },
-      rest)
-      ));
-
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ "data-tid": _MiniModal2.MiniModalDataTids.indent, ref: ref, className: _MiniModal.styles.actionsIndent(theme) }, rest));
   }
 );

package/cjs/components/MiniModal/MiniModalIndent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_ThemeContext","_Emotion","_client","_MiniModal","_MiniModal2","_excluded","MiniModalIndent","exports","forwardRefAndName","_ref","ref","children","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","createElement","_extends2","MiniModalDataTids","indent","className","cx","isIE11","styles","actionsIndent","actionsIndentIE11Fallback"],"sources":["MiniModalIndent.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isIE11 } from '../../lib/client';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\n/**\n * Отступ между кнопками\n *\n * @visibleName MiniModal.Indent\n */\nexport const MiniModalIndent = forwardRefAndName<HTMLDivElement, React.InputHTMLAttributes<HTMLDivElement>>(\n  'MiniModalIndent',\n  ({ children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    return (\n      <div\n        data-tid={MiniModalDataTids.indent}\n        ref={ref}\n        className={cx(!isIE11 ? styles.actionsIndent(theme) : styles.actionsIndentIE11Fallback(theme))}\n        {...rest}\n      />\n    );\n  },\n);\n"],"mappings":"kdAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA,gBAAgD,IAAAO,SAAA;;AAEhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IAClB,IAAMU,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC;MACErB,MAAA,CAAAkB,OAAA,CAAAI,aAAA,YAAAC,SAAA,CAAAL,OAAA;QACE,YAAUM,6BAAiB,CAACC,MAAO;QACnCX,GAAG,EAAEA,GAAI;QACTY,SAAS,EAAE,IAAAC,WAAE,EAAC,CAACC,cAAM,GAAGC,iBAAM,CAACC,aAAa,CAACX,KAAK,CAAC,GAAGU,iBAAM,CAACE,yBAAyB,CAACZ,KAAK,CAAC,CAAE;MAC3FH,IAAI;MACT,CAAC;;EAEN;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_forwardRefAndName","_ThemeContext","_MiniModal","_MiniModal2","_excluded","MiniModalIndent","exports","forwardRefAndName","_ref","ref","children","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","createElement","_extends2","MiniModalDataTids","indent","className","styles","actionsIndent"],"sources":["MiniModalIndent.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\n/**\n * Отступ между кнопками\n *\n * @visibleName MiniModal.Indent\n */\nexport const MiniModalIndent = forwardRefAndName<HTMLDivElement, React.InputHTMLAttributes<HTMLDivElement>>(\n  'MiniModalIndent',\n  ({ children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    return <div data-tid={MiniModalDataTids.indent} ref={ref} className={styles.actionsIndent(theme)} {...rest} />;\n  },\n);\n"],"mappings":"kdAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA,gBAAgD,IAAAK,SAAA;;AAEhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IAClB,IAAMU,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,oBAAOnB,MAAA,CAAAgB,OAAA,CAAAI,aAAA,YAAAC,SAAA,CAAAL,OAAA,IAAK,YAAUM,6BAAiB,CAACC,MAAO,EAACX,GAAG,EAAEA,GAAI,EAACY,SAAS,EAAEC,iBAAM,CAACC,aAAa,CAACT,KAAK,CAAE,IAAKH,IAAI,CAAG,CAAC;EAChH;AACF,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/getMiniModalTheme.d.ts

@@ -1,2 +1,2 @@
-import { Theme, ThemeIn } from '../../lib/theming/Theme';
-export declare const getMiniModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Readonly<Readonly<typeof import("../../internal/themes/BasicLightTheme").BasicLightThemeInternal>>;
+import type { Theme, ThemeIn } from '../../lib/theming/Theme';
+export declare const getMiniModalTheme: (contextTheme: Theme, propsTheme?: ThemeIn) => Readonly<Readonly<typeof import("../../internal/themes/BasicTheme").BasicThemeClass>>;

package/cjs/components/MiniModal/getMiniModalTheme.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ThemeFactory","require","getMiniModalTheme","exports","contextTheme","propsTheme","theme","ThemeFactory","create","modalBodyPaddingTop","miniModalBodyPaddingTop","modalBodyPaddingBottom","miniModalBodyPaddingBottom","modalHeaderPaddingTop","miniModalHeaderPaddingTop","modalHeaderPaddingBottom","miniModalHeaderPaddingBottom","modalFooterPaddingTop","miniModalFooterPaddingTop","modalFooterPaddingBottom","miniModalFooterPaddingBottom","mobileModalFooterPadding","miniModalFooterPaddingMobile","mobileModalHeaderPadding","miniModalHeaderPaddingMobile","mobileModalBodyPadding","miniModalBodyPaddingMobile","mobileModalContainerHeight","miniModalHeightMobile","mobileModalContainerMarginTop","miniModalMarginTopMobile","mobileModalContainerMarginRight","miniModalMarginRightMobile","mobileModalContainerMarginLeft","miniModalMarginLeftMobile"],"sources":["getMiniModalTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\n\nexport const getMiniModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}) => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    {\n      modalBodyPaddingTop: theme.miniModalBodyPaddingTop,\n      modalBodyPaddingBottom: theme.miniModalBodyPaddingBottom,\n      modalHeaderPaddingTop: theme.miniModalHeaderPaddingTop,\n      modalHeaderPaddingBottom: theme.miniModalHeaderPaddingBottom,\n      modalFooterPaddingTop: theme.miniModalFooterPaddingTop,\n      modalFooterPaddingBottom: theme.miniModalFooterPaddingBottom,\n      mobileModalFooterPadding: theme.miniModalFooterPaddingMobile,\n      mobileModalHeaderPadding: theme.miniModalHeaderPaddingMobile,\n      mobileModalBodyPadding: theme.miniModalBodyPaddingMobile,\n      mobileModalContainerHeight: theme.miniModalHeightMobile,\n      mobileModalContainerMarginTop: theme.miniModalMarginTopMobile,\n      mobileModalContainerMarginRight: theme.miniModalMarginRightMobile,\n      mobileModalContainerMarginLeft: theme.miniModalMarginLeftMobile,\n    },\n    theme,\n  );\n};\n"],"mappings":"0EAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,YAAmB,EAAEC,UAAmB,EAAU,KAA7BA,UAAmB,cAAnBA,UAAmB,GAAG,CAAC,CAAC;EAC7E,IAAMC,KAAK,GAAGC,0BAAY,CAACC,MAAM,CAACH,UAAU,EAAED,YAAY,CAAC;EAC3D,OAAOG,0BAAY,CAACC,MAAM;IACxB;MACEC,mBAAmB,EAAEH,KAAK,CAACI,uBAAuB;MAClDC,sBAAsB,EAAEL,KAAK,CAACM,0BAA0B;MACxDC,qBAAqB,EAAEP,KAAK,CAACQ,yBAAyB;MACtDC,wBAAwB,EAAET,KAAK,CAACU,4BAA4B;MAC5DC,qBAAqB,EAAEX,KAAK,CAACY,yBAAyB;MACtDC,wBAAwB,EAAEb,KAAK,CAACc,4BAA4B;MAC5DC,wBAAwB,EAAEf,KAAK,CAACgB,4BAA4B;MAC5DC,wBAAwB,EAAEjB,KAAK,CAACkB,4BAA4B;MAC5DC,sBAAsB,EAAEnB,KAAK,CAACoB,0BAA0B;MACxDC,0BAA0B,EAAErB,KAAK,CAACsB,qBAAqB;MACvDC,6BAA6B,EAAEvB,KAAK,CAACwB,wBAAwB;MAC7DC,+BAA+B,EAAEzB,KAAK,CAAC0B,0BAA0B;MACjEC,8BAA8B,EAAE3B,KAAK,CAAC4B;IACxC,CAAC;IACD5B;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_ThemeFactory","require","getMiniModalTheme","exports","contextTheme","propsTheme","theme","ThemeFactory","create","modalBodyPaddingTop","miniModalBodyPaddingTop","modalBodyPaddingBottom","miniModalBodyPaddingBottom","modalHeaderPaddingTop","miniModalHeaderPaddingTop","modalHeaderPaddingBottom","miniModalHeaderPaddingBottom","modalFooterPaddingTop","miniModalFooterPaddingTop","modalFooterPaddingBottom","miniModalFooterPaddingBottom","mobileModalFooterPadding","miniModalFooterPaddingMobile","mobileModalHeaderPadding","miniModalHeaderPaddingMobile","mobileModalBodyPadding","miniModalBodyPaddingMobile","mobileModalContainerHeight","miniModalHeightMobile","mobileModalContainerMarginTop","miniModalMarginTopMobile","mobileModalContainerMarginRight","miniModalMarginRightMobile","mobileModalContainerMarginLeft","miniModalMarginLeftMobile"],"sources":["getMiniModalTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\n\nexport const getMiniModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}) => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    {\n      modalBodyPaddingTop: theme.miniModalBodyPaddingTop,\n      modalBodyPaddingBottom: theme.miniModalBodyPaddingBottom,\n      modalHeaderPaddingTop: theme.miniModalHeaderPaddingTop,\n      modalHeaderPaddingBottom: theme.miniModalHeaderPaddingBottom,\n      modalFooterPaddingTop: theme.miniModalFooterPaddingTop,\n      modalFooterPaddingBottom: theme.miniModalFooterPaddingBottom,\n      mobileModalFooterPadding: theme.miniModalFooterPaddingMobile,\n      mobileModalHeaderPadding: theme.miniModalHeaderPaddingMobile,\n      mobileModalBodyPadding: theme.miniModalBodyPaddingMobile,\n      mobileModalContainerHeight: theme.miniModalHeightMobile,\n      mobileModalContainerMarginTop: theme.miniModalMarginTopMobile,\n      mobileModalContainerMarginRight: theme.miniModalMarginRightMobile,\n      mobileModalContainerMarginLeft: theme.miniModalMarginLeftMobile,\n    },\n    theme,\n  );\n};\n"],"mappings":"0EAAA,IAAAA,aAAA,GAAAC,OAAA;;;AAGO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,YAAmB,EAAEC,UAAmB,EAAU,KAA7BA,UAAmB,cAAnBA,UAAmB,GAAG,CAAC,CAAC;EAC7E,IAAMC,KAAK,GAAGC,0BAAY,CAACC,MAAM,CAACH,UAAU,EAAED,YAAY,CAAC;EAC3D,OAAOG,0BAAY,CAACC,MAAM;IACxB;MACEC,mBAAmB,EAAEH,KAAK,CAACI,uBAAuB;MAClDC,sBAAsB,EAAEL,KAAK,CAACM,0BAA0B;MACxDC,qBAAqB,EAAEP,KAAK,CAACQ,yBAAyB;MACtDC,wBAAwB,EAAET,KAAK,CAACU,4BAA4B;MAC5DC,qBAAqB,EAAEX,KAAK,CAACY,yBAAyB;MACtDC,wBAAwB,EAAEb,KAAK,CAACc,4BAA4B;MAC5DC,wBAAwB,EAAEf,KAAK,CAACgB,4BAA4B;MAC5DC,wBAAwB,EAAEjB,KAAK,CAACkB,4BAA4B;MAC5DC,sBAAsB,EAAEnB,KAAK,CAACoB,0BAA0B;MACxDC,0BAA0B,EAAErB,KAAK,CAACsB,qBAAqB;MACvDC,6BAA6B,EAAEvB,KAAK,CAACwB,wBAAwB;MAC7DC,+BAA+B,EAAEzB,KAAK,CAAC0B,0BAA0B;MACjEC,8BAA8B,EAAE3B,KAAK,CAAC4B;IACxC,CAAC;IACD5B;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/index.d.ts

@@ -1,5 +1,5 @@
-export * from './MiniModal';
-export * from './MiniModalHeader';
-export * from './MiniModalBody';
-export * from './MiniModalFooter';
-export * from './MiniModalIndent';
+export * from './MiniModal';
+export * from './MiniModalHeader';
+export * from './MiniModalBody';
+export * from './MiniModalFooter';
+export * from './MiniModalIndent';

package/cjs/components/Modal/Modal.d.ts

@@ -1,80 +1,97 @@
-import React, { AriaAttributes, HTMLAttributes } from 'react';
-import { ThemeIn } from '../../lib/theming/Theme';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { ModalFooter } from './ModalFooter';
-import { ModalHeader } from './ModalHeader';
-import { ModalBody } from './ModalBody';
-export interface ModalProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {
-    /** Отключает событие `onClose` и дизейблит кнопку закрытия модалки. */
-    disableClose?: boolean;
-    /** Выравнивает окно по верху страницы. */
-    alignTop?: boolean;
-    /** Оставляет окно открытым при клике на фон. */
-    ignoreBackgroundClick?: boolean;
-    /** Убирает крестик для закрытия окна */
-    noClose?: boolean;
-    /** Задает длину модалки. */
-    width?: number | string;
-    /** Задает функцию, которая вызывается, когда пользователь запросил закрытие окна (нажал на фон, на Escape или на крестик). */
-    onClose?: () => void;
-    /** Отключает фокус-лок внутри модалки. По умолчанию true для IE11. */
-    disableFocusLock?: boolean;
-    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
-    theme?: ThemeIn;
-}
-export interface ModalState {
-    stackPosition: number;
-    hasBackground: boolean;
-    horizontalScroll: boolean;
-    hasHeader: boolean;
-    hasFooter: boolean;
-    hasPanel: boolean;
-}
-export declare const ModalDataTids: {
-    readonly container: "modal-container";
-    readonly content: "modal-content";
-    readonly close: "modal-close";
-};
-type DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role'>>;
-/**
- * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.
- *
- * Содержит в себе три компонента: `Modal.Header`, `Modal.Body` и `Modal.Footer`.
- *
- * Для отображения серой плашки в футере в компонент `Footer` необходимо передать пропс `panel`.
- *
- * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).
- */
-export declare class Modal extends React.Component<ModalProps, ModalState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static Header: typeof ModalHeader;
-    static Body: typeof ModalBody;
-    static Footer: typeof ModalFooter;
-    static defaultProps: DefaultProps;
-    private getProps;
-    state: ModalState;
-    private theme;
-    private stackSubscription;
-    private containerNode;
-    private mouseDownTarget;
-    private mouseUpTarget;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    private requestClose;
-    private refContainer;
-    private handleStackChange;
-    private handleContainerMouseDown;
-    private handleContainerMouseUp;
-    private handleContainerClick;
-    private handleKeyDown;
-    private checkHorizontalScrollAppearance;
-    private throttledCheckHorizontalScroll;
-    private handleResize;
-    private setHasHeader;
-    private setHasFooter;
-    private setHasPanel;
-}
-export {};
+import type { AriaAttributes, HTMLAttributes } from 'react';
+import React from 'react';
+import type { ThemeIn } from '../../lib/theming/Theme';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import { ModalFooter } from './ModalFooter';
+import { ModalHeader } from './ModalHeader';
+import { ModalBody } from './ModalBody';
+export type MobileModalAppearance = 'auto' | 'top' | 'center' | 'bottom' | 'fullscreen-spacing' | 'fullscreen';
+export interface ModalProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {
+    /** Отключает событие `onClose` и дизейблит кнопку закрытия модалки. */
+    disableClose?: boolean;
+    /** Выравнивает окно по верху страницы. */
+    alignTop?: boolean;
+    /** Оставляет окно открытым при клике на фон. */
+    ignoreBackgroundClick?: boolean;
+    /** Убирает крестик для закрытия окна */
+    noClose?: boolean;
+    /** Задает ширину модалки. */
+    width?: number | string;
+    /** Задает функцию, которая вызывается, когда пользователь запросил закрытие окна (нажал на фон, на Escape или на крестик). */
+    onClose?: () => void;
+    /** Отключает фокус-лок внутри модалки. По умолчанию true для IE11. */
+    disableFocusLock?: boolean;
+    /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
+    theme?: ThemeIn;
+    /** Задает внешний вид модалки. Работает с версией темы >= 5_2.
+     *  - `auto` — если футера нет, модалка распологается в центре экрана, если футер есть -- модалка растягивается на весь экран с отступами и закругленными краями
+     *  - `top` — модалка располагается сверху независимо от наличия футера
+     *  - `center` — модалка располагается в центре независимо от наличия футера
+     *  - `bottom` — модалка располагается снизу независимо от наличия футера
+     *  - `fullscreen-spacing` — модалка растягивается на весь экран с отступами и закругленными краями
+     *  - `fullscreen` — модалка растягивается на весь экран
+     *  @default auto
+     */
+    mobileAppearance?: MobileModalAppearance;
+}
+export interface ModalState {
+    stackPosition: number;
+    hasBackground: boolean;
+    horizontalScroll: boolean;
+    hasHeader: boolean;
+    hasFooter: boolean;
+    hasPanel: boolean;
+}
+export declare const ModalDataTids: {
+    readonly container: "modal-container";
+    readonly content: "modal-content";
+    readonly close: "modal-close";
+};
+export declare const ModalZIndexPriority: {
+    readonly Cross: 2;
+    readonly Content: 1;
+};
+type DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role' | 'mobileAppearance'>>;
+/**
+ * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.
+ *
+ * Состоит из 3-х компонентов: `Modal.Header`, `Modal.Body`, `Modal.Footer`.
+ *
+ * Для отображения серой плашки в футере в компонент `Footer` необходимо передать проп `panel`.
+ *
+ * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).
+ */
+export declare class Modal extends React.Component<ModalProps, ModalState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static Header: typeof ModalHeader;
+    static Body: typeof ModalBody;
+    static Footer: typeof ModalFooter;
+    static defaultProps: DefaultProps;
+    private getProps;
+    state: ModalState;
+    private theme;
+    private stackSubscription;
+    private containerNode;
+    private mouseDownTarget;
+    private mouseUpTarget;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private getMobileContainerClassName;
+    private renderMain;
+    private requestClose;
+    private refContainer;
+    private handleStackChange;
+    private handleContainerMouseDown;
+    private handleContainerMouseUp;
+    private handleContainerClick;
+    private handleKeyDown;
+    private checkHorizontalScrollAppearance;
+    private throttledCheckHorizontalScroll;
+    private handleResize;
+    private setHasHeader;
+    private setHasFooter;
+    private setHasPanel;
+}
+export {};

package/cjs/components/Modal/Modal.js

@@ -1,4 +1,5 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ModalDataTids = exports.Modal = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ModalZIndexPriority = exports.ModalDataTids = exports.Modal = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+var _react = _interopRequireDefault(require("react"));
 var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
 var _globalObject = require("@skbkontur/global-object");
@@ -10,15 +11,20 @@ var _RenderContainer = require("../../internal/RenderContainer");
 var _ZIndex = require("../../internal/ZIndex");
 var _stopPropagation = require("../../lib/events/stopPropagation");
 var _HideBodyVerticalScroll = require("../../internal/HideBodyVerticalScroll");
+
 var _ModalStack = require("../../lib/ModalStack");
 var _ResizeDetector = require("../../internal/ResizeDetector");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 var _client = require("../../lib/client");
+
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _Emotion = require("../../lib/theming/Emotion");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _ResponsiveLayout = require("../ResponsiveLayout");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _typeGuards = require("../../lib/typeGuards");
+
 
 var _ModalContext = require("./ModalContext");
 var _ModalFooter = require("./ModalFooter");
@@ -54,6 +60,19 @@ var mountedModalsCount = 0;
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -74,14 +93,19 @@ var ModalDataTids = exports.ModalDataTids = {
   close: 'modal-close'
 };
 
+var ModalZIndexPriority = exports.ModalZIndexPriority = {
+  Cross: 2,
+  Content: 1
+};
+
 
 
 /**
  * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.
  *
- * Содержит в себе три компонента: `Modal.Header`, `Modal.Body` и `Modal.Footer`.
+ * Состоит из 3-х компонентов: `Modal.Header`, `Modal.Body`, `Modal.Footer`.
  *
- * Для отображения серой плашки в футере в компонент `Footer` необходимо передать пропс `panel`.
+ * Для отображения серой плашки в футере в компонент `Footer` необходимо передать проп `panel`.
  *
  * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).
  */var
@@ -99,6 +123,7 @@ Modal = exports.Modal = /*#__PURE__*/function (_React$Component) {function Modal
 
 
 
+
     getProps = (0, _createPropsGetter.createPropsGetter)(Modal.defaultProps);_this.
 
     state = {
@@ -149,6 +174,59 @@ Modal = exports.Modal = /*#__PURE__*/function (_React$Component) {function Modal
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+    getMobileContainerClassName = function () {
+      var mobileAppearance = _this.getProps().mobileAppearance;
+      switch (mobileAppearance) {
+        case 'fullscreen-spacing':
+          return;
+        case 'auto':
+          if (_this.state.hasFooter) {
+            return;
+          }
+          return [_Modal2.styles.mobileContainerSmall5_2()];
+        case 'fullscreen':
+          return [_Modal2.styles.mobileContainerFullscreen5_2()];
+        case 'center':
+          return [_Modal2.styles.mobileContainerSmall5_2()];
+        case 'bottom':
+          return [_Modal2.styles.mobileContainerSmall5_2(), _Modal2.styles.mobileContainerSmallBottom5_2()];
+        case 'top':
+          return [_Modal2.styles.mobileContainerSmall5_2(), _Modal2.styles.mobileContainerSmallTop5_2()];
+        default:
+          return (0, _typeGuards.catchUnreachableWarning)(mobileAppearance, false);
+      }
+    };_this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -350,5 +428,5 @@ Modal = exports.Modal = /*#__PURE__*/function (_React$Component) {function Modal
 
     setHasPanel = function (hasPanel) {
       _this.setState({ hasPanel: hasPanel });
-    };return _this;}(0, _inheritsLoose2.default)(Modal, _React$Component);var _proto = Modal.prototype;_proto.componentDidMount = function componentDidMount() {this.stackSubscription = _ModalStack.ModalStack.add(this, this.handleStackChange);if (mountedModalsCount === 0) {_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('resize', this.throttledCheckHorizontalScroll);}mountedModalsCount++;_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('keydown', this.handleKeyDown);this.checkHorizontalScrollAppearance();if (this.containerNode) {this.containerNode.addEventListener('scroll', LayoutEvents.emit);}};_proto.componentWillUnmount = function componentWillUnmount() {if (--mountedModalsCount === 0) {_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('resize', this.throttledCheckHorizontalScroll);LayoutEvents.emit();}_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('keydown', this.handleKeyDown);if ((0, _utils.isNonNullable)(this.stackSubscription)) {this.stackSubscription.remove();}_ModalStack.ModalStack.remove(this);if (this.containerNode) {this.containerNode.removeEventListener('scroll', LayoutEvents.emit);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _getModalTheme.getModalTheme)(theme, _this2.props.theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this3 = this;var _this$props = this.props,noClose = _this$props.noClose,disableClose = _this$props.disableClose,width = _this$props.width,alignTop = _this$props.alignTop,children = _this$props.children,ariaLabel = _this$props['aria-label'],ariaLabelledby = _this$props['aria-labelledby'];var _this$state = this.state,hasHeader = _this$state.hasHeader,hasFooter = _this$state.hasFooter,hasPanel = _this$state.hasPanel;var _this$getProps = this.getProps(),role = _this$getProps.role,disableFocusLock = _this$getProps.disableFocusLock;var modalContextProps = { hasHeader: hasHeader, horizontalScroll: this.state.horizontalScroll, setHasHeader: this.setHasHeader, setHasFooter: this.setHasFooter, setHasPanel: this.setHasPanel };if (!noClose) {modalContextProps.close = { disableClose: disableClose, requestClose: this.requestClose };}if (!hasFooter || hasPanel) {modalContextProps.additionalPadding = true;}var style = {};var containerStyle = {};if (width) {style.width = width;} else {containerStyle.width = 'auto';}return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Modal', className: _Modal2.styles.root() }, /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null), this.state.hasBackground && /*#__PURE__*/_react.default.createElement("div", { onMouseDown: this.handleContainerMouseDown, onMouseUp: this.handleContainerMouseUp, onClick: this.handleContainerClick, className: _Modal2.styles.bg(this.theme) }), /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, function (_ref) {var _cx, _cx2, _cx3, _cx4, _cx5;var isMobile = _ref.isMobile;return /*#__PURE__*/_react.default.createElement("div", { "aria-labelledby": ariaLabelledby, ref: _this3.refContainer, className: (0, _Emotion.cx)(_Modal2.styles.container(), isMobile && _Modal2.styles.containerMobile(_this3.theme)), onMouseDown: _this3.handleContainerMouseDown, onMouseUp: _this3.handleContainerMouseUp, onClick: _this3.handleContainerClick, "data-tid": ModalDataTids.container }, /*#__PURE__*/_react.default.createElement("div", { "aria-modal": true, "aria-label": ariaLabel, role: role, className: (0, _Emotion.cx)((_cx = {}, _cx[_Modal2.styles.centerContainer()] = true, _cx[_Modal2.styles.mobileCenterContainer()] = isMobile, _cx[_Modal2.styles.alignTop()] = Boolean(alignTop), _cx)), style: isMobile ? undefined : containerStyle, "data-tid": ModalDataTids.content }, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_Modal2.styles.window(_this3.theme)] = true, _cx2[_Modal2.styles.mobileWindow()] = isMobile, _cx2)), style: isMobile ? undefined : style }, /*#__PURE__*/_react.default.createElement(_ResizeDetector.ResizeDetector, { onResize: _this3.handleResize, fullHeight: isMobile }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, { disabled: disableFocusLock, autoFocus: false, className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_Modal2.styles.columnFlexContainer()] = isMobile, _cx3), 'focus-lock-container') }, !hasHeader && !noClose && /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { className: (0, _Emotion.cx)((_cx4 = {}, _cx4[_Modal2.styles.closeWrapper(_this3.theme)] = true, _cx4[_Modal2.styles.mobileCloseWrapper(_this3.theme)] = isMobile, _cx4)) }, /*#__PURE__*/_react.default.createElement(_ModalClose.ModalClose, { className: (0, _Emotion.cx)((_cx5 = {}, _cx5[_Modal2.styles.mobileCloseWithoutHeader()] = isMobile && !_this3.state.hasHeader, _cx5)), requestClose: _this3.requestClose, disableClose: disableClose })), /*#__PURE__*/_react.default.createElement(_ModalContext.ModalContext.Provider, { value: modalContextProps }, children))))));}))));};return Modal;}(_react.default.Component);Modal.__KONTUR_REACT_UI__ = 'Modal';Modal.displayName = 'Modal';Modal.Header = _ModalHeader.ModalHeader;Modal.Body = _ModalBody.ModalBody;Modal.Footer = _ModalFooter.ModalFooter;Modal.defaultProps = { // NOTE: в ie нормально не работает
-  disableFocusLock: _client.isIE11, role: 'dialog' };
+    };return _this;}(0, _inheritsLoose2.default)(Modal, _React$Component);var _proto = Modal.prototype;_proto.componentDidMount = function componentDidMount() {this.stackSubscription = _ModalStack.ModalStack.add(this, this.handleStackChange);if (mountedModalsCount === 0) {_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('resize', this.throttledCheckHorizontalScroll);}mountedModalsCount++;_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('keydown', this.handleKeyDown);this.checkHorizontalScrollAppearance();if (this.containerNode) {this.containerNode.addEventListener('scroll', LayoutEvents.emit);}};_proto.componentWillUnmount = function componentWillUnmount() {if (--mountedModalsCount === 0) {_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('resize', this.throttledCheckHorizontalScroll);LayoutEvents.emit();}_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('keydown', this.handleKeyDown);if ((0, _utils.isNonNullable)(this.stackSubscription)) {this.stackSubscription.remove();}_ModalStack.ModalStack.remove(this);if (this.containerNode) {this.containerNode.removeEventListener('scroll', LayoutEvents.emit);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _getModalTheme.getModalTheme)(theme, _this2.props.theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_proto.renderMain = function renderMain() {var _this3 = this;var _this$props = this.props,noClose = _this$props.noClose,disableClose = _this$props.disableClose,width = _this$props.width,mobileAppearance = _this$props.mobileAppearance,alignTop = _this$props.alignTop,children = _this$props.children,ariaLabel = _this$props['aria-label'],ariaLabelledby = _this$props['aria-labelledby'];var _this$state = this.state,hasHeader = _this$state.hasHeader,hasFooter = _this$state.hasFooter,hasPanel = _this$state.hasPanel;var _this$getProps = this.getProps(),role = _this$getProps.role,disableFocusLock = _this$getProps.disableFocusLock;var modalContextProps = { hasHeader: hasHeader, horizontalScroll: this.state.horizontalScroll, setHasHeader: this.setHasHeader, setHasFooter: this.setHasFooter, setHasPanel: this.setHasPanel, mobileOnFullScreen: this.props.mobileAppearance === 'fullscreen' };if (!noClose) {modalContextProps.close = { disableClose: disableClose, requestClose: this.requestClose };}if (!hasFooter || hasPanel) {modalContextProps.additionalPadding = true;}var versionGTE5_2 = (0, _ThemeHelpers.isThemeGTE)(this.theme, '5.2');var style = {};var containerStyle = {};if (width) {style.width = width;} else {containerStyle.width = 'auto';}var getMobileCenterContainerClassNames = function getMobileCenterContainerClassNames() {if (versionGTE5_2) {var _cx;return (0, _Emotion.cx)(_Modal2.styles.mobileCenterContainer5_2(_this3.theme), (_cx = {}, _cx[_Modal2.styles.mobileCenterContainerBig5_2(_this3.theme)] = mobileAppearance === 'fullscreen-spacing' || mobileAppearance === 'auto' && hasFooter, _cx[_Modal2.styles.mobileCenterContainerFullscreen5_2()] = mobileAppearance === 'fullscreen', _cx));}return (0, _Emotion.cx)(_Modal2.styles.mobileCenterContainer());};return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Modal', className: _Modal2.styles.root() }, /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null), this.state.hasBackground && /*#__PURE__*/_react.default.createElement("div", { onMouseDown: this.handleContainerMouseDown, onMouseUp: this.handleContainerMouseUp, onClick: this.handleContainerClick, className: _Modal2.styles.bg(this.theme) }), /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, function (_ref) {var _cx2, _cx3, _cx4, _cx5, _cx6;var isMobile = _ref.isMobile;return /*#__PURE__*/_react.default.createElement("div", { "aria-labelledby": ariaLabelledby, ref: _this3.refContainer, className: (0, _Emotion.cx)(_Modal2.styles.container(), versionGTE5_2 && _Modal2.styles.container5_2(), (!versionGTE5_2 || !isMobile) && _Modal2.styles.containerDesktop(), !versionGTE5_2 && isMobile && _Modal2.styles.containerMobile(_this3.theme), versionGTE5_2 && isMobile && _this3.getMobileContainerClassName()), onMouseDown: _this3.handleContainerMouseDown, onMouseUp: _this3.handleContainerMouseUp, onClick: _this3.handleContainerClick, "data-tid": ModalDataTids.container }, /*#__PURE__*/_react.default.createElement("div", { "aria-modal": true, "aria-label": ariaLabel, role: role, className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_Modal2.styles.centerContainer()] = true, _cx2[getMobileCenterContainerClassNames()] = isMobile, _cx2[_Modal2.styles.alignTop()] = Boolean(alignTop), _cx2)), style: isMobile ? undefined : containerStyle, "data-tid": ModalDataTids.content }, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_Modal2.styles.window(_this3.theme)] = true, _cx3[_Modal2.styles.mobileWindow()] = isMobile, _cx3[_Modal2.styles.mobileWindowFullscreen5_2()] = versionGTE5_2 && isMobile && mobileAppearance === 'fullscreen', _cx3)), style: isMobile ? undefined : style }, /*#__PURE__*/_react.default.createElement(_ResizeDetector.ResizeDetector, { onResize: _this3.handleResize, fullHeight: isMobile }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, { disabled: disableFocusLock, autoFocus: false, className: (0, _Emotion.cx)((_cx4 = {}, _cx4[_Modal2.styles.columnFlexContainer()] = isMobile, _cx4), 'focus-lock-container') }, !hasHeader && !noClose && /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: ModalZIndexPriority.Cross, className: (0, _Emotion.cx)((_cx5 = {}, _cx5[_Modal2.styles.closeWrapper(_this3.theme)] = true, _cx5[_Modal2.styles.mobileCloseWrapper(_this3.theme)] = isMobile, _cx5[_Modal2.styles.mobileCloseWrapper5_2(_this3.theme)] = versionGTE5_2 && isMobile, _cx5)) }, /*#__PURE__*/_react.default.createElement(_ModalClose.ModalClose, { className: (0, _Emotion.cx)((_cx6 = {}, _cx6[_Modal2.styles.mobileCloseWithoutHeader()] = isMobile && !_this3.state.hasHeader, _cx6[_Modal2.styles.mobileCloseWithoutHeader5_2(_this3.theme)] = versionGTE5_2 && isMobile && !_this3.state.hasHeader, _cx6)), requestClose: _this3.requestClose, disableClose: disableClose })), /*#__PURE__*/_react.default.createElement(_ModalContext.ModalContext.Provider, { value: modalContextProps }, children))))));}))));};return Modal;}(_react.default.Component);Modal.__KONTUR_REACT_UI__ = 'Modal';Modal.displayName = 'Modal';Modal.Header = _ModalHeader.ModalHeader;Modal.Body = _ModalBody.ModalBody;Modal.Footer = _ModalFooter.ModalFooter;Modal.defaultProps = { // NOTE: в ie нормально не работает
+  disableFocusLock: _client.isIE11, role: 'dialog', mobileAppearance: 'auto' };