@skbkontur/react-ui 5.0.12-MobilePicker-fix.0 → 5.0.12-fix-imask.2

package/cjs/components/MiniModal/__docs__/MiniModal.mdx

@@ -0,0 +1,28 @@
+import * as MiniModalStories from './MiniModal.docs.stories.tsx';
+import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalStories} />
+
+# MiniModal
+
+[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/modal/#Mini-modalka)
+
+[Компонент в Figma](https://www.figma.com/design/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?node-id=21689-33399&t=agVpD90pHKOeCgsR-4)
+
+<Description />
+
+## Базовый пример
+
+<Primary />
+
+## Пропы
+
+<details>
+  <summary>Открыть таблицу с пропами</summary>
+  <ArgTypes />
+</details>
+
+## Примеры использования
+
+<Stories title="" includePrimary={false} />

package/cjs/components/MiniModal/__docs__/MiniModalBody.mdx

@@ -0,0 +1,17 @@
+import { ArgTypes } from '@storybook/blocks';
+
+import { linkTo } from '@storybook/addon-links';
+import { Link } from '../../Link';
+import * as MiniModalBodyStories from '../__docs__/MiniModalBody.docs.stories.tsx';
+
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalBodyStories} />
+
+# MiniModalBody
+
+Обёртка над <Link onClick={linkTo('Overlay/Modal/ModalBody')}>Modal.Body</Link>
+
+## Пропы
+
+<ArgTypes />

package/cjs/components/MiniModal/__docs__/MiniModalFooter.mdx

@@ -0,0 +1,17 @@
+import { ArgTypes } from '@storybook/blocks';
+
+import { linkTo } from '@storybook/addon-links';
+import { Link } from '../../Link';
+import * as MiniModalFooterStories from '../__docs__/MiniModalFooter.docs.stories.tsx';
+
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalFooterStories} />
+
+# MiniModalFooter
+
+Обёртка над <Link onClick={linkTo('Overlay/Modal/ModalFooter')}>Modal.Footer</Link>
+
+## Пропы
+
+<ArgTypes />

package/cjs/components/MiniModal/__docs__/MiniModalHeader.mdx

@@ -0,0 +1,18 @@
+import { ArgTypes } from '@storybook/blocks';
+
+import { linkTo } from '@storybook/addon-links';
+import { Link } from '../../Link';
+
+import * as MiniModalHeaderStories from '../__docs__/MiniModalHeader.docs.stories.tsx';
+
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalHeaderStories} />
+
+# MiniModalHeader
+
+Обёртка над <Link onClick={linkTo('Overlay/Modal/ModalHeader')}>Modal.Header</Link>
+
+## Пропы
+
+<ArgTypes />

package/cjs/components/MiniModal/__docs__/MiniModalIndent.mdx

@@ -0,0 +1,11 @@
+import { Description } from '@storybook/blocks';
+
+import * as MiniModalIndentStories from '../__docs__/MiniModalIndent.docs.stories.tsx';
+
+import { Meta } from '../../../.storybook/Meta';
+
+<Meta of={MiniModalIndentStories} />
+
+# MiniModalIndent
+
+<Description />

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

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

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

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

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

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

package/cjs/components/Modal/Modal.js

