@skbkontur/react-ui 5.4.7-1b16b.0 → 5.4.7-7ccf0.0

package/components/MiniModal/MiniModalHeader/MiniModalHeader.js

@@ -0,0 +1,41 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["icon", "children"];
+import React, { useContext } from 'react';
+import { useEmotion, useStyles } from "../../../lib/renderEnvironment";
+import { Modal } from "../../Modal";
+import { forwardRefAndName } from "../../../lib/forwardRefAndName";
+import { InfoCircleIcon64Regular } from "../../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { getStyles } from "../MiniModal.styles";
+import { MiniModalDataTids } from "../MiniModal";
+
+/**
+ * Обёртка над Modal.Header
+ *
+ * @visibleName MiniModal.Header
+ */
+export var MiniModalHeader = forwardRefAndName('MiniModalHeader', function (_ref, ref) {
+  var _cx;
+  var _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? /*#__PURE__*/React.createElement(InfoCircleIcon64Regular, null) : _ref$icon,
+    children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var theme = useContext(ThemeContext);
+  var _useEmotion = useEmotion(),
+    cx = _useEmotion.cx;
+  var styles = useStyles(getStyles);
+  return /*#__PURE__*/(
+    React.createElement(Modal.Header, rest, /*#__PURE__*/
+    React.createElement("div", {
+      ref: ref
+    }, icon && /*#__PURE__*/
+    React.createElement("div", {
+      "data-tid": MiniModalDataTids.icon,
+      className: styles.icon()
+    }, icon), children && /*#__PURE__*/
+    React.createElement("div", {
+      "data-tid": MiniModalDataTids.title,
+      className: cx(styles.title(), (_cx = {}, _cx[styles.titleWithIcon(theme)] = !!icon, _cx))
+    }, children)))
+  );
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useEmotion","useStyles","Modal","forwardRefAndName","InfoCircleIcon64Regular","ThemeContext","getStyles","MiniModalDataTids","MiniModalHeader","_ref","ref","_cx","_ref$icon","icon","createElement","children","rest","_objectWithoutPropertiesLoose","_excluded","theme","_useEmotion","cx","styles","Header","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,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,UAAU,EAAEC,SAAS,QAAQ,6BAA6B;;AAEnE,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,uBAAuB,QAAQ,iEAAiE;AACzG,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,iBAAiB,QAAQ,aAAa;;;;;;;;AAQ/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGL,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAM,IAAA,EAA4DC,GAAG,EAAK,KAAAC,GAAA,KAAAC,SAAA,GAAAH,IAAA,CAAjEI,IAAI,CAAJA,IAAI,GAAAD,SAAA,2BAAGd,KAAA,CAAAgB,aAAA,CAACV,uBAAuB,MAAE,CAAC,GAAAQ,SAAA,CAAEG,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;IACtD,IAAMC,KAAK,GAAGpB,UAAU,CAACM,YAAY,CAAC;IACtC,IAAAe,WAAA,GAAepB,UAAU,CAAC,CAAC,CAAnBqB,EAAE,GAAAD,WAAA,CAAFC,EAAE;IACV,IAAMC,MAAM,GAAGrB,SAAS,CAACK,SAAS,CAAC;;IAEnC;MACER,KAAA,CAAAgB,aAAA,CAACZ,KAAK,CAACqB,MAAM,EAAKP,IAAI;MACpBlB,KAAA,CAAAgB,aAAA,UAAKJ,GAAG,EAAEA,GAAI;MACXG,IAAI;MACHf,KAAA,CAAAgB,aAAA,UAAK,YAAUP,iBAAiB,CAACM,IAAK,EAACW,SAAS,EAAEF,MAAM,CAACT,IAAI,CAAC,CAAE;MAC7DA;MACE,CACN;;MACAE,QAAQ;MACPjB,KAAA,CAAAgB,aAAA;QACE,YAAUP,iBAAiB,CAACkB,KAAM;QAClCD,SAAS,EAAEH,EAAE,CAACC,MAAM,CAACG,KAAK,CAAC,CAAC,GAAAd,GAAA,OAAAA,GAAA;QACzBW,MAAM,CAACI,aAAa,CAACP,KAAK,CAAC,IAAG,CAAC,CAACN,IAAI,EAAAF,GAAA;QACtC,CAAE;;MAEFI;MACE;;MAEJ;MACO,CAAC;;EAEnB;AACF,CAAC","ignoreList":[]}

package/components/MiniModal/MiniModalHeader/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/MiniModal/MiniModalHeader.js",
+  "module": "MiniModalHeader",
+  "types": "../MiniModalHeader.d.ts",
+  "sideEffects": false
+}

package/components/MiniModal/MiniModalHeader.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { ModalHeaderProps } from '../Modal/index.js';
+import type { ModalHeaderProps } from '../Modal';
 interface MiniModalHeaderProps extends ModalHeaderProps {
     /** Задает иконку в шапку компонента.
      * @default InfoCircleIcon64Regular */
@@ -10,5 +10,5 @@ interface MiniModalHeaderProps extends ModalHeaderProps {
  *
  * @visibleName MiniModal.Header
  */
-export declare const MiniModalHeader: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<HTMLDivElement, MiniModalHeaderProps> & Record<never, never>;
+export declare const MiniModalHeader: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, MiniModalHeaderProps> & Record<never, never>;
 export {};

package/components/MiniModal/MiniModalIndent/MiniModalIndent.js

@@ -0,0 +1,26 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["children"];
+import React, { useContext } from 'react';
+import { useStyles } from "../../../lib/renderEnvironment";
+import { forwardRefAndName } from "../../../lib/forwardRefAndName";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { getStyles } from "../MiniModal.styles";
+import { MiniModalDataTids } from "../MiniModal";
+
+/**
+ * Отступ между кнопками
+ *
+ * @visibleName MiniModal.Indent
+ */
+export var MiniModalIndent = forwardRefAndName('MiniModalIndent', function (_ref, ref) {
+  var children = _ref.children,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var styles = useStyles(getStyles);
+  var theme = useContext(ThemeContext);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    "data-tid": MiniModalDataTids.indent,
+    ref: ref,
+    className: styles.actionsIndent(theme)
+  }, rest));
+});

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useContext","useStyles","forwardRefAndName","ThemeContext","getStyles","MiniModalDataTids","MiniModalIndent","_ref","ref","children","rest","_objectWithoutPropertiesLoose","_excluded","styles","theme","createElement","_extends","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":"2LAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,SAAS,QAAQ,6BAA6B;AACvD,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,YAAY,QAAQ,gCAAgC;;AAE7D,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,iBAAiB,QAAQ,aAAa;;AAE/C;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGJ,iBAAiB;EAC9C,iBAAiB;EACjB,UAAAK,IAAA,EAAwBC,GAAG,EAAK,KAA7BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;IAClB,IAAMC,MAAM,GAAGZ,SAAS,CAACG,SAAS,CAAC;IACnC,IAAMU,KAAK,GAAGd,UAAU,CAACG,YAAY,CAAC;;IAEtC,oBAAOJ,KAAA,CAAAgB,aAAA,QAAAC,QAAA,GAAK,YAAUX,iBAAiB,CAACY,MAAO,EAACT,GAAG,EAAEA,GAAI,EAACU,SAAS,EAAEL,MAAM,CAACM,aAAa,CAACL,KAAK,CAAE,IAAKJ,IAAI,CAAG,CAAC;EAChH;AACF,CAAC","ignoreList":[]}

