@skbkontur/react-ui 2.17.4-source-maps.1 → 2.17.7-csi.0

package/cjs/components/MenuHeader/MenuHeader.d.ts

@@ -1,16 +1,16 @@
-import React, { ReactNode } from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface MenuHeaderProps extends CommonProps {
-    _enableIconPadding?: boolean;
-    children: ReactNode;
-}
-/**
- * Заголовок в меню.
- */
-declare function MenuHeader({ _enableIconPadding, children, ...rest }: MenuHeaderProps): JSX.Element;
-declare namespace MenuHeader {
-    var __KONTUR_REACT_UI__: string;
-    var __MENU_HEADER__: boolean;
-}
-export { MenuHeader };
-export declare const isMenuHeader: (child: React.ReactNode) => child is React.ReactElement<MenuHeaderProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+import React, { ReactNode } from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface MenuHeaderProps extends CommonProps {
+    _enableIconPadding?: boolean;
+    children: ReactNode;
+}
+/**
+ * Заголовок в меню.
+ */
+declare function MenuHeader({ _enableIconPadding, children, ...rest }: MenuHeaderProps): JSX.Element;
+declare namespace MenuHeader {
+    var __KONTUR_REACT_UI__: string;
+    var __MENU_HEADER__: boolean;
+}
+export { MenuHeader };
+export declare const isMenuHeader: (child: React.ReactNode) => child is React.ReactElement<MenuHeaderProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;

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

