@skbkontur/react-ui 5.4.7-225d1.0 → 5.4.7-7ccf0.0

package/cjs/components/MiniModal/MiniModalBody.js

@@ -1,11 +1,10 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.MiniModalBody = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 
 var _Modal = require("../Modal");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _MiniModal = require("./MiniModal");
 var _MiniModal2 = require("./MiniModal.styles");var _excluded = ["children"];
@@ -18,18 +17,15 @@ var _MiniModal2 = require("./MiniModal.styles");var _excluded = ["children"];
 var MiniModalBody = exports.MiniModalBody = (0, _forwardRefAndName.forwardRefAndName)(
   'MiniModalBody',
   function (_ref, ref) {var children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+    var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_MiniModal2.getStyles);
+
     return /*#__PURE__*/(
       _react.default.createElement(_Modal.Modal.Body, rest, /*#__PURE__*/
       _react.default.createElement(_ThemeContext.ThemeContext.Consumer, null,
-      function (theme) {var _cx;
+      function (theme) {
         return /*#__PURE__*/(
-          _react.default.createElement("div", {
-            "data-tid": _MiniModal.MiniModalDataTids.description,
-            ref: ref,
-            className: (0, _Emotion.cx)(_MiniModal2.styles.description(), (_cx = {}, _cx[
-            _MiniModal2.styles.description5_3(theme)] = (0, _ThemeHelpers.isThemeGTE)(theme, '5.3'), _cx)
-            ) },
-
+          _react.default.createElement("div", { "data-tid": _MiniModal.MiniModalDataTids.description, ref: ref, className: cx(styles.description(theme)) },
           children
           ));
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_forwardRefAndName","_Modal","_ThemeContext","_ThemeHelpers","_Emotion","_MiniModal","_MiniModal2","_excluded","MiniModalBody","exports","forwardRefAndName","_ref","ref","children","rest","_objectWithoutPropertiesLoose2","default","createElement","Modal","Body","ThemeContext","Consumer","theme","_cx","MiniModalDataTids","description","className","cx","styles","description5_3","isThemeGTE"],"sources":["MiniModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport type { ModalBodyProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { MiniModalDataTids } from './MiniModal';\nimport { styles } from './MiniModal.styles';\n\n/**\n * Обёртка над Modal.Body\n *\n * @visibleName MiniModal.Body\n */\nexport const MiniModalBody = forwardRefAndName<HTMLDivElement, ModalBodyProps>(\n  'MiniModalBody',\n  ({ children, ...rest }, ref) => {\n    return (\n      <Modal.Body {...rest}>\n        <ThemeContext.Consumer>\n          {(theme) => {\n            return (\n              <div\n                data-tid={MiniModalDataTids.description}\n                ref={ref}\n                className={cx(styles.description(), {\n                  [styles.description5_3(theme)]: isThemeGTE(theme, '5.3'),\n                })}\n              >\n                {children}\n              </div>\n            );\n          }}\n        </ThemeContext.Consumer>\n      </Modal.Body>\n    );\n  },\n);\n"],"mappings":"+RAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;;AAEA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA,uBAA4C,IAAAQ,SAAA;;AAE5C;AACA;AACA;AACA;AACA;AACO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,oCAAiB;EAC5C,eAAe;EACf,UAAAC,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IAClB;MACEV,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAAiB,KAAK,CAACC,IAAI,EAAKL,IAAI;MAClBjB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAkB,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK,KAAAC,GAAA;QACV;UACE1B,MAAA,CAAAmB,OAAA,CAAAC,aAAA;YACE,YAAUO,4BAAiB,CAACC,WAAY;YACxCb,GAAG,EAAEA,GAAI;YACTc,SAAS,EAAE,IAAAC,WAAE,EAACC,kBAAM,CAACH,WAAW,CAAC,CAAC,GAAAF,GAAA,OAAAA,GAAA;YAC/BK,kBAAM,CAACC,cAAc,CAACP,KAAK,CAAC,IAAG,IAAAQ,wBAAU,EAACR,KAAK,EAAE,KAAK,CAAC,EAAAC,GAAA;YACzD,CAAE;;UAEFV;UACE,CAAC;;MAEV;MACqB;MACb,CAAC;;EAEjB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_renderEnvironment","_forwardRefAndName","_Modal","_ThemeContext","_MiniModal","_MiniModal2","_excluded","MiniModalBody","exports","forwardRefAndName","_ref","ref","children","rest","_objectWithoutPropertiesLoose2","default","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","createElement","Modal","Body","ThemeContext","Consumer","theme","MiniModalDataTids","description","className"],"sources":["MiniModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport type { ModalBodyProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { MiniModalDataTids } from './MiniModal';\nimport { getStyles } from './MiniModal.styles';\n\n/**\n * Обёртка над Modal.Body\n *\n * @visibleName MiniModal.Body\n */\nexport const MiniModalBody = forwardRefAndName<HTMLDivElement, ModalBodyProps>(\n  'MiniModalBody',\n  ({ children, ...rest }, ref) => {\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n\n    return (\n      <Modal.Body {...rest}>\n        <ThemeContext.Consumer>\n          {(theme) => {\n            return (\n              <div data-tid={MiniModalDataTids.description} ref={ref} className={cx(styles.description(theme))}>\n                {children}\n              </div>\n            );\n          }}\n        </ThemeContext.Consumer>\n      </Modal.Body>\n    );\n  },\n);\n"],"mappings":"+RAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA,uBAA+C,IAAAO,SAAA;;AAE/C;AACA;AACA;AACA;AACA;AACO,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,oCAAiB;EAC5C,eAAe;EACf,UAAAC,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAL,IAAA,EAAAJ,SAAA;IAClB,IAAAU,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;IACV,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,qBAAS,CAAC;;IAEnC;MACExB,MAAA,CAAAkB,OAAA,CAAAO,aAAA,CAACpB,MAAA,CAAAqB,KAAK,CAACC,IAAI,EAAKX,IAAI;MAClBhB,MAAA,CAAAkB,OAAA,CAAAO,aAAA,CAACnB,aAAA,CAAAsB,YAAY,CAACC,QAAQ;MACnB,UAACC,KAAK,EAAK;QACV;UACE9B,MAAA,CAAAkB,OAAA,CAAAO,aAAA,UAAK,YAAUM,4BAAiB,CAACC,WAAY,EAAClB,GAAG,EAAEA,GAAI,EAACmB,SAAS,EAAEZ,EAAE,CAACC,MAAM,CAACU,WAAW,CAACF,KAAK,CAAC,CAAE;UAC9Ff;UACE,CAAC;;MAEV;MACqB;MACb,CAAC;;EAEjB;AACF,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/MiniModalFooter.js

@@ -1,10 +1,10 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MiniModalFooter = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Modal = require("../Modal");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _MiniModal = require("./MiniModal.styles");
 var _MiniModal2 = require("./MiniModal");var _excluded = ["direction", "children"];
@@ -24,6 +24,8 @@ var MiniModalFooter = exports.MiniModalFooter = (0, _forwardRefAndName.forwardRe
   'MiniModalFooter',
   function (_ref, ref) {var _ref$direction = _ref.direction,direction = _ref$direction === void 0 ? 'row' : _ref$direction,children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+    var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_MiniModal.getStyles);
 
     var childrenCount = _react.default.Children.count(children);
     var _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;
@@ -33,10 +35,10 @@ var MiniModalFooter = exports.MiniModalFooter = (0, _forwardRefAndName.forwardRe
       _react.default.createElement("div", {
         ref: ref,
         "data-tid": _MiniModal2.MiniModalDataTids.actions,
-        className: (0, _Emotion.cx)(
-          _MiniModal.styles.actions(),
-          _direction === 'row' && _MiniModal.styles.actionsRow(theme),
-          _direction === 'column' && _MiniModal.styles.actionsColumn(theme)
+        className: cx(
+          styles.actions(),
+          _direction === 'row' && styles.actionsRow(theme),
+          _direction === 'column' && styles.actionsColumn(theme)
         ) },
 
       children

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Modal","_forwardRefAndName","_ThemeContext","_Emotion","_MiniModal","_MiniModal2","_excluded","MiniModalFooter","exports","forwardRefAndName","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","childrenCount","React","Children","count","_direction","createElement","Modal","Footer","MiniModalDataTids","actions","className","cx","styles","actionsRow","actionsColumn"],"sources":["MiniModalFooter.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport type { ModalFooterProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalFooterProps extends ModalFooterProps {\n  /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.\n   * @default row */\n  direction?: 'row' | 'column';\n}\n\n/**\n * Обёртка над Modal.Footer\n *\n * @visibleName MiniModal.Footer\n */\nexport const MiniModalFooter = forwardRefAndName<HTMLDivElement, MiniModalFooterProps>(\n  'MiniModalFooter',\n  ({ direction = 'row', children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    const childrenCount = React.Children.count(children);\n    const _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;\n\n    return (\n      <Modal.Footer {...rest}>\n        <div\n          ref={ref}\n          data-tid={MiniModalDataTids.actions}\n          className={cx(\n            styles.actions(),\n            _direction === 'row' && styles.actionsRow(theme),\n            _direction === 'column' && styles.actionsColumn(theme),\n          )}\n        >\n          {children}\n        </div>\n      </Modal.Footer>\n    );\n  },\n);\n"],"mappings":"gYAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA,gBAAgD,IAAAO,SAAA;;;;;;;;AAQhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA2CC,GAAG,EAAK,KAAAC,cAAA,GAAAF,IAAA,CAAhDG,SAAS,CAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAP,IAAA,EAAAJ,SAAA;IACrC,IAAMY,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,IAAMC,aAAa,GAAGC,cAAK,CAACC,QAAQ,CAACC,KAAK,CAACV,QAAQ,CAAC;IACpD,IAAMW,UAAU,GAAGJ,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGR,SAAS;;IAElF;MACEhB,MAAA,CAAAoB,OAAA,CAAAS,aAAA,CAAC1B,MAAA,CAAA2B,KAAK,CAACC,MAAM,EAAKb,IAAI;MACpBlB,MAAA,CAAAoB,OAAA,CAAAS,aAAA;QACEf,GAAG,EAAEA,GAAI;QACT,YAAUkB,6BAAiB,CAACC,OAAQ;QACpCC,SAAS,EAAE,IAAAC,WAAE;UACXC,iBAAM,CAACH,OAAO,CAAC,CAAC;UAChBL,UAAU,KAAK,KAAK,IAAIQ,iBAAM,CAACC,UAAU,CAAChB,KAAK,CAAC;UAChDO,UAAU,KAAK,QAAQ,IAAIQ,iBAAM,CAACE,aAAa,CAACjB,KAAK;QACvD,CAAE;;MAEDJ;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_Modal","_forwardRefAndName","_ThemeContext","_MiniModal","_MiniModal2","_excluded","MiniModalFooter","exports","forwardRefAndName","_ref","ref","_ref$direction","direction","children","rest","_objectWithoutPropertiesLoose2","default","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","childrenCount","React","Children","count","_direction","createElement","Modal","Footer","MiniModalDataTids","actions","className","actionsRow","actionsColumn"],"sources":["MiniModalFooter.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\nimport type { ModalFooterProps } from '../Modal';\nimport { Modal } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalFooterProps extends ModalFooterProps {\n  /** Задает направление позиционирования кнопок. `row` работает только для 2 элементов, в других случаях автоматически включиться `column`.\n   * @default row */\n  direction?: 'row' | 'column';\n}\n\n/**\n * Обёртка над Modal.Footer\n *\n * @visibleName MiniModal.Footer\n */\nexport const MiniModalFooter = forwardRefAndName<HTMLDivElement, MiniModalFooterProps>(\n  'MiniModalFooter',\n  ({ direction = 'row', children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\n\n    const childrenCount = React.Children.count(children);\n    const _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;\n\n    return (\n      <Modal.Footer {...rest}>\n        <div\n          ref={ref}\n          data-tid={MiniModalDataTids.actions}\n          className={cx(\n            styles.actions(),\n            _direction === 'row' && styles.actionsRow(theme),\n            _direction === 'column' && styles.actionsColumn(theme),\n          )}\n        >\n          {children}\n        </div>\n      </Modal.Footer>\n    );\n  },\n);\n"],"mappings":"gYAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;;AAEA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA,gBAAgD,IAAAO,SAAA;;;;;;;;AAQhD;AACA;AACA;AACA;AACA;AACO,IAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,oCAAiB;EAC9C,iBAAiB;EACjB,UAAAC,IAAA,EAA2CC,GAAG,EAAK,KAAAC,cAAA,GAAAF,IAAA,CAAhDG,SAAS,CAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA,CAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAKC,IAAI,OAAAC,8BAAA,CAAAC,OAAA,EAAAP,IAAA,EAAAJ,SAAA;IACrC,IAAMY,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;IACtC,IAAAC,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;IACV,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,oBAAS,CAAC;;IAEnC,IAAMC,aAAa,GAAGC,cAAK,CAACC,QAAQ,CAACC,KAAK,CAAChB,QAAQ,CAAC;IACpD,IAAMiB,UAAU,GAAGJ,aAAa,GAAG,CAAC,IAAIA,aAAa,KAAK,CAAC,GAAG,QAAQ,GAAGd,SAAS;;IAElF;MACEhB,MAAA,CAAAoB,OAAA,CAAAe,aAAA,CAAC/B,MAAA,CAAAgC,KAAK,CAACC,MAAM,EAAKnB,IAAI;MACpBlB,MAAA,CAAAoB,OAAA,CAAAe,aAAA;QACErB,GAAG,EAAEA,GAAI;QACT,YAAUwB,6BAAiB,CAACC,OAAQ;QACpCC,SAAS,EAAEd,EAAE;UACXC,MAAM,CAACY,OAAO,CAAC,CAAC;UAChBL,UAAU,KAAK,KAAK,IAAIP,MAAM,CAACc,UAAU,CAACpB,KAAK,CAAC;UAChDa,UAAU,KAAK,QAAQ,IAAIP,MAAM,CAACe,aAAa,CAACrB,KAAK;QACvD,CAAE;;MAEDJ;MACE;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/MiniModalHeader.js

@@ -1,12 +1,12 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MiniModalHeader = void 0;var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 
 var _Modal = require("../Modal");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _InfoCircleIcon64Regular = require("../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _Emotion = require("../../lib/theming/Emotion");
 
 var _MiniModal = require("./MiniModal.styles");
 var _MiniModal2 = require("./MiniModal");var _excluded = ["icon", "children"];
@@ -26,20 +26,22 @@ var MiniModalHeader = exports.MiniModalHeader = (0, _forwardRefAndName.forwardRe
   'MiniModalHeader',
   function (_ref, ref) {var _cx;var _ref$icon = _ref.icon,icon = _ref$icon === void 0 ? /*#__PURE__*/_react.default.createElement(_InfoCircleIcon64Regular.InfoCircleIcon64Regular, null) : _ref$icon,children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+    var _useEmotion = (0, _renderEnvironment.useEmotion)(),cx = _useEmotion.cx;
+    var styles = (0, _renderEnvironment.useStyles)(_MiniModal.getStyles);
 
     return /*#__PURE__*/(
       _react.default.createElement(_Modal.Modal.Header, rest, /*#__PURE__*/
       _react.default.createElement("div", { ref: ref },
       icon && /*#__PURE__*/
-      _react.default.createElement("div", { "data-tid": _MiniModal2.MiniModalDataTids.icon, className: _MiniModal.styles.icon() },
+      _react.default.createElement("div", { "data-tid": _MiniModal2.MiniModalDataTids.icon, className: styles.icon() },
       icon
       ),
 
       children && /*#__PURE__*/
       _react.default.createElement("div", {
         "data-tid": _MiniModal2.MiniModalDataTids.title,
-        className: (0, _Emotion.cx)(_MiniModal.styles.title(), (_cx = {}, _cx[
-        _MiniModal.styles.titleWithIcon(theme)] = !!icon, _cx)
+        className: cx(styles.title(), (_cx = {}, _cx[
+        styles.titleWithIcon(theme)] = !!icon, _cx)
         ) },
 
       children

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 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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_Modal","_forwardRefAndName","_InfoCircleIcon64Regular","_ThemeContext","_MiniModal","_MiniModal2","_excluded","MiniModalHeader","exports","forwardRefAndName","_ref","ref","_cx","_ref$icon","icon","default","createElement","InfoCircleIcon64Regular","children","rest","_objectWithoutPropertiesLoose2","theme","useContext","ThemeContext","_useEmotion","useEmotion","cx","styles","useStyles","getStyles","Modal","Header","MiniModalDataTids","className","title","titleWithIcon"],"sources":["MiniModalHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\n\nimport { useEmotion, useStyles } from '../../lib/renderEnvironment';\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';\n\nimport { getStyles } 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    const { cx } = useEmotion();\n    const styles = useStyles(getStyles);\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;;AAEA,IAAAC,kBAAA,GAAAD,OAAA;;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,wBAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,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,CAACd,wBAAA,CAAAe,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;IACtC,IAAAC,WAAA,GAAe,IAAAC,6BAAU,EAAC,CAAC,CAAnBC,EAAE,GAAAF,WAAA,CAAFE,EAAE;IACV,IAAMC,MAAM,GAAG,IAAAC,4BAAS,EAACC,oBAAS,CAAC;;IAEnC;MACEjC,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,MAAA,CAAA8B,KAAK,CAACC,MAAM,EAAKZ,IAAI;MACpBvB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAKL,GAAG,EAAEA,GAAI;MACXG,IAAI;MACHlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,UAAK,YAAUgB,6BAAiB,CAAClB,IAAK,EAACmB,SAAS,EAAEN,MAAM,CAACb,IAAI,CAAC,CAAE;MAC7DA;MACE,CACN;;MACAI,QAAQ;MACPtB,MAAA,CAAAmB,OAAA,CAAAC,aAAA;QACE,YAAUgB,6BAAiB,CAACE,KAAM;QAClCD,SAAS,EAAEP,EAAE,CAACC,MAAM,CAACO,KAAK,CAAC,CAAC,GAAAtB,GAAA,OAAAA,GAAA;QACzBe,MAAM,CAACQ,aAAa,CAACd,KAAK,CAAC,IAAG,CAAC,CAACP,IAAI,EAAAF,GAAA;QACtC,CAAE;;MAEFM;MACE;;MAEJ;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

package/cjs/components/MiniModal/MiniModalIndent.js

@@ -1,5 +1,6 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;exports.__esModule = true;exports.MiniModalIndent = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireWildcard(require("react"));
 
+var _renderEnvironment = require("../../lib/renderEnvironment");
 var _forwardRefAndName = require("../../lib/forwardRefAndName");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
@@ -14,8 +15,9 @@ var _MiniModal2 = require("./MiniModal");var _excluded = ["children"];
 var MiniModalIndent = exports.MiniModalIndent = (0, _forwardRefAndName.forwardRefAndName)(
   'MiniModalIndent',
   function (_ref, ref) {var children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+    var styles = (0, _renderEnvironment.useStyles)(_MiniModal.getStyles);
     var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
 
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ "data-tid": _MiniModal2.MiniModalDataTids.indent, ref: ref, className: _MiniModal.styles.actionsIndent(theme) }, rest));
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({ "data-tid": _MiniModal2.MiniModalDataTids.indent, ref: ref, className: styles.actionsIndent(theme) }, rest));
   }
 );

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_renderEnvironment","_forwardRefAndName","_ThemeContext","_MiniModal","_MiniModal2","_excluded","MiniModalIndent","exports","forwardRefAndName","_ref","ref","children","rest","_objectWithoutPropertiesLoose2","default","styles","useStyles","getStyles","theme","useContext","ThemeContext","createElement","_extends2","MiniModalDataTids","indent","className","actionsIndent"],"sources":["MiniModalIndent.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { useStyles } from '../../lib/renderEnvironment';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { getStyles } 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 styles = useStyles(getStyles);\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,kBAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;;AAEA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA,gBAAgD,IAAAM,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,MAAM,GAAG,IAAAC,4BAAS,EAACC,oBAAS,CAAC;IACnC,IAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,0BAAY,CAAC;;IAEtC,oBAAOvB,MAAA,CAAAiB,OAAA,CAAAO,aAAA,YAAAC,SAAA,CAAAR,OAAA,IAAK,YAAUS,6BAAiB,CAACC,MAAO,EAACd,GAAG,EAAEA,GAAI,EAACe,SAAS,EAAEV,MAAM,CAACW,aAAa,CAACR,KAAK,CAAE,IAAKN,IAAI,CAAG,CAAC;EAChH;AACF,CAAC","ignoreList":[]}

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

@@ -19,7 +19,7 @@ export interface ModalProps extends CommonProps, Pick<HTMLAttributes<unknown>, '
     width?: number | string;
     /** Задает функцию, которая вызывается, когда пользователь запросил закрытие окна (нажал на фон, на Escape или на крестик). */
     onClose?: () => void;
-    /** Отключает фокус-лок внутри модалки. По умолчанию true для IE11. */
+    /** Отключает фокус-лок внутри модалки. */
     disableFocusLock?: boolean;
     /** Задает объект с переменными темы. Он будет объединён с темой из контекста. */
     theme?: ThemeIn;
@@ -70,6 +70,10 @@ export declare class Modal extends React.Component<ModalProps, ModalState> {
     static defaultProps: DefaultProps;
     private getProps;
     state: ModalState;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private stackSubscription;
     private containerNode;

package/cjs/components/Modal/Modal.js

@@ -1,29 +1,27 @@
-"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"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").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");
+
+
 
 var _utils = require("../../lib/utils");
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 var LayoutEvents = _interopRequireWildcard(require("../../lib/LayoutEvents"));
 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 _renderEnvironment = require("../../lib/renderEnvironment");
 
 
 var _ModalContext = require("./ModalContext");
@@ -32,7 +30,7 @@ var _ModalHeader = require("./ModalHeader");
 var _ModalBody = require("./ModalBody");
 var _ModalClose = require("./ModalClose");
 var _Modal2 = require("./Modal.styles");
-var _getModalTheme = require("./getModalTheme");
+var _getModalTheme = require("./getModalTheme");var _class, _Modal;
 
 var mountedModalsCount = 0;
 
@@ -109,8 +107,8 @@ var ModalZIndexPriority = exports.ModalZIndexPriority = {
  *
  * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).
  */var
-Modal = exports.Modal = /*#__PURE__*/function (_React$Component) {function Modal() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
+Modal = exports.Modal = (0, _renderEnvironment.withRenderEnvironment)(_class = (_Modal = /*#__PURE__*/function (_React$Component) {function Modal() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
 
 
@@ -136,6 +134,10 @@ Modal = exports.Modal = /*#__PURE__*/function (_React$Component) {function Modal
     };_this.
 
 
+
+
+
+
     stackSubscription = null;_this.
     containerNode = null;_this.
     mouseDownTarget = null;_this.
@@ -182,6 +184,8 @@ Modal = exports.Modal = /*#__PURE__*/function (_React$Component) {function Modal
 
 
 
+
+
 
 
 
@@ -194,15 +198,15 @@ Modal = exports.Modal = /*#__PURE__*/function (_React$Component) {function Modal
           if (_this.state.hasFooter) {
             return;
           }
-          return [_Modal2.styles.mobileContainerSmall5_2()];
+          return [_this.styles.mobileContainerSmall5_2()];
         case 'fullscreen':
-          return [_Modal2.styles.mobileContainerFullscreen5_2()];
+          return [_this.styles.mobileContainerFullscreen5_2()];
         case 'center':
-          return [_Modal2.styles.mobileContainerSmall5_2()];
+          return [_this.styles.mobileContainerSmall5_2()];
         case 'bottom':
-          return [_Modal2.styles.mobileContainerSmall5_2(), _Modal2.styles.mobileContainerSmallBottom5_2()];
+          return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallBottom5_2()];
         case 'top':
-          return [_Modal2.styles.mobileContainerSmall5_2(), _Modal2.styles.mobileContainerSmallTop5_2()];
+          return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallTop5_2()];
         default:
           return (0, _typeGuards.catchUnreachableWarning)(mobileAppearance, false);
       }
@@ -330,17 +334,6 @@ Modal = exports.Modal = /*#__PURE__*/function (_React$Component) {function Modal
 
 
 
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -367,7 +360,10 @@ Modal = exports.Modal = /*#__PURE__*/function (_React$Component) {function Modal
     };_this.
 
     handleStackChange = function (stack) {
-      _this.setState({ stackPosition: stack.indexOf(_this), hasBackground: _ModalStack.ModalStack.isBlocking(_this) });
+      _this.setState({
+        stackPosition: stack.indexOf(_this),
+        hasBackground: _ModalStack.ModalStack.isBlocking(_this, _this.globalObject)
+      });
     };_this.
 
     handleContainerMouseDown = function (event) {
@@ -392,7 +388,7 @@ Modal = exports.Modal = /*#__PURE__*/function (_React$Component) {function Modal
         return;
       }
       if ((0, _identifiers.isKeyEscape)(e)) {
-        (0, _stopPropagation.stopPropagation)(e);
+        e.stopPropagation();
         _this.requestClose();
       }
     };_this.
@@ -428,5 +424,4 @@ 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,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' };
+    };return _this;}(0, _inheritsLoose2.default)(Modal, _React$Component);var _proto = Modal.prototype;_proto.componentDidMount = function componentDidMount() {var _this$globalObject$ad2, _this$globalObject2;this.stackSubscription = _ModalStack.ModalStack.add(this, this.handleStackChange, this.globalObject);if (mountedModalsCount === 0) {var _this$globalObject$ad, _this$globalObject;(_this$globalObject$ad = (_this$globalObject = this.globalObject).addEventListener) == null || _this$globalObject$ad.call(_this$globalObject, 'resize', this.throttledCheckHorizontalScroll);}mountedModalsCount++;(_this$globalObject$ad2 = (_this$globalObject2 = this.globalObject).addEventListener) == null || _this$globalObject$ad2.call(_this$globalObject2, 'keydown', this.handleKeyDown);this.checkHorizontalScrollAppearance();if (this.containerNode) {this.containerNode.addEventListener('scroll', LayoutEvents.emit);}};_proto.componentWillUnmount = function componentWillUnmount() {var _this$globalObject$re2, _this$globalObject4;if (--mountedModalsCount === 0) {var _this$globalObject$re, _this$globalObject3;(_this$globalObject$re = (_this$globalObject3 = this.globalObject).removeEventListener) == null || _this$globalObject$re.call(_this$globalObject3, 'resize', this.throttledCheckHorizontalScroll);LayoutEvents.emit();}(_this$globalObject$re2 = (_this$globalObject4 = this.globalObject).removeEventListener) == null || _this$globalObject$re2.call(_this$globalObject4, 'keydown', this.handleKeyDown);if ((0, _utils.isNonNullable)(this.stackSubscription)) {this.stackSubscription.remove();}_ModalStack.ModalStack.remove(this, this.globalObject);if (this.containerNode) {this.containerNode.removeEventListener('scroll', LayoutEvents.emit);}};_proto.render = function render() {var _this2 = this;this.styles = (0, _Modal2.getStyles)(this.emotion);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 style = {};var containerStyle = {};if (width) {style.width = width;} else {containerStyle.width = 'auto';}var getMobileCenterContainerClassNames = function getMobileCenterContainerClassNames() {var _this3$cx;return _this3.cx(_this3.styles.mobileCenterContainer(_this3.theme), (_this3$cx = {}, _this3$cx[_this3.styles.mobileCenterContainerBig(_this3.theme)] = mobileAppearance === 'fullscreen-spacing' || mobileAppearance === 'auto' && hasFooter, _this3$cx[_this3.styles.mobileCenterContainerFullscreen()] = mobileAppearance === 'fullscreen', _this3$cx));};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: this.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: this.styles.bg(this.theme) }), /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, function (_ref) {var _this3$cx2, _this3$cx3, _this3$cx4, _this3$cx5, _this3$cx6;var isMobile = _ref.isMobile;return /*#__PURE__*/_react.default.createElement("div", { "aria-labelledby": ariaLabelledby, ref: _this3.refContainer, className: _this3.cx(_this3.styles.container(), !isMobile && _this3.styles.containerDesktop(), 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: _this3.cx((_this3$cx2 = {}, _this3$cx2[_this3.styles.centerContainer()] = true, _this3$cx2[getMobileCenterContainerClassNames()] = isMobile, _this3$cx2[_this3.styles.alignTop()] = Boolean(alignTop), _this3$cx2)), style: isMobile ? undefined : containerStyle, "data-tid": ModalDataTids.content }, /*#__PURE__*/_react.default.createElement("div", { className: _this3.cx((_this3$cx3 = {}, _this3$cx3[_this3.styles.window(_this3.theme)] = true, _this3$cx3[_this3.styles.mobileWindow()] = isMobile, _this3$cx3[_this3.styles.mobileWindowFullscreen()] = isMobile && mobileAppearance === 'fullscreen', _this3$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: _this3.cx((_this3$cx4 = {}, _this3$cx4[_this3.styles.columnFlexContainer()] = isMobile, _this3$cx4), 'focus-lock-container') }, !hasHeader && !noClose && /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: ModalZIndexPriority.Cross, className: _this3.cx((_this3$cx5 = {}, _this3$cx5[_this3.styles.closeWrapper(_this3.theme)] = true, _this3$cx5[_this3.styles.mobileCloseWrapper(_this3.theme)] = isMobile, _this3$cx5)) }, /*#__PURE__*/_react.default.createElement(_ModalClose.ModalClose, { className: _this3.cx((_this3$cx6 = {}, _this3$cx6[_this3.styles.mobileCloseWithoutHeader(_this3.theme)] = isMobile && !_this3.state.hasHeader, _this3$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 = { disableFocusLock: false, role: 'dialog', mobileAppearance: 'auto' }, _Modal)) || _class;

package/cjs/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactFocusLock","_lodash","_globalObject","_utils","_identifiers","LayoutEvents","_interopRequireWildcard","_RenderContainer","_ZIndex","_stopPropagation","_HideBodyVerticalScroll","_ModalStack","_ResizeDetector","_ThemeContext","_client","_CommonWrapper","_Emotion","_createPropsGetter","_ResponsiveLayout","_ThemeHelpers","_typeGuards","_ModalContext","_ModalFooter","_ModalHeader","_ModalBody","_ModalClose","_Modal2","_getModalTheme","mountedModalsCount","ModalDataTids","exports","container","content","close","ModalZIndexPriority","Cross","Content","Modal","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","stackPosition","hasBackground","horizontalScroll","hasHeader","hasFooter","hasPanel","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","getMobileContainerClassName","mobileAppearance","styles","mobileContainerSmall5_2","mobileContainerFullscreen5_2","mobileContainerSmallBottom5_2","mobileContainerSmallTop5_2","catchUnreachableWarning","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","setState","indexOf","ModalStack","isBlocking","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","isKeyEscape","stopPropagation","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","throttledCheckHorizontalScroll","throttle","handleResize","emit","setHasHeader","setHasFooter","setHasPanel","_inheritsLoose2","default","_proto","prototype","componentDidMount","add","globalObject","addEventListener","componentWillUnmount","removeEventListener","isNonNullable","remove","render","_this2","createElement","ThemeContext","Consumer","theme","getModalTheme","Provider","value","renderMain","_this3","_this$props","noClose","width","alignTop","children","ariaLabel","ariaLabelledby","_this$state","_this$getProps","role","disableFocusLock","modalContextProps","mobileOnFullScreen","additionalPadding","versionGTE5_2","isThemeGTE","style","containerStyle","getMobileCenterContainerClassNames","_cx","cx","mobileCenterContainer5_2","mobileCenterContainerBig5_2","mobileCenterContainerFullscreen5_2","mobileCenterContainer","RenderContainer","CommonWrapper","ZIndex","priority","className","root","HideBodyVerticalScroll","onMouseDown","onMouseUp","onClick","bg","ResponsiveLayout","_ref","_cx2","_cx3","_cx4","_cx5","_cx6","isMobile","ref","container5_2","containerDesktop","containerMobile","centerContainer","Boolean","undefined","window","mobileWindow","mobileWindowFullscreen5_2","ResizeDetector","onResize","fullHeight","disabled","autoFocus","columnFlexContainer","closeWrapper","mobileCloseWrapper","mobileCloseWrapper5_2","ModalClose","mobileCloseWithoutHeader","mobileCloseWithoutHeader5_2","ModalContext","React","Component","__KONTUR_REACT_UI__","displayName","Header","ModalHeader","Body","ModalBody","Footer","ModalFooter","isIE11"],"sources":["Modal.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport FocusLock from 'react-focus-lock';\nimport throttle from 'lodash.throttle';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport type { ModalStackSubscription } from '../../lib/ModalStack';\nimport { ModalStack } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\nimport { catchUnreachableWarning } from '../../lib/typeGuards';\n\nimport type { ModalContextProps } from './ModalContext';\nimport { ModalContext } from './ModalContext';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { ModalClose } from './ModalClose';\nimport { styles } from './Modal.styles';\nimport { getModalTheme } from './getModalTheme';\n\nlet mountedModalsCount = 0;\n\nexport type MobileModalAppearance = 'auto' | 'top' | 'center' | 'bottom' | 'fullscreen-spacing' | 'fullscreen';\n\nexport interface ModalProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    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  /** Задает функцию, которая вызывается, когда пользователь запросил закрытие окна (нажал на фон, на Escape или на крестик). */\n  onClose?: () => void;\n\n  /** Отключает фокус-лок внутри модалки. По умолчанию true для IE11. */\n  disableFocusLock?: boolean;\n\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\nexport const ModalDataTids = {\n  container: 'modal-container',\n  content: 'modal-content',\n  close: 'modal-close',\n} as const;\n\nexport const ModalZIndexPriority = {\n  Cross: 2,\n  Content: 1,\n} as const;\n\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role' | 'mobileAppearance'>>;\n\n/**\n * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.\n *\n * Состоит из 3-х компонентов: `Modal.Header`, `Modal.Body`, `Modal.Footer`.\n *\n * Для отображения серой плашки в футере в компонент `Footer` необходимо передать проп `panel`.\n *\n * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).\n */\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 static defaultProps: DefaultProps = {\n    // NOTE: в ie нормально не работает\n    disableFocusLock: isIE11,\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 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);\n\n    if (mountedModalsCount === 0) {\n      globalObject.addEventListener?.('resize', this.throttledCheckHorizontalScroll);\n    }\n\n    mountedModalsCount++;\n    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      globalObject.removeEventListener?.('resize', this.throttledCheckHorizontalScroll);\n      LayoutEvents.emit();\n    }\n\n    globalObject.removeEventListener?.('keydown', this.handleKeyDown);\n    if (isNonNullable(this.stackSubscription)) {\n      this.stackSubscription.remove();\n    }\n    ModalStack.remove(this);\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 versionGTE5_2 = isThemeGTE(this.theme, '5.2');\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      if (versionGTE5_2) {\n        return cx(styles.mobileCenterContainer5_2(this.theme), {\n          [styles.mobileCenterContainerBig5_2(this.theme)]:\n            mobileAppearance === 'fullscreen-spacing' || (mobileAppearance === 'auto' && hasFooter),\n          [styles.mobileCenterContainerFullscreen5_2()]: mobileAppearance === 'fullscreen',\n        });\n      }\n      return cx(styles.mobileCenterContainer());\n    };\n\n    return (\n      <RenderContainer>\n        <CommonWrapper {...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(this.theme)}\n              />\n            )}\n            <ResponsiveLayout>\n              {({ isMobile }) => (\n                <div\n                  aria-labelledby={ariaLabelledby}\n                  ref={this.refContainer}\n                  className={cx(\n                    styles.container(),\n                    versionGTE5_2 && styles.container5_2(),\n                    (!versionGTE5_2 || !isMobile) && styles.containerDesktop(),\n                    !versionGTE5_2 && isMobile && styles.containerMobile(this.theme),\n                    versionGTE5_2 && 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(this.theme)]: true,\n                        [styles.mobileWindow()]: isMobile,\n                        [styles.mobileWindowFullscreen5_2()]:\n                          versionGTE5_2 && 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(this.theme)]: true,\n                                [styles.mobileCloseWrapper(this.theme)]: isMobile,\n                                [styles.mobileCloseWrapper5_2(this.theme)]: versionGTE5_2 && isMobile,\n                              })}\n                            >\n                              <ModalClose\n                                className={cx({\n                                  [styles.mobileCloseWithoutHeader()]: isMobile && !this.state.hasHeader,\n                                  [styles.mobileCloseWithoutHeader5_2(this.theme)]:\n                                    versionGTE5_2 && 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({ stackPosition: stack.indexOf(this), hasBackground: ModalStack.isBlocking(this) });\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      stopPropagation(e);\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactFocusLock","_lodash","_utils","_identifiers","LayoutEvents","_interopRequireWildcard","_RenderContainer","_ZIndex","_HideBodyVerticalScroll","_ModalStack","_ResizeDetector","_ThemeContext","_CommonWrapper","_createPropsGetter","_ResponsiveLayout","_typeGuards","_renderEnvironment","_ModalContext","_ModalFooter","_ModalHeader","_ModalBody","_ModalClose","_Modal2","_getModalTheme","_class","_Modal","mountedModalsCount","ModalDataTids","exports","container","content","close","ModalZIndexPriority","Cross","Content","Modal","withRenderEnvironment","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","createPropsGetter","defaultProps","state","stackPosition","hasBackground","horizontalScroll","hasHeader","hasFooter","hasPanel","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","getMobileContainerClassName","mobileAppearance","styles","mobileContainerSmall5_2","mobileContainerFullscreen5_2","mobileContainerSmallBottom5_2","mobileContainerSmallTop5_2","catchUnreachableWarning","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","setState","indexOf","ModalStack","isBlocking","globalObject","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","isKeyEscape","stopPropagation","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","throttledCheckHorizontalScroll","throttle","handleResize","emit","setHasHeader","setHasFooter","setHasPanel","_inheritsLoose2","default","_proto","prototype","componentDidMount","_this$globalObject$ad2","_this$globalObject2","add","_this$globalObject$ad","_this$globalObject","addEventListener","componentWillUnmount","_this$globalObject$re2","_this$globalObject4","_this$globalObject$re","_this$globalObject3","removeEventListener","isNonNullable","remove","render","_this2","getStyles","emotion","createElement","ThemeContext","Consumer","theme","getModalTheme","Provider","value","renderMain","_this3","_this$props","noClose","width","alignTop","children","ariaLabel","ariaLabelledby","_this$state","_this$getProps","role","disableFocusLock","modalContextProps","mobileOnFullScreen","additionalPadding","style","containerStyle","getMobileCenterContainerClassNames","_this3$cx","cx","mobileCenterContainer","mobileCenterContainerBig","mobileCenterContainerFullscreen","RenderContainer","CommonWrapper","ZIndex","priority","className","root","HideBodyVerticalScroll","onMouseDown","onMouseUp","onClick","bg","ResponsiveLayout","_ref","_this3$cx2","_this3$cx3","_this3$cx4","_this3$cx5","_this3$cx6","isMobile","ref","containerDesktop","centerContainer","Boolean","undefined","window","mobileWindow","mobileWindowFullscreen","ResizeDetector","onResize","fullHeight","disabled","autoFocus","columnFlexContainer","closeWrapper","mobileCloseWrapper","ModalClose","mobileCloseWithoutHeader","ModalContext","React","Component","__KONTUR_REACT_UI__","displayName","Header","ModalHeader","Body","ModalBody","Footer","ModalFooter"],"sources":["Modal.tsx"],"sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport FocusLock from 'react-focus-lock';\nimport throttle from 'lodash.throttle';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport { isNonNullable } from '../../lib/utils';\nimport { isKeyEscape } from '../../lib/events/keyboard/identifiers';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { RenderContainer } from '../../internal/RenderContainer';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { HideBodyVerticalScroll } from '../../internal/HideBodyVerticalScroll';\nimport type { ModalStackSubscription } from '../../lib/ModalStack';\nimport { ModalStack } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { catchUnreachableWarning } from '../../lib/typeGuards';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport type { ModalContextProps } from './ModalContext';\nimport { ModalContext } from './ModalContext';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { ModalClose } from './ModalClose';\nimport { getStyles } from './Modal.styles';\nimport { getModalTheme } from './getModalTheme';\n\nlet mountedModalsCount = 0;\n\nexport type MobileModalAppearance = 'auto' | 'top' | 'center' | 'bottom' | 'fullscreen-spacing' | 'fullscreen';\n\nexport interface ModalProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    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  /** Задает функцию, которая вызывается, когда пользователь запросил закрытие окна (нажал на фон, на Escape или на крестик). */\n  onClose?: () => void;\n\n  /** Отключает фокус-лок внутри модалки. */\n  disableFocusLock?: boolean;\n\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\nexport const ModalDataTids = {\n  container: 'modal-container',\n  content: 'modal-content',\n  close: 'modal-close',\n} as const;\n\nexport const ModalZIndexPriority = {\n  Cross: 2,\n  Content: 1,\n} as const;\n\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role' | 'mobileAppearance'>>;\n\n/**\n * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.\n *\n * Состоит из 3-х компонентов: `Modal.Header`, `Modal.Body`, `Modal.Footer`.\n *\n * Для отображения серой плашки в футере в компонент `Footer` необходимо передать проп `panel`.\n *\n * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).\n */\n@withRenderEnvironment\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 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 {...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"],"mappings":"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","ignoreList":[]}