package/components/MiniModal/MiniModalIndent/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/MiniModal/MiniModalIndent.js",
+  "module": "MiniModalIndent",
+  "types": "../MiniModalIndent.d.ts",
+  "sideEffects": false
+}

package/components/MiniModal/MiniModalIndent.d.ts

@@ -4,4 +4,4 @@ import React from 'react';
  *
  * @visibleName MiniModal.Indent
  */
-export declare const MiniModalIndent: import("../../lib/forwardRefAndName.js").ReactUIComponentWithRef<HTMLDivElement, React.InputHTMLAttributes<HTMLDivElement>> & Record<never, never>;
+export declare const MiniModalIndent: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLDivElement, React.InputHTMLAttributes<HTMLDivElement>> & Record<never, never>;

package/components/MiniModal/getMiniModalTheme/getMiniModalTheme.js

@@ -0,0 +1,22 @@
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+export var getMiniModalTheme = function getMiniModalTheme(contextTheme, propsTheme) {
+  if (propsTheme === void 0) {
+    propsTheme = {};
+  }
+  var theme = ThemeFactory.create(propsTheme, contextTheme);
+  return ThemeFactory.create({
+    modalBodyPaddingTop: theme.miniModalBodyPaddingTop,
+    modalBodyPaddingBottom: theme.miniModalBodyPaddingBottom,
+    modalHeaderPaddingTop: theme.miniModalHeaderPaddingTop,
+    modalHeaderPaddingBottom: theme.miniModalHeaderPaddingBottom,
+    modalFooterPaddingTop: theme.miniModalFooterPaddingTop,
+    modalFooterPaddingBottom: theme.miniModalFooterPaddingBottom,
+    mobileModalFooterPadding: theme.miniModalFooterPaddingMobile,
+    mobileModalHeaderPadding: theme.miniModalHeaderPaddingMobile,
+    mobileModalBodyPadding: theme.miniModalBodyPaddingMobile,
+    mobileModalContainerHeight: theme.miniModalHeightMobile,
+    mobileModalContainerMarginTop: theme.miniModalMarginTopMobile,
+    mobileModalContainerMarginRight: theme.miniModalMarginRightMobile,
+    mobileModalContainerMarginLeft: theme.miniModalMarginLeftMobile
+  }, theme);
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["ThemeFactory","getMiniModalTheme","contextTheme","propsTheme","theme","create","modalBodyPaddingTop","miniModalBodyPaddingTop","modalBodyPaddingBottom","miniModalBodyPaddingBottom","modalHeaderPaddingTop","miniModalHeaderPaddingTop","modalHeaderPaddingBottom","miniModalHeaderPaddingBottom","modalFooterPaddingTop","miniModalFooterPaddingTop","modalFooterPaddingBottom","miniModalFooterPaddingBottom","mobileModalFooterPadding","miniModalFooterPaddingMobile","mobileModalHeaderPadding","miniModalHeaderPaddingMobile","mobileModalBodyPadding","miniModalBodyPaddingMobile","mobileModalContainerHeight","miniModalHeightMobile","mobileModalContainerMarginTop","miniModalMarginTopMobile","mobileModalContainerMarginRight","miniModalMarginRightMobile","mobileModalContainerMarginLeft","miniModalMarginLeftMobile"],"sources":["getMiniModalTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\n\nexport const getMiniModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}) => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    {\n      modalBodyPaddingTop: theme.miniModalBodyPaddingTop,\n      modalBodyPaddingBottom: theme.miniModalBodyPaddingBottom,\n      modalHeaderPaddingTop: theme.miniModalHeaderPaddingTop,\n      modalHeaderPaddingBottom: theme.miniModalHeaderPaddingBottom,\n      modalFooterPaddingTop: theme.miniModalFooterPaddingTop,\n      modalFooterPaddingBottom: theme.miniModalFooterPaddingBottom,\n      mobileModalFooterPadding: theme.miniModalFooterPaddingMobile,\n      mobileModalHeaderPadding: theme.miniModalHeaderPaddingMobile,\n      mobileModalBodyPadding: theme.miniModalBodyPaddingMobile,\n      mobileModalContainerHeight: theme.miniModalHeightMobile,\n      mobileModalContainerMarginTop: theme.miniModalMarginTopMobile,\n      mobileModalContainerMarginRight: theme.miniModalMarginRightMobile,\n      mobileModalContainerMarginLeft: theme.miniModalMarginLeftMobile,\n    },\n    theme,\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,YAAmB,EAAEC,UAAmB,EAAU,KAA7BA,UAAmB,cAAnBA,UAAmB,GAAG,CAAC,CAAC;EAC7E,IAAMC,KAAK,GAAGJ,YAAY,CAACK,MAAM,CAACF,UAAU,EAAED,YAAY,CAAC;EAC3D,OAAOF,YAAY,CAACK,MAAM;IACxB;MACEC,mBAAmB,EAAEF,KAAK,CAACG,uBAAuB;MAClDC,sBAAsB,EAAEJ,KAAK,CAACK,0BAA0B;MACxDC,qBAAqB,EAAEN,KAAK,CAACO,yBAAyB;MACtDC,wBAAwB,EAAER,KAAK,CAACS,4BAA4B;MAC5DC,qBAAqB,EAAEV,KAAK,CAACW,yBAAyB;MACtDC,wBAAwB,EAAEZ,KAAK,CAACa,4BAA4B;MAC5DC,wBAAwB,EAAEd,KAAK,CAACe,4BAA4B;MAC5DC,wBAAwB,EAAEhB,KAAK,CAACiB,4BAA4B;MAC5DC,sBAAsB,EAAElB,KAAK,CAACmB,0BAA0B;MACxDC,0BAA0B,EAAEpB,KAAK,CAACqB,qBAAqB;MACvDC,6BAA6B,EAAEtB,KAAK,CAACuB,wBAAwB;MAC7DC,+BAA+B,EAAExB,KAAK,CAACyB,0BAA0B;MACjEC,8BAA8B,EAAE1B,KAAK,CAAC2B;IACxC,CAAC;IACD3B;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/components/MiniModal/getMiniModalTheme/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/MiniModal/getMiniModalTheme.js",
+  "module": "getMiniModalTheme",
+  "types": "../getMiniModalTheme.d.ts",
+  "sideEffects": false
+}

package/components/MiniModal/getMiniModalTheme.d.ts

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

package/components/MiniModal/index/index.js

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

package/components/MiniModal/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from './MiniModal';\nexport * from './MiniModalHeader';\nexport * from './MiniModalBody';\nexport * from './MiniModalFooter';\nexport * from './MiniModalIndent';\n"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,iBAAiB;AAC/B,cAAc,mBAAmB;AACjC,cAAc,mBAAmB","ignoreList":[]}