@@ -1,4 +1,4 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    withLeftPadding(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};
+export declare const jsStyles: {
+    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    withLeftPadding(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+};

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

@@ -1 +1 @@
-export * from './MenuHeader';
+export * from './MenuHeader';

package/cjs/components/MenuItem/MenuItem.d.ts

@@ -1,52 +1,52 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare type MenuItemState = null | 'hover' | 'selected' | void;
-export interface MenuItemProps extends CommonProps {
-    /** @ignore */
-    _enableIconPadding?: boolean;
-    /** @deprecated @ignore */
-    alkoLink?: boolean;
-    comment?: React.ReactNode;
-    disabled?: boolean;
-    icon?: React.ReactElement<any>;
-    link?: boolean;
-    /** @ignore */
-    loose?: boolean;
-    /** @ignore */
-    state?: MenuItemState;
-    onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
-    children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);
-    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
-    title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];
-    href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];
-    onMouseEnter?: React.MouseEventHandler;
-    onMouseLeave?: React.MouseEventHandler;
-    component?: React.ComponentType<any>;
-}
-/**
- * Элемент меню.
- */
-export declare class MenuItem extends React.Component<MenuItemProps> {
-    static __KONTUR_REACT_UI__: string;
-    static __MENU_ITEM__: boolean;
-    static propTypes: {
-        alkoLink: PropTypes.Requireable<boolean>;
-        comment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        disabled: PropTypes.Requireable<boolean>;
-        href: PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        loose: PropTypes.Requireable<boolean>;
-        state: PropTypes.Requireable<string>;
-        target: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    private theme;
-    private mouseEntered;
-    render(): JSX.Element;
-    private renderMain;
-    private handleMouseEnterFix;
-    private handleMouseLeave;
-    private getComponent;
-}
-export declare const isMenuItem: (child: React.ReactNode) => child is React.ReactElement<MenuItemProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+import React from 'react';
+import PropTypes from 'prop-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare type MenuItemState = null | 'hover' | 'selected' | void;
+export interface MenuItemProps extends CommonProps {
+    /** @ignore */
+    _enableIconPadding?: boolean;
+    /** @deprecated @ignore */
+    alkoLink?: boolean;
+    comment?: React.ReactNode;
+    disabled?: boolean;
+    icon?: React.ReactElement<any>;
+    link?: boolean;
+    /** @ignore */
+    loose?: boolean;
+    /** @ignore */
+    state?: MenuItemState;
+    onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;
+    children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);
+    target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+    title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];
+    href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];
+    onMouseEnter?: React.MouseEventHandler;
+    onMouseLeave?: React.MouseEventHandler;
+    component?: React.ComponentType<any>;
+}
+/**
+ * Элемент меню.
+ */
+export declare class MenuItem extends React.Component<MenuItemProps> {
+    static __KONTUR_REACT_UI__: string;
+    static __MENU_ITEM__: boolean;
+    static propTypes: {
+        alkoLink: PropTypes.Requireable<boolean>;
+        comment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        disabled: PropTypes.Requireable<boolean>;
+        href: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        loose: PropTypes.Requireable<boolean>;
+        state: PropTypes.Requireable<string>;
+        target: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    private theme;
+    private mouseEntered;
+    render(): JSX.Element;
+    private renderMain;
+    private handleMouseEnterFix;
+    private handleMouseLeave;
+    private getComponent;
+}
+export declare const isMenuItem: (child: React.ReactNode) => child is React.ReactElement<MenuItemProps, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;

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

@@ -1,12 +1,12 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    hover(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    selected(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    link(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    loose(): string;
-    withIcon(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    comment(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    commentHover(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    icon(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};
+export declare const jsStyles: {
+    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    hover(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    selected(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    link(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    loose(): string;
+    withIcon(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    comment(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    commentHover(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    icon(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+};

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

@@ -1 +1 @@
-export * from './MenuItem';
+export * from './MenuItem';

package/cjs/components/MenuSeparator/MenuSeparator.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare type MenuSeparatorProps = CommonProps;
-/**
- * Разделитель в меню.
- */
-declare function MenuSeparator(props: MenuSeparatorProps): JSX.Element;
-declare namespace MenuSeparator {
-    var __KONTUR_REACT_UI__: string;
-}
-export { MenuSeparator };
+/// <reference types="react" />
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare type MenuSeparatorProps = CommonProps;
+/**
+ * Разделитель в меню.
+ */
+declare function MenuSeparator(props: MenuSeparatorProps): JSX.Element;
+declare namespace MenuSeparator {
+    var __KONTUR_REACT_UI__: string;
+}
+export { MenuSeparator };

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

@@ -1,3 +1,3 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};
+export declare const jsStyles: {
+    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+};

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

@@ -1 +1 @@
-export * from './MenuSeparator';
+export * from './MenuSeparator';

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

@@ -1,84 +1,92 @@
-import React from 'react';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { ModalFooter } from './ModalFooter';
-import { ModalHeader } from './ModalHeader';
-import { ModalBody } from './ModalBody';
-export interface ModalProps extends CommonProps {
-    /**
-     * Отключает событие onClose, также дизейблит кнопку закрытия модалки
-     */
-    disableClose?: boolean;
-    /**
-     * Выравнивание окна по верху страницы.
-     */
-    alignTop?: boolean;
-    /**
-     * Не закрывать окно при клике на фон.
-     */
-    ignoreBackgroundClick?: boolean;
-    /**
-     * Не показывать крестик для закрытия окна.
-     */
-    noClose?: boolean;
-    width?: number | string;
-    /**
-     * Вызывается, когда пользователь запросил закрытие окна (нажал на фон, на
-     * Escape или на крестик).
-     */
-    onClose?: () => void;
-    /**
-     * Не использовать фокус-лок внутри модалки.
-     * По умолчанию true для IE11.
-     */
-    disableFocusLock?: boolean;
-}
-export interface ModalState {
-    stackPosition: number;
-    hasBackground: boolean;
-    horizontalScroll: boolean;
-}
-/**
- * Модальное окно
- *
- * Содержит в себе три компоненты: **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 Header: typeof ModalHeader;
-    static Body: typeof ModalBody;
-    static Footer: typeof ModalFooter;
-    static propTypes: {
-        children(props: ModalProps, propName: "style" | "width" | "className" | "data-tid" | "onClose" | "disableClose" | "ignoreBackgroundClick" | "alignTop" | "noClose" | "disableFocusLock", componentName: string): Error | undefined;
-    };
-    static defaultProps: {
-        disableFocusLock: boolean;
-    };
-    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 handleResize;
-}
+import React from 'react';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { ModalFooter } from './ModalFooter';
+import { ModalHeader } from './ModalHeader';
+import { ModalBody } from './ModalBody';
+export interface ModalProps extends CommonProps {
+    /**
+     * Отключает событие onClose, также дизейблит кнопку закрытия модалки
+     */
+    disableClose?: boolean;
+    /**
+     * Выравнивание окна по верху страницы.
+     */
+    alignTop?: boolean;
+    /**
+     * Не закрывать окно при клике на фон.
+     */
+    ignoreBackgroundClick?: boolean;
+    /**
+     * Не показывать крестик для закрытия окна.
+     */
+    noClose?: boolean;
+    width?: number | string;
+    /**
+     * Вызывается, когда пользователь запросил закрытие окна (нажал на фон, на
+     * Escape или на крестик).
+     */
+    onClose?: () => void;
+    /**
+     * Не использовать фокус-лок внутри модалки.
+     * По умолчанию true для IE11.
+     */
+    disableFocusLock?: boolean;
+}
+export interface ModalState {
+    stackPosition: number;
+    hasBackground: boolean;
+    horizontalScroll: boolean;
+    shards: Array<React.RefObject<any> | HTMLElement>;
+}
+/**
+ * Модальное окно
+ *
+ * Содержит в себе три компоненты: **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 Header: typeof ModalHeader;
+    static Body: typeof ModalBody;
+    static Footer: typeof ModalFooter;
+    static propTypes: {
+        children(props: ModalProps, propName: "style" | "width" | "className" | "data-tid" | "onClose" | "disableClose" | "ignoreBackgroundClick" | "alignTop" | "noClose" | "disableFocusLock", componentName: string): Error | undefined;
+    };
+    static defaultProps: {
+        disableFocusLock: boolean;
+    };
+    state: ModalState;
+    shards: Set<HTMLElement | React.RefObject<any>>;
+    private theme;
+    private stackSubscription;
+    private containerNode;
+    private mouseDownTarget;
+    private mouseUpTarget;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    /**
+     * Добавить элемент, который будет учитывать FocusLock
+     *
+     * @param shard
+     */
+    addShard: (shard: HTMLElement | React.RefObject<any>) => void;
+    private renderMain;
+    private requestClose;
+    private refContainer;
+    private handleStackChange;
+    private handleContainerMouseDown;
+    private handleContainerMouseUp;
+    private handleContainerClick;
+    private handleKeyDown;
+    private checkHorizontalScrollAppearance;
+    private handleResize;
+}

package/cjs/components/Modal/Modal.js

@@ -64,6 +64,7 @@ var mountedModalsCount = 0;
 
 
 
+
 
 
 /**
@@ -107,8 +108,11 @@ Modal = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(M
     state = {
       stackPosition: 0,
       hasBackground: true,
-      horizontalScroll: false };_this.
+      horizontalScroll: false,
+      shards: [] };_this.
+
 
+    shards = new Set();_this.
 
     theme = void 0;_this.
     stackSubscription = null;_this.
@@ -165,6 +169,16 @@ Modal = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(M
 
 
 
+    addShard = function (shard) {
+      _this.shards.add(shard);
+      _this.setState({ shards: [].concat(Array.from(_this.shards.values())) });
+    };_this.
+
+
+
+
+
+
 
 
 
@@ -306,5 +320,9 @@ Modal = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(M
 
     handleResize = function (event) {
       LayoutEvents.emit();
-    };return _this;}var _proto = Modal.prototype;_proto.componentDidMount = function componentDidMount() {this.stackSubscription = _ModalStack.ModalStack.add(this, this.handleStackChange);if (mountedModalsCount === 0) {window.addEventListener('resize', this.checkHorizontalScrollAppearance);}mountedModalsCount++;window.addEventListener('keydown', this.handleKeyDown);this.checkHorizontalScrollAppearance();if (this.containerNode) {this.containerNode.addEventListener('scroll', LayoutEvents.emit);}};_proto.componentWillUnmount = function componentWillUnmount() {if (--mountedModalsCount === 0) {window.removeEventListener('resize', this.checkHorizontalScrollAppearance);LayoutEvents.emit();}window.removeEventListener('keydown', this.handleKeyDown);if (this.stackSubscription != null) {this.stackSubscription.remove();}_ModalStack.ModalStack.remove(this);if (this.containerNode) {this.containerNode.removeEventListener('scroll', LayoutEvents.emit);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _cn;var hasHeader = false;var hasFooter = false;var hasPanel = false;_react.default.Children.toArray(this.props.children).forEach(function (child) {if ((0, _helpers.isHeader)(child)) {hasHeader = true;}if ((0, _helpers.isFooter)(child)) {hasFooter = true;if (child.props.panel) {hasPanel = true;}}});var modalContextProps = { hasHeader: hasHeader, horizontalScroll: this.state.horizontalScroll };if (hasHeader && !this.props.noClose) {modalContextProps.close = { disableClose: this.props.disableClose, requestClose: this.requestClose };}if (!hasFooter) {modalContextProps.additionalPadding = true;}if (hasFooter && hasPanel) {modalContextProps.additionalPadding = true;}var style = {};var containerStyle = {};if (this.props.width) {style.width = this.props.width;} else {containerStyle.width = 'auto';}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Modal', className: _Modal.jsStyles.root() }, /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null), this.state.hasBackground && /*#__PURE__*/_react.default.createElement("div", { className: _Modal.jsStyles.bg(this.theme) }), /*#__PURE__*/_react.default.createElement("div", { ref: this.refContainer, className: _Modal.jsStyles.container(), onMouseDown: this.handleContainerMouseDown, onMouseUp: this.handleContainerMouseUp, onClick: this.handleContainerClick, "data-tid": "modal-container" }, /*#__PURE__*/_react.default.createElement("div", { className: (0, _classnames.default)((_cn = {}, _cn[_Modal.jsStyles.centerContainer(this.theme)] = true, _cn[_Modal.jsStyles.alignTop(this.theme)] = Boolean(this.props.alignTop), _cn)), style: containerStyle, "data-tid": "modal-content" }, /*#__PURE__*/_react.default.createElement("div", { className: _Modal.jsStyles.window(this.theme), style: style }, /*#__PURE__*/_react.default.createElement(_ResizeDetector.ResizeDetector, { onResize: this.handleResize }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, { disabled: this.props.disableFocusLock, autoFocus: false }, !hasHeader && !this.props.noClose ? /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'ModalCross', className: _Modal.jsStyles.closeWrapper(this.theme) }, /*#__PURE__*/_react.default.createElement(_ModalClose.ModalClose, { requestClose: this.requestClose, disableClose: this.props.disableClose })) : null, /*#__PURE__*/_react.default.createElement(_ModalContext.ModalContext.Provider, { value: modalContextProps }, this.props.children)))))))));};return Modal;}(_react.default.Component);exports.Modal = Modal;Modal.__KONTUR_REACT_UI__ = 'Modal';Modal.Header = _ModalHeader.ModalHeader;Modal.Body = _ModalBody.ModalBody;Modal.Footer = _ModalFooter.ModalFooter;Modal.propTypes = { children: function children(props, propName, componentName) {if (_react.default.Children.toArray(props[propName]).some(function (child) {return !(0, _helpers.isHeader)(child) && !(0, _helpers.isBody)(child) && !(0, _helpers.isFooter)(child);})) {return new Error("Only 'Header/Body/Footer' components are allowed for '" + propName + "' prop of '" + componentName + "' component");}} };Modal.defaultProps = { // NOTE: в ie нормально не работает
+    };return _this;}var _proto = Modal.prototype;_proto.componentDidMount = function componentDidMount() {this.stackSubscription = _ModalStack.ModalStack.add(this, this.handleStackChange);if (mountedModalsCount === 0) {window.addEventListener('resize', this.checkHorizontalScrollAppearance);}mountedModalsCount++;window.addEventListener('keydown', this.handleKeyDown);this.checkHorizontalScrollAppearance();if (this.containerNode) {this.containerNode.addEventListener('scroll', LayoutEvents.emit);}};_proto.componentWillUnmount = function componentWillUnmount() {if (--mountedModalsCount === 0) {window.removeEventListener('resize', this.checkHorizontalScrollAppearance);LayoutEvents.emit();}window.removeEventListener('keydown', this.handleKeyDown);if (this.stackSubscription != null) {this.stackSubscription.remove();}_ModalStack.ModalStack.remove(this);if (this.containerNode) {this.containerNode.removeEventListener('scroll', LayoutEvents.emit);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} /**
+   * Добавить элемент, который будет учитывать FocusLock
+   *
+   * @param shard
+   */;_proto.renderMain = function renderMain() {var _cn;var hasHeader = false;var hasFooter = false;var hasPanel = false;_react.default.Children.toArray(this.props.children).forEach(function (child) {if ((0, _helpers.isHeader)(child)) {hasHeader = true;}if ((0, _helpers.isFooter)(child)) {hasFooter = true;if (child.props.panel) {hasPanel = true;}}});var modalContextProps = { hasHeader: hasHeader, horizontalScroll: this.state.horizontalScroll };if (hasHeader && !this.props.noClose) {modalContextProps.close = { disableClose: this.props.disableClose, requestClose: this.requestClose };}if (!hasFooter) {modalContextProps.additionalPadding = true;}if (hasFooter && hasPanel) {modalContextProps.additionalPadding = true;}var style = {};var containerStyle = {};if (this.props.width) {style.width = this.props.width;} else {containerStyle.width = 'auto';}return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, this.props, /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Modal', className: _Modal.jsStyles.root() }, /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null), this.state.hasBackground && /*#__PURE__*/_react.default.createElement("div", { className: _Modal.jsStyles.bg(this.theme) }), /*#__PURE__*/_react.default.createElement("div", { ref: this.refContainer, className: _Modal.jsStyles.container(), onMouseDown: this.handleContainerMouseDown, onMouseUp: this.handleContainerMouseUp, onClick: this.handleContainerClick, "data-tid": "modal-container" }, /*#__PURE__*/_react.default.createElement("div", { className: (0, _classnames.default)((_cn = {}, _cn[_Modal.jsStyles.centerContainer(this.theme)] = true, _cn[_Modal.jsStyles.alignTop(this.theme)] = Boolean(this.props.alignTop), _cn)), style: containerStyle, "data-tid": "modal-content" }, /*#__PURE__*/_react.default.createElement("div", { className: _Modal.jsStyles.window(this.theme), style: style }, /*#__PURE__*/_react.default.createElement(_ResizeDetector.ResizeDetector, { onResize: this.handleResize }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, { shards: this.state.shards, disabled: this.props.disableFocusLock, autoFocus: false }, !hasHeader && !this.props.noClose ? /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'ModalCross', className: _Modal.jsStyles.closeWrapper(this.theme) }, /*#__PURE__*/_react.default.createElement(_ModalClose.ModalClose, { requestClose: this.requestClose, disableClose: this.props.disableClose })) : null, /*#__PURE__*/_react.default.createElement(_ModalContext.ModalContext.Provider, { value: modalContextProps }, this.props.children)))))))));};return Modal;}(_react.default.Component);exports.Modal = Modal;Modal.__KONTUR_REACT_UI__ = 'Modal';Modal.Header = _ModalHeader.ModalHeader;Modal.Body = _ModalBody.ModalBody;Modal.Footer = _ModalFooter.ModalFooter;Modal.propTypes = { children: function children(props, propName, componentName) {if (_react.default.Children.toArray(props[propName]).some(function (child) {return !(0, _helpers.isHeader)(child) && !(0, _helpers.isBody)(child) && !(0, _helpers.isFooter)(child);})) {return new Error("Only 'Header/Body/Footer' components are allowed for '" + propName + "' prop of '" + componentName + "' component");}} };Modal.defaultProps = { // NOTE: в ie нормально не работает
   disableFocusLock: _client.isIE11 };

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

@@ -1 +1 @@
-{"version":3,"sources":["Modal.tsx"],"names":["mountedModalsCount","Modal","state","stackPosition","hasBackground","horizontalScroll","theme","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","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","handleResize","LayoutEvents","emit","componentDidMount","add","window","addEventListener","componentWillUnmount","removeEventListener","remove","render","renderMain","hasHeader","hasFooter","hasPanel","React","Children","toArray","children","forEach","child","panel","modalContextProps","noClose","close","additionalPadding","style","containerStyle","width","jsStyles","root","bg","container","centerContainer","alignTop","Boolean","disableFocusLock","closeWrapper","Component","__KONTUR_REACT_UI__","Header","ModalHeader","Body","ModalBody","Footer","ModalFooter","propTypes","propName","componentName","some","Error","defaultProps","isIE11"],"mappings":"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","sourcesContent":["import React from 'react';\nimport FocusLock from 'react-focus-lock';\nimport cn from 'classnames';\n\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 } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { ModalContext, ModalContextProps } from './ModalContext';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { isBody, isFooter, isHeader } from './helpers';\nimport { ModalBody } from './ModalBody';\nimport { ModalClose } from './ModalClose';\nimport { jsStyles } from './Modal.styles';\n\nlet mountedModalsCount = 0;\n\nexport interface ModalProps extends CommonProps {\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\nexport interface ModalState {\n  stackPosition: number;\n  hasBackground: boolean;\n  horizontalScroll: boolean;\n}\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\n  public static Header = ModalHeader;\n  public static Body = ModalBody;\n  public static Footer = ModalFooter;\n\n  public static propTypes = {\n    children(props: ModalProps, propName: keyof ModalProps, componentName: string) {\n      if (\n        React.Children.toArray(props[propName]).some(child => !isHeader(child) && !isBody(child) && !isFooter(child))\n      ) {\n        return new Error(\n          `Only 'Header/Body/Footer' components are allowed for '${propName}' prop of '${componentName}' component`,\n        );\n      }\n    },\n  };\n\n  public static defaultProps = {\n    // NOTE: в ie нормально не работает\n    disableFocusLock: isIE11,\n  };\n\n  public state: ModalState = {\n    stackPosition: 0,\n    hasBackground: true,\n    horizontalScroll: 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      window.addEventListener('resize', this.checkHorizontalScrollAppearance);\n    }\n\n    mountedModalsCount++;\n    window.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      window.removeEventListener('resize', this.checkHorizontalScrollAppearance);\n      LayoutEvents.emit();\n    }\n\n    window.removeEventListener('keydown', this.handleKeyDown);\n    if (this.stackSubscription != null) {\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 = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    let hasHeader = false;\n    let hasFooter = false;\n    let hasPanel = false;\n\n    React.Children.toArray(this.props.children).forEach(child => {\n      if (isHeader(child)) {\n        hasHeader = true;\n      }\n      if (isFooter(child)) {\n        hasFooter = true;\n        if (child.props.panel) {\n          hasPanel = true;\n        }\n      }\n    });\n\n    const modalContextProps: ModalContextProps = {\n      hasHeader,\n      horizontalScroll: this.state.horizontalScroll,\n    };\n    if (hasHeader && !this.props.noClose) {\n      modalContextProps.close = {\n        disableClose: this.props.disableClose,\n        requestClose: this.requestClose,\n      };\n    }\n    if (!hasFooter) {\n      modalContextProps.additionalPadding = true;\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 (this.props.width) {\n      style.width = this.props.width;\n    } else {\n      containerStyle.width = 'auto';\n    }\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderContainer>\n          <ZIndex priority={'Modal'} className={jsStyles.root()}>\n            <HideBodyVerticalScroll />\n            {this.state.hasBackground && <div className={jsStyles.bg(this.theme)} />}\n            <div\n              ref={this.refContainer}\n              className={jsStyles.container()}\n              onMouseDown={this.handleContainerMouseDown}\n              onMouseUp={this.handleContainerMouseUp}\n              onClick={this.handleContainerClick}\n              data-tid=\"modal-container\"\n            >\n              <div\n                className={cn({\n                  [jsStyles.centerContainer(this.theme)]: true,\n                  [jsStyles.alignTop(this.theme)]: Boolean(this.props.alignTop),\n                })}\n                style={containerStyle}\n                data-tid=\"modal-content\"\n              >\n                <div className={jsStyles.window(this.theme)} style={style}>\n                  <ResizeDetector onResize={this.handleResize}>\n                    <FocusLock disabled={this.props.disableFocusLock} autoFocus={false}>\n                      {!hasHeader && !this.props.noClose ? (\n                        <ZIndex priority={'ModalCross'} className={jsStyles.closeWrapper(this.theme)}>\n                          <ModalClose requestClose={this.requestClose} disableClose={this.props.disableClose} />\n                        </ZIndex>\n                      ) : null}\n                      <ModalContext.Provider value={modalContextProps}>{this.props.children}</ModalContext.Provider>\n                    </FocusLock>\n                  </ResizeDetector>\n                </div>\n              </div>\n            </div>\n          </ZIndex>\n        </RenderContainer>\n      </CommonWrapper>\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: ReadonlyArray<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 handleResize = (event: UIEvent) => {\n    LayoutEvents.emit();\n  };\n}\n"]}
+{"version":3,"sources":["Modal.tsx"],"names":["mountedModalsCount","Modal","state","stackPosition","hasBackground","horizontalScroll","shards","Set","theme","stackSubscription","containerNode","mouseDownTarget","mouseUpTarget","addShard","shard","add","setState","Array","from","values","requestClose","props","disableClose","onClose","refContainer","center","handleStackChange","stack","indexOf","ModalStack","isBlocking","handleContainerMouseDown","event","target","handleContainerMouseUp","handleContainerClick","ignoreBackgroundClick","currentTarget","handleKeyDown","e","checkHorizontalScrollAppearance","hasScroll","containerClientWidth","clientWidth","containerScrollWidth","scrollWidth","handleResize","LayoutEvents","emit","componentDidMount","window","addEventListener","componentWillUnmount","removeEventListener","remove","render","renderMain","hasHeader","hasFooter","hasPanel","React","Children","toArray","children","forEach","child","panel","modalContextProps","noClose","close","additionalPadding","style","containerStyle","width","jsStyles","root","bg","container","centerContainer","alignTop","Boolean","disableFocusLock","closeWrapper","Component","__KONTUR_REACT_UI__","Header","ModalHeader","Body","ModalBody","Footer","ModalFooter","propTypes","propName","componentName","some","Error","defaultProps","isIE11"],"mappings":"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","sourcesContent":["import React from 'react';\nimport FocusLock from 'react-focus-lock';\nimport cn from 'classnames';\n\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 } from '../../lib/theming/Theme';\nimport { isIE11 } from '../../lib/client';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { ModalContext, ModalContextProps } from './ModalContext';\nimport { ModalFooter } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { isBody, isFooter, isHeader } from './helpers';\nimport { ModalBody } from './ModalBody';\nimport { ModalClose } from './ModalClose';\nimport { jsStyles } from './Modal.styles';\n\nlet mountedModalsCount = 0;\n\nexport interface ModalProps extends CommonProps {\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\nexport interface ModalState {\n  stackPosition: number;\n  hasBackground: boolean;\n  horizontalScroll: boolean;\n  shards: Array<React.RefObject<any> | HTMLElement>;\n}\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\n  public static Header = ModalHeader;\n  public static Body = ModalBody;\n  public static Footer = ModalFooter;\n\n  public static propTypes = {\n    children(props: ModalProps, propName: keyof ModalProps, componentName: string) {\n      if (\n        React.Children.toArray(props[propName]).some(child => !isHeader(child) && !isBody(child) && !isFooter(child))\n      ) {\n        return new Error(\n          `Only 'Header/Body/Footer' components are allowed for '${propName}' prop of '${componentName}' component`,\n        );\n      }\n    },\n  };\n\n  public static defaultProps = {\n    // NOTE: в ie нормально не работает\n    disableFocusLock: isIE11,\n  };\n\n  public state: ModalState = {\n    stackPosition: 0,\n    hasBackground: true,\n    horizontalScroll: false,\n    shards: [],\n  };\n\n  public shards = new Set<React.RefObject<any> | HTMLElement>();\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      window.addEventListener('resize', this.checkHorizontalScrollAppearance);\n    }\n\n    mountedModalsCount++;\n    window.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      window.removeEventListener('resize', this.checkHorizontalScrollAppearance);\n      LayoutEvents.emit();\n    }\n\n    window.removeEventListener('keydown', this.handleKeyDown);\n    if (this.stackSubscription != null) {\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 = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Добавить элемент, который будет учитывать FocusLock\n   *\n   * @param shard\n   */\n  public addShard = (shard: React.RefObject<any> | HTMLElement) => {\n    this.shards.add(shard);\n    this.setState({shards: [...Array.from(this.shards.values())]});\n  };\n\n  private renderMain() {\n    let hasHeader = false;\n    let hasFooter = false;\n    let hasPanel = false;\n\n    React.Children.toArray(this.props.children).forEach(child => {\n      if (isHeader(child)) {\n        hasHeader = true;\n      }\n      if (isFooter(child)) {\n        hasFooter = true;\n        if (child.props.panel) {\n          hasPanel = true;\n        }\n      }\n    });\n\n    const modalContextProps: ModalContextProps = {\n      hasHeader,\n      horizontalScroll: this.state.horizontalScroll,\n    };\n    if (hasHeader && !this.props.noClose) {\n      modalContextProps.close = {\n        disableClose: this.props.disableClose,\n        requestClose: this.requestClose,\n      };\n    }\n    if (!hasFooter) {\n      modalContextProps.additionalPadding = true;\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 (this.props.width) {\n      style.width = this.props.width;\n    } else {\n      containerStyle.width = 'auto';\n    }\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderContainer>\n          <ZIndex priority={'Modal'} className={jsStyles.root()}>\n            <HideBodyVerticalScroll />\n            {this.state.hasBackground && <div className={jsStyles.bg(this.theme)} />}\n            <div\n              ref={this.refContainer}\n              className={jsStyles.container()}\n              onMouseDown={this.handleContainerMouseDown}\n              onMouseUp={this.handleContainerMouseUp}\n              onClick={this.handleContainerClick}\n              data-tid=\"modal-container\"\n            >\n              <div\n                className={cn({\n                  [jsStyles.centerContainer(this.theme)]: true,\n                  [jsStyles.alignTop(this.theme)]: Boolean(this.props.alignTop),\n                })}\n                style={containerStyle}\n                data-tid=\"modal-content\"\n              >\n                <div className={jsStyles.window(this.theme)} style={style}>\n                  <ResizeDetector onResize={this.handleResize}>\n                    <FocusLock shards={this.state.shards} disabled={this.props.disableFocusLock} autoFocus={false}>\n                      {!hasHeader && !this.props.noClose ? (\n                        <ZIndex priority={'ModalCross'} className={jsStyles.closeWrapper(this.theme)}>\n                          <ModalClose requestClose={this.requestClose} disableClose={this.props.disableClose} />\n                        </ZIndex>\n                      ) : null}\n                      <ModalContext.Provider value={modalContextProps}>{this.props.children}</ModalContext.Provider>\n                    </FocusLock>\n                  </ResizeDetector>\n                </div>\n              </div>\n            </div>\n          </ZIndex>\n        </RenderContainer>\n      </CommonWrapper>\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: ReadonlyArray<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 handleResize = (event: UIEvent) => {\n    LayoutEvents.emit();\n  };\n}\n"]}

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

@@ -1,24 +1,24 @@
-export declare const jsStyles: {
-    root(): string;
-    bg(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    container(): string;
-    window(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    centerContainer(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    alignTop(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    close(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    closeWrapper(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    headerWrapper(): string;
-    header(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    body(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    headerWithClose(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    footer(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    footerWrapper(): string;
-    panel(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    fixedHeader(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    fixedFooter(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    headerAddPadding(): string;
-    bodyWithoutHeader(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    bodyWithoutPadding(): string;
-    bodyAddPaddingForPanel(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};
+export declare const jsStyles: {
+    root(): string;
+    bg(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    container(): string;
+    window(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    centerContainer(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    alignTop(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    close(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    closeWrapper(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    headerWrapper(): string;
+    header(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    body(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    headerWithClose(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    footer(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    footerWrapper(): string;
+    panel(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    fixedHeader(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    fixedFooter(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    headerAddPadding(): string;
+    bodyWithoutHeader(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    bodyWithoutPadding(): string;
+    bodyAddPaddingForPanel(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+};