@@ -52,21 +52,6 @@ var mountedModalsCount = 0;
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -92,18 +77,13 @@ var ModalDataTids = exports.ModalDataTids = {
 
 
 /**
- * Модальное окно
+ * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.
  *
- * Содержит в себе три компоненты: **Modal.Header**,
- * **Modal.Body** и **Modal.Footer**
+ * Содержит в себе три компонента: `Modal.Header`, `Modal.Body` и `Modal.Footer`.
  *
- * Для отображения серой плашки в футере в компонент
- * **Footer** необходимо передать пропс **panel**
+ * Для отображения серой плашки в футере в компонент `Footer` необходимо передать пропс `panel`.
  *
- * Для отключения прилипания шапки и футера
- * в соответствующий компонент нужно передать
- * проп **sticky** со значением **false**
- * (по-умолчанию прилипание включено)
+ * Для отключения прилипания шапки и футера в соответствующий компонент нужно передать проп `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.
 

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","_ModalContext","_ModalFooter","_ModalHeader","_ModalBody","_ModalClose","_Modal2","_getModalTheme","mountedModalsCount","ModalDataTids","exports","container","content","close","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","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","additionalPadding","style","containerStyle","RenderContainer","CommonWrapper","ZIndex","priority","className","styles","root","HideBodyVerticalScroll","onMouseDown","onMouseUp","onClick","bg","ResponsiveLayout","_ref","_cx","_cx2","_cx3","_cx4","_cx5","isMobile","ref","cx","containerMobile","centerContainer","mobileCenterContainer","Boolean","undefined","window","mobileWindow","ResizeDetector","onResize","fullHeight","disabled","autoFocus","columnFlexContainer","closeWrapper","mobileCloseWrapper","ModalClose","mobileCloseWithoutHeader","ModalContext","React","Component","__KONTUR_REACT_UI__","displayName","Header","ModalHeader","Body","ModalBody","Footer","ModalFooter","isIE11"],"sources":["Modal.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } 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 { ModalStack, ModalStackSubscription } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\n\nimport { ModalContext, ModalContextProps } 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 interface ModalProps\n  extends CommonProps,\n    Pick<HTMLAttributes<unknown>, 'role'>,\n    Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> {\n  /**\n   * Отключает событие onClose, также дизейблит кнопку закрытия модалки\n   */\n  disableClose?: boolean;\n\n  /**\n   * Выравнивание окна по верху страницы.\n   */\n  alignTop?: boolean;\n\n  /**\n   * Не закрывать окно при клике на фон.\n   */\n  ignoreBackgroundClick?: boolean;\n\n  /**\n   * Не показывать крестик для закрытия окна.\n   */\n  noClose?: boolean;\n  width?: number | string;\n\n  /**\n   * Вызывается, когда пользователь запросил закрытие окна (нажал на фон, на\n   * Escape или на крестик).\n   */\n  onClose?: () => void;\n\n  /**\n   * Не использовать фокус-лок внутри модалки.\n   * По умолчанию true для IE11.\n   */\n  disableFocusLock?: boolean;\n\n  /**\n   * Обычный объект с переменными темы.\n   * Он будет объединён с темой из контекста.\n   */\n  theme?: ThemeIn;\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\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role'>>;\n\n/**\n * Модальное окно\n *\n * Содержит в себе три компоненты: **Modal.Header**,\n * **Modal.Body** и **Modal.Footer**\n *\n * Для отображения серой плашки в футере в компонент\n * **Footer** необходимо передать пропс **panel**\n *\n * Для отключения прилипания шапки и футера\n * в соответствующий компонент нужно передать\n * проп **sticky** со значением **false**\n * (по-умолчанию прилипание включено)\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  };\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 renderMain() {\n    const {\n      noClose,\n      disableClose,\n      width,\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    };\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    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(styles.container(), isMobile && styles.containerMobile(this.theme))}\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                      [styles.mobileCenterContainer()]: isMobile,\n                      [styles.alignTop()]: Boolean(alignTop),\n                    })}\n                    style={isMobile ? undefined : containerStyle}\n                    data-tid={ModalDataTids.content}\n                  >\n                    <div\n                      className={cx({ [styles.window(this.theme)]: true, [styles.mobileWindow()]: isMobile })}\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                              className={cx({\n                                [styles.closeWrapper(this.theme)]: true,\n                                [styles.mobileCloseWrapper(this.theme)]: isMobile,\n                              })}\n                            >\n                              <ModalClose\n                                className={cx({\n                                  [styles.mobileCloseWithoutHeader()]: isMobile && !this.state.hasHeader,\n                                })}\n                                requestClose={this.requestClose}\n                                disableClose={disableClose}\n                              />\n                            </ZIndex>\n                          )}\n                          <ModalContext.Provider value={modalContextProps}>{children}</ModalContext.Provider>\n                        </FocusLock>\n                      </ResizeDetector>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </ResponsiveLayout>\n          </ZIndex>\n        </CommonWrapper>\n      </RenderContainer>\n    );\n  }\n\n  private requestClose = () => {\n    if (this.props.disableClose) {\n      return;\n    }\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n  };\n\n  private refContainer = (center: HTMLDivElement | null) => {\n    this.containerNode = center;\n  };\n\n  private handleStackChange = (stack: readonly React.Component[]) => {\n    this.setState({ 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","_globalObject","_utils","_identifiers","LayoutEvents","_interopRequireWildcard","_RenderContainer","_ZIndex","_stopPropagation","_HideBodyVerticalScroll","_ModalStack","_ResizeDetector","_ThemeContext","_client","_CommonWrapper","_Emotion","_createPropsGetter","_ResponsiveLayout","_ModalContext","_ModalFooter","_ModalHeader","_ModalBody","_ModalClose","_Modal2","_getModalTheme","mountedModalsCount","ModalDataTids","exports","container","content","close","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","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","additionalPadding","style","containerStyle","RenderContainer","CommonWrapper","ZIndex","priority","className","styles","root","HideBodyVerticalScroll","onMouseDown","onMouseUp","onClick","bg","ResponsiveLayout","_ref","_cx","_cx2","_cx3","_cx4","_cx5","isMobile","ref","cx","containerMobile","centerContainer","mobileCenterContainer","Boolean","undefined","window","mobileWindow","ResizeDetector","onResize","fullHeight","disabled","autoFocus","columnFlexContainer","closeWrapper","mobileCloseWrapper","ModalClose","mobileCloseWithoutHeader","ModalContext","React","Component","__KONTUR_REACT_UI__","displayName","Header","ModalHeader","Body","ModalBody","Footer","ModalFooter","isIE11"],"sources":["Modal.tsx"],"sourcesContent":["import React, { AriaAttributes, HTMLAttributes } 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 { ModalStack, ModalStackSubscription } from '../../lib/ModalStack';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\n\nimport { ModalContext, ModalContextProps } 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 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\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\ntype DefaultProps = Required<Pick<ModalProps, 'disableFocusLock' | 'role'>>;\n\n/**\n * Модальное окно `Modal` — это эмуляция диалогового окна браузера, появляющегося поверх страницы в ответ на действия пользователя и блокирующего доступ к основному содержимому страницы.\n *\n * Содержит в себе три компонента: `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  };\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 renderMain() {\n    const {\n      noClose,\n      disableClose,\n      width,\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    };\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    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(styles.container(), isMobile && styles.containerMobile(this.theme))}\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                      [styles.mobileCenterContainer()]: isMobile,\n                      [styles.alignTop()]: Boolean(alignTop),\n                    })}\n                    style={isMobile ? undefined : containerStyle}\n                    data-tid={ModalDataTids.content}\n                  >\n                    <div\n                      className={cx({ [styles.window(this.theme)]: true, [styles.mobileWindow()]: isMobile })}\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                              className={cx({\n                                [styles.closeWrapper(this.theme)]: true,\n                                [styles.mobileCloseWrapper(this.theme)]: isMobile,\n                              })}\n                            >\n                              <ModalClose\n                                className={cx({\n                                  [styles.mobileCloseWithoutHeader()]: isMobile && !this.state.hasHeader,\n                                })}\n                                requestClose={this.requestClose}\n                                disableClose={disableClose}\n                              />\n                            </ZIndex>\n                          )}\n                          <ModalContext.Provider value={modalContextProps}>{children}</ModalContext.Provider>\n                        </FocusLock>\n                      </ResizeDetector>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </ResponsiveLayout>\n          </ZIndex>\n        </CommonWrapper>\n      </RenderContainer>\n    );\n  }\n\n  private requestClose = () => {\n    if (this.props.disableClose) {\n      return;\n    }\n    if (this.props.onClose) {\n      this.props.onClose();\n    }\n  };\n\n  private refContainer = (center: HTMLDivElement | null) => {\n    this.containerNode = center;\n  };\n\n  private handleStackChange = (stack: readonly React.Component[]) => {\n    this.setState({ 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":[]}

package/cjs/components/Modal/Modal.md

@@ -1,3 +1,5 @@
+### Базовый пример
+
 ```jsx harmony
 import { Button, Toggle } from '@skbkontur/react-ui';
 
@@ -37,7 +39,7 @@ function close() {
 </div>;
 ```
 
-#### Локали по умолчанию
+### Локали по умолчанию
 
 ```typescript static
 interface ModalLocale {

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

@@ -1,46 +1,49 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const modalGlobalClasses: {
-    root: string;
-    container: string;
-};
-export declare const styles: {
-    root(): string;
-    bg(t: Theme): string;
-    container(): string;
-    containerMobile(t: Theme): string;
-    window(t: Theme): string;
-    mobileWindow(): string;
-    centerContainer(): string;
-    mobileCenterContainer(): string;
-    alignTop(): string;
-    close(t: Theme): string;
-    mobileClose(t: Theme): string;
-    mobileCloseWithoutHeader(): string;
-    closeWrapper(t: Theme): string;
-    mobileCloseWrapper(t: Theme): string;
-    disabled(t: Theme): string;
-    focus(t: Theme): string;
-    header(t: Theme): string;
-    mobileHeader(t: Theme): string;
-    body(t: Theme): string;
-    mobileBody(t: Theme): string;
-    headerWithClose(t: Theme): string;
-    mobileHeaderWithClose(t: Theme): string;
-    footer(t: Theme): string;
-    mobileFooter(t: Theme): string;
-    panel(t: Theme): string;
-    fixedHeader(t: Theme): string;
-    mobileFixedHeader(t: Theme): string;
-    fixedFooter(t: Theme): string;
-    fixedPanel(t: Theme): string;
-    headerAddPadding(t: Theme): string;
-    bodyWithoutHeader(t: Theme): string;
-    mobileBodyWithoutHeader(): string;
-    bodyWithoutPadding(): string;
-    bodyAddPaddingForPanel(t: Theme): string;
-    mobileBodyAddPaddingForPanel(t: Theme): string;
-    columnFlexContainer(): string;
-    modalSeparatorWrapper(): string;
-    modalSeparator(t: Theme): string;
-    modalSeparatorFixed(): string;
-};
+import { Theme } from '../../lib/theming/Theme';
+export declare const modalGlobalClasses: {
+    root: string;
+    container: string;
+};
+export declare const styles: {
+    root(): string;
+    bg(t: Theme): string;
+    container(): string;
+    containerMobile(t: Theme): string;
+    window(t: Theme): string;
+    mobileWindow(): string;
+    centerContainer(): string;
+    mobileCenterContainer(): string;
+    alignTop(): string;
+    close(t: Theme): string;
+    close5_1(t: Theme): string;
+    closeMobile(t: Theme): string;
+    closeMobile5_1(t: Theme): string;
+    mobileCloseWithoutHeader(): string;
+    closeWrapper(t: Theme): string;
+    mobileCloseWrapper(t: Theme): string;
+    disabled(t: Theme): string;
+    focus(t: Theme): string;
+    focus5_1(t: Theme): string;
+    header(t: Theme): string;
+    mobileHeader(t: Theme): string;
+    body(t: Theme): string;
+    mobileBody(t: Theme): string;
+    headerWithClose(t: Theme): string;
+    mobileHeaderWithClose(t: Theme): string;
+    footer(t: Theme): string;
+    mobileFooter(t: Theme): string;
+    panel(t: Theme): string;
+    fixedHeader(t: Theme): string;
+    mobileFixedHeader(t: Theme): string;
+    fixedFooter(t: Theme): string;
+    fixedPanel(t: Theme): string;
+    headerAddPadding(t: Theme): string;
+    bodyWithoutHeader(t: Theme): string;
+    mobileBodyWithoutHeader(): string;
+    bodyWithoutPadding(): string;
+    bodyAddPaddingForPanel(t: Theme): string;
+    mobileBodyAddPaddingForPanel(t: Theme): string;
+    columnFlexContainer(): string;
+    modalSeparatorWrapper(): string;
+    modalSeparator(t: Theme): string;
+    modalSeparatorFixed(): string;
+};