package/components/MiniModal/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/MiniModal/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/components/MiniModal/index.d.ts

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

package/components/MiniModal/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/components/MiniModal/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/components/Modal/Modal/Modal.js

@@ -0,0 +1,309 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _class, _Modal;
+import React from 'react';
+import FocusLock from 'react-focus-lock';
+import throttle from 'lodash.throttle';
+import { isNonNullable } from "../../../lib/utils";
+import { isKeyEscape } from "../../../lib/events/keyboard/identifiers";
+import * as LayoutEvents from "../../../lib/LayoutEvents";
+import { RenderContainer } from "../../../internal/RenderContainer";
+import { ZIndex } from "../../../internal/ZIndex";
+import { HideBodyVerticalScroll } from "../../../internal/HideBodyVerticalScroll";
+import { ModalStack } from "../../../lib/ModalStack";
+import { ResizeDetector } from "../../../internal/ResizeDetector";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { ResponsiveLayout } from "../../ResponsiveLayout";
+import { catchUnreachableWarning } from "../../../lib/typeGuards";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { ModalContext } from "../ModalContext";
+import { ModalFooter } from "../ModalFooter";
+import { ModalHeader } from "../ModalHeader";
+import { ModalBody } from "../ModalBody";
+import { ModalClose } from "../ModalClose";
+import { getStyles } from "../Modal.styles";
+import { getModalTheme } from "../getModalTheme";
+var mountedModalsCount = 0;
+export var ModalDataTids = {
+  container: 'modal-container',
+  content: 'modal-content',
+  close: 'modal-close'
+};
+export var ModalZIndexPriority = {
+  Cross: 2,
+  Content: 1
+};
+
+/**
+ * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.
+ *
+ * Состоит из 3-х компонентов: `Modal.Header`, `Modal.Body`, `Modal.Footer`.
+ *
+ * Для отображения серой плашки в футере в компонент `Footer` необходимо передать проп `panel`.
+ *
+ * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `sticky` со значением `false` (по-умолчанию прилипание включено).
+ */
+export var Modal = 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.getProps = createPropsGetter(Modal.defaultProps);
+    _this.state = {
+      stackPosition: 0,
+      hasBackground: true,
+      horizontalScroll: false,
+      hasHeader: false,
+      hasFooter: false,
+      hasPanel: false
+    };
+    _this.stackSubscription = null;
+    _this.containerNode = null;
+    _this.mouseDownTarget = null;
+    _this.mouseUpTarget = null;
+    _this.getMobileContainerClassName = function () {
+      var mobileAppearance = _this.getProps().mobileAppearance;
+      switch (mobileAppearance) {
+        case 'fullscreen-spacing':
+          return;
+        case 'auto':
+          if (_this.state.hasFooter) {
+            return;
+          }
+          return [_this.styles.mobileContainerSmall5_2()];
+        case 'fullscreen':
+          return [_this.styles.mobileContainerFullscreen5_2()];
+        case 'center':
+          return [_this.styles.mobileContainerSmall5_2()];
+        case 'bottom':
+          return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallBottom5_2()];
+        case 'top':
+          return [_this.styles.mobileContainerSmall5_2(), _this.styles.mobileContainerSmallTop5_2()];
+        default:
+          return catchUnreachableWarning(mobileAppearance, false);
+      }
+    };
+    _this.requestClose = function () {
+      if (_this.props.disableClose) {
+        return;
+      }
+      if (_this.props.onClose) {
+        _this.props.onClose();
+      }
+    };
+    _this.refContainer = function (center) {
+      _this.containerNode = center;
+    };
+    _this.handleStackChange = function (stack) {
+      _this.setState({
+        stackPosition: stack.indexOf(_this),
+        hasBackground: ModalStack.isBlocking(_this, _this.globalObject)
+      });
+    };
+    _this.handleContainerMouseDown = function (event) {
+      _this.mouseDownTarget = event.target;
+    };
+    _this.handleContainerMouseUp = function (event) {
+      _this.mouseUpTarget = event.target;
+    };
+    _this.handleContainerClick = function (event) {
+      if (!_this.props.ignoreBackgroundClick) {
+        var target = event.target,
+          currentTarget = event.currentTarget;
+        if (target === currentTarget && _this.mouseDownTarget === currentTarget && _this.mouseUpTarget === currentTarget) {
+          _this.requestClose();
+        }
+      }
+    };
+    _this.handleKeyDown = function (e) {
+      if (_this.state.stackPosition !== 0) {
+        return;
+      }
+      if (isKeyEscape(e)) {
+        e.stopPropagation();
+        _this.requestClose();
+      }
+    };
+    _this.checkHorizontalScrollAppearance = function () {
+      var hasScroll = false;
+      if (_this.containerNode) {
+        var containerClientWidth = _this.containerNode.clientWidth;
+        var containerScrollWidth = _this.containerNode.scrollWidth;
+        hasScroll = containerClientWidth < containerScrollWidth;
+      }
+      if (hasScroll && !_this.state.horizontalScroll) {
+        _this.setState({
+          horizontalScroll: true
+        });
+      } else if (_this.state.horizontalScroll) {
+        _this.setState({
+          horizontalScroll: false
+        });
+      }
+    };
+    _this.throttledCheckHorizontalScroll = throttle(_this.checkHorizontalScrollAppearance, 100);
+    _this.handleResize = function () {
+      LayoutEvents.emit();
+    };
+    _this.setHasHeader = function (hasHeader) {
+      _this.setState({
+        hasHeader: hasHeader
+      });
+    };
+    _this.setHasFooter = function (hasFooter) {
+      _this.setState({
+        hasFooter: hasFooter
+      });
+    };
+    _this.setHasPanel = function (hasPanel) {
+      _this.setState({
+        hasPanel: hasPanel
+      });
+    };
+    return _this;
+  }
+  _inheritsLoose(Modal, _React$Component);
+  var _proto = Modal.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    var _this$globalObject$ad2, _this$globalObject2;
+    this.stackSubscription = 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 (isNonNullable(this.stackSubscription)) {
+      this.stackSubscription.remove();
+    }
+    ModalStack.remove(this, this.globalObject);
+    if (this.containerNode) {
+      this.containerNode.removeEventListener('scroll', LayoutEvents.emit);
+    }
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    this.styles = getStyles(this.emotion);
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = getModalTheme(theme, _this2.props.theme);
+      return /*#__PURE__*/React.createElement(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.createElement(RenderContainer, null, /*#__PURE__*/React.createElement(CommonWrapper, this.props, /*#__PURE__*/React.createElement(ZIndex, {
+      priority: 'Modal',
+      className: this.styles.root()
+    }, /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null), this.state.hasBackground && /*#__PURE__*/React.createElement("div", {
+      onMouseDown: this.handleContainerMouseDown,
+      onMouseUp: this.handleContainerMouseUp,
+      onClick: this.handleContainerClick,
+      className: this.styles.bg(this.theme)
+    }), /*#__PURE__*/React.createElement(ResponsiveLayout, null, function (_ref) {
+      var _this3$cx2, _this3$cx3, _this3$cx4, _this3$cx5, _this3$cx6;
+      var isMobile = _ref.isMobile;
+      return /*#__PURE__*/React.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.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.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.createElement(ResizeDetector, {
+        onResize: _this3.handleResize,
+        fullHeight: isMobile
+      }, /*#__PURE__*/React.createElement(FocusLock, {
+        disabled: disableFocusLock,
+        autoFocus: false,
+        className: _this3.cx((_this3$cx4 = {}, _this3$cx4[_this3.styles.columnFlexContainer()] = isMobile, _this3$cx4), 'focus-lock-container')
+      }, !hasHeader && !noClose && /*#__PURE__*/React.createElement(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.createElement(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.createElement(ModalContext.Provider, {
+        value: modalContextProps
+      }, children))))));
+    }))));
+  };
+  return Modal;
+}(React.Component), _Modal.__KONTUR_REACT_UI__ = 'Modal', _Modal.displayName = 'Modal', _Modal.Header = ModalHeader, _Modal.Body = ModalBody, _Modal.Footer = ModalFooter, _Modal.defaultProps = {
+  disableFocusLock: false,
+  role: 'dialog',
+  mobileAppearance: 'auto'
+}, _Modal)) || _class;

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","FocusLock","throttle","isNonNullable","isKeyEscape","LayoutEvents","RenderContainer","ZIndex","HideBodyVerticalScroll","ModalStack","ResizeDetector","ThemeContext","CommonWrapper","createPropsGetter","ResponsiveLayout","catchUnreachableWarning","withRenderEnvironment","ModalContext","ModalFooter","ModalHeader","ModalBody","ModalClose","getStyles","getModalTheme","mountedModalsCount","ModalDataTids","container","content","close","ModalZIndexPriority","Cross","Content","Modal","_class","_Modal","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","state","stackPosition","hasBackground","horizontalScroll","hasHeader","hasFooter","hasPanel","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","getMobileContainerClassName","mobileAppearance","styles","mobileContainerSmall5_2","mobileContainerFullscreen5_2","mobileContainerSmallBottom5_2","mobileContainerSmallTop5_2","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","setState","indexOf","isBlocking","globalObject","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","stopPropagation","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","throttledCheckHorizontalScroll","handleResize","emit","setHasHeader","setHasFooter","setHasPanel","_inheritsLoose","_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","remove","render","_this2","emotion","createElement","Consumer","theme","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","priority","className","root","onMouseDown","onMouseUp","onClick","bg","_ref","_this3$cx2","_this3$cx3","_this3$cx4","_this3$cx5","_this3$cx6","isMobile","ref","containerDesktop","centerContainer","Boolean","undefined","window","mobileWindow","mobileWindowFullscreen","onResize","fullHeight","disabled","autoFocus","columnFlexContainer","closeWrapper","mobileCloseWrapper","mobileCloseWithoutHeader","Component","__KONTUR_REACT_UI__","displayName","Header","Body","Footer"],"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":[]}

package/components/Modal/Modal/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/Modal/Modal.js",
+  "module": "Modal",
+  "types": "../Modal.d.ts",
+  "sideEffects": false
+}

package/components/Modal/Modal.d.ts

@@ -1,10 +1,10 @@
 import type { AriaAttributes, HTMLAttributes } from 'react';
 import React from 'react';
-import type { ThemeIn } from '../../lib/theming/Theme.js';
-import type { CommonProps } from '../../internal/CommonWrapper/index.js';
-import { ModalFooter } from './ModalFooter.js';
-import { ModalHeader } from './ModalHeader.js';
-import { ModalBody } from './ModalBody.js';
+import type { ThemeIn } from '../../lib/theming/Theme';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import { ModalFooter } from './ModalFooter';
+import { ModalHeader } from './ModalHeader';
+import { ModalBody } from './ModalBody';
 export type MobileModalAppearance = 'auto' | 'top' | 'center' | 'bottom' | 'fullscreen-spacing' | 'fullscreen';
 export interface ModalProps extends CommonProps, Pick<HTMLAttributes<unknown>, 'role'>, Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {
     /** Отключает событие `onClose` и дизейблит кнопку закрытия модалки. */