@skbkontur/react-ui 0.0.0-80ce75eca6 → 0.0.0-85ea551f96

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

@@ -1,25 +1,26 @@
-export declare const jsStyles: {
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
     root(): string;
-    bg(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    bg(t: Theme): 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(): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    closeOutline(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    window(t: Theme): string;
+    centerContainer(t: Theme): string;
+    alignTop(): string;
+    close(t: Theme): string;
+    closeWrapper(t: Theme): string;
+    disabled(t: Theme): string;
+    focus(t: Theme): string;
     headerWrapper(): string;
-    header(): string;
-    headerWithClose(): string;
-    body(): string;
+    header(t: Theme): string;
+    body(t: Theme): string;
+    headerWithClose(t: Theme): string;
+    footer(t: Theme): string;
     footerWrapper(): string;
-    footer(): 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;
+    panel(t: Theme): string;
+    fixedHeader(t: Theme): string;
+    fixedFooter(t: Theme): string;
     headerAddPadding(): string;
-    bodyWithoutHeader(): string;
+    bodyWithoutHeader(t: Theme): string;
     bodyWithoutPadding(): string;
-    bodyAddPadding(): string;
+    bodyAddPaddingForPanel(t: Theme): string;
 };

package/components/Modal/ModalBody/ModalBody.js

@@ -1,43 +1,67 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
-import cn from 'classnames';
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ZIndex } from "../../../internal/ZIndex";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
+import { rootNode } from "../../../lib/rootNode";
 import { ModalContext } from "../ModalContext";
-import { jsStyles } from "../Modal.styles";
-/**
- * Контейнер с отступами от края модалки
- *
- * @visibleName Modal.Body
- */
-
-export var ModalBody = /*#__PURE__*/function (_React$Component) {
+import { styles } from "../Modal.styles";
+export
+/**
+* Контейнер с отступами от края модалки
+*
+* @visibleName Modal.Body
+*/
+var ModalBody = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ModalBody, _React$Component);
 
   function ModalBody() {
-    return _React$Component.apply(this, arguments) || this;
+    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.theme = void 0;
+    _this.setRootNode = void 0;
+    return _this;
   }
 
   var _proto = ModalBody.prototype;
 
   _proto.render = function render() {
-    var _this = this;
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
+    });
+  };
+
+  _proto.renderMain = function renderMain() {
+    var _this3 = this;
 
     var noPadding = this.props.noPadding;
     return /*#__PURE__*/React.createElement(ModalContext.Consumer, null, function (_ref) {
-      var _cn;
+      var _cx;
 
       var additionalPadding = _ref.additionalPadding,
           hasHeader = _ref.hasHeader;
-      return /*#__PURE__*/React.createElement(CommonWrapper, _this.props, /*#__PURE__*/React.createElement(ZIndex, {
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this3.setRootNode
+      }, _this3.props), /*#__PURE__*/React.createElement(ZIndex, {
         priority: 'ModalBody',
         createStackingContext: true,
-        className: cn((_cn = {}, _cn[jsStyles.body()] = true, _cn[jsStyles.bodyWithoutHeader()] = !hasHeader, _cn[jsStyles.bodyAddPadding()] = additionalPadding, _cn[jsStyles.bodyWithoutPadding()] = noPadding, _cn))
-      }, _this.props.children));
+        className: cx((_cx = {}, _cx[styles.body(_this3.theme)] = true, _cx[styles.bodyWithoutHeader(_this3.theme)] = !hasHeader, _cx[styles.bodyAddPaddingForPanel(_this3.theme)] = additionalPadding, _cx[styles.bodyWithoutPadding()] = noPadding, _cx))
+      }, _this3.props.children));
     });
   };
 
   return ModalBody;
-}(React.Component);
-ModalBody.__KONTUR_REACT_UI__ = 'ModalBody';
-ModalBody.__MODAL_BODY__ = true;
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'ModalBody', _class2.__MODAL_BODY__ = true, _temp)) || _class;

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

@@ -1 +1 @@
-{"version":3,"sources":["ModalBody.tsx"],"names":["React","cn","ZIndex","CommonWrapper","ModalContext","jsStyles","ModalBody","render","noPadding","props","additionalPadding","hasHeader","body","bodyWithoutHeader","bodyAddPadding","bodyWithoutPadding","children","Component","__KONTUR_REACT_UI__","__MODAL_BODY__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;;AAEA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,QAAT,QAAyB,gBAAzB;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA,WAAaC,SAAb;;;;AAISC,EAAAA,MAJT,GAIE,kBAA6B;AACnBC,IAAAA,SADmB,GACL,KAAKC,KADA,CACnBD,SADmB;AAE3B;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,mCAAGE,iBAAH,QAAGA,iBAAH,CAAsBC,SAAtB,QAAsBA,SAAtB;AACC,8BAAC,aAAD,EAAmB,KAAI,CAACF,KAAxB;AACE,8BAAC,MAAD;AACE,YAAA,QAAQ,EAAE,WADZ;AAEE,YAAA,qBAAqB,MAFvB;AAGE,YAAA,SAAS,EAAER,EAAE;AACVI,YAAAA,QAAQ,CAACO,IAAT,EADU,IACQ,IADR;AAEVP,YAAAA,QAAQ,CAACQ,iBAAT,EAFU,IAEqB,CAACF,SAFtB;AAGVN,YAAAA,QAAQ,CAACS,cAAT,EAHU,IAGkBJ,iBAHlB;AAIVL,YAAAA,QAAQ,CAACU,kBAAT,EAJU,IAIsBP,SAJtB,OAHf;;;AAUG,UAAA,KAAI,CAACC,KAAL,CAAWO,QAVd,CADF,CADD,GADH,CADF;;;;;;AAoBD,GA1BH,oBAA+BhB,KAAK,CAACiB,SAArC,EAAaX,S,CACGY,mB,GAAsB,W,CADzBZ,S,CAEGa,c,GAAiB,I","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { ModalContext } from './ModalContext';\r\nimport { jsStyles } from './Modal.styles';\r\n\r\nexport interface ModalBodyProps extends CommonProps {\r\n  /**\r\n   * убирает отступы\r\n   */\r\n  noPadding?: boolean;\r\n}\r\n\r\n/**\r\n * Контейнер с отступами от края модалки\r\n *\r\n * @visibleName Modal.Body\r\n */\r\nexport class ModalBody extends React.Component<ModalBodyProps> {\r\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\r\n  public static __MODAL_BODY__ = true;\r\n\r\n  public render(): JSX.Element {\r\n    const { noPadding } = this.props;\r\n    return (\r\n      <ModalContext.Consumer>\r\n        {({ additionalPadding, hasHeader }) => (\r\n          <CommonWrapper {...this.props}>\r\n            <ZIndex\r\n              priority={'ModalBody'}\r\n              createStackingContext\r\n              className={cn({\r\n                [jsStyles.body()]: true,\r\n                [jsStyles.bodyWithoutHeader()]: !hasHeader,\r\n                [jsStyles.bodyAddPadding()]: additionalPadding,\r\n                [jsStyles.bodyWithoutPadding()]: noPadding,\r\n              })}\r\n            >\r\n              {this.props.children}\r\n            </ZIndex>\r\n          </CommonWrapper>\r\n        )}\r\n      </ModalContext.Consumer>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["ModalBody.tsx"],"names":["React","ThemeContext","ZIndex","CommonWrapper","cx","rootNode","ModalContext","styles","ModalBody","theme","setRootNode","render","renderMain","noPadding","props","additionalPadding","hasHeader","body","bodyWithoutHeader","bodyAddPaddingForPanel","bodyWithoutPadding","children","Component","__KONTUR_REACT_UI__","__MODAL_BODY__"],"mappings":"2JAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,QAAT,QAAuC,oBAAvC;;AAEA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,MAAT,QAAuB,gBAAvB;;;;;;;;;;;;;;;AAeA,OANA;AACA;AACA;AACA;AACA,GAEA,IAAaC,SAAb,GADCH,QACD,oWAIUI,KAJV;AAKUC,IAAAA,WALV;;AAOSC,EAAAA,MAPT,GAOE,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAACF,KAAD,EAAW;AACV,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACG,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,GAhBH;;AAkBSA,EAAAA,UAlBT,GAkBE,sBAAiC;AACvBC,IAAAA,SADuB,GACT,KAAKC,KADI,CACvBD,SADuB;AAE/B;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,mCAAGE,iBAAH,QAAGA,iBAAH,CAAsBC,SAAtB,QAAsBA,SAAtB;AACC,8BAAC,aAAD,aAAe,WAAW,EAAE,MAAI,CAACN,WAAjC,IAAkD,MAAI,CAACI,KAAvD;AACE,8BAAC,MAAD;AACE,YAAA,QAAQ,EAAE,WADZ;AAEE,YAAA,qBAAqB,MAFvB;AAGE,YAAA,SAAS,EAAEV,EAAE;AACVG,YAAAA,MAAM,CAACU,IAAP,CAAY,MAAI,CAACR,KAAjB,CADU,IACgB,IADhB;AAEVF,YAAAA,MAAM,CAACW,iBAAP,CAAyB,MAAI,CAACT,KAA9B,CAFU,IAE6B,CAACO,SAF9B;AAGVT,YAAAA,MAAM,CAACY,sBAAP,CAA8B,MAAI,CAACV,KAAnC,CAHU,IAGkCM,iBAHlC;AAIVR,YAAAA,MAAM,CAACa,kBAAP,EAJU,IAIoBP,SAJpB,OAHf;;;AAUG,UAAA,MAAI,CAACC,KAAL,CAAWO,QAVd,CADF,CADD,GADH,CADF;;;;;;AAoBD,GAxCH,oBAA+BrB,KAAK,CAACsB,SAArC,WACgBC,mBADhB,GACsC,WADtC,UAEgBC,cAFhB,GAEiC,IAFjC","sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\n\nexport interface ModalBodyProps extends CommonProps {\n  /**\n   * убирает отступы\n   */\n  noPadding?: boolean;\n}\n\n/**\n * Контейнер с отступами от края модалки\n *\n * @visibleName Modal.Body\n */\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain(): JSX.Element {\n    const { noPadding } = this.props;\n    return (\n      <ModalContext.Consumer>\n        {({ additionalPadding, hasHeader }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <ZIndex\n              priority={'ModalBody'}\n              createStackingContext\n              className={cx({\n                [styles.body(this.theme)]: true,\n                [styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n                [styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n                [styles.bodyWithoutPadding()]: noPadding,\n              })}\n            >\n              {this.props.children}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </ModalContext.Consumer>\n    );\n  }\n}\n"]}

package/components/Modal/ModalBody.d.ts

@@ -14,5 +14,8 @@ export interface ModalBodyProps extends CommonProps {
 export declare class ModalBody extends React.Component<ModalBodyProps> {
     static __KONTUR_REACT_UI__: string;
     static __MODAL_BODY__: boolean;
+    private theme;
+    private setRootNode;
     render(): JSX.Element;
+    renderMain(): JSX.Element;
 }

package/components/Modal/ModalClose/ModalClose.js

@@ -1,19 +1,40 @@
 import React, { useContext } from 'react';
-import cn from 'classnames';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CrossIcon } from "../../../internal/icons/CrossIcon";
-import { jsStyles } from "../Modal.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { keyListener } from "../../../lib/events/keyListener";
+import { styles } from "../Modal.styles";
 export function ModalClose(_ref) {
-  var _cn;
+  var _cx;
 
   var disableClose = _ref.disableClose,
       requestClose = _ref.requestClose;
   var theme = useContext(ThemeContext);
+
+  var _React$useState = React.useState(false),
+      focusedByTab = _React$useState[0],
+      setFocusedByTab = _React$useState[1];
+
+  var handleFocus = function handleFocus() {
+    // focus event fires before keyDown eventlistener
+    // so we should check tabPressed in async way
+    requestAnimationFrame(function () {
+      if (keyListener.isTabPressed) {
+        setFocusedByTab(true);
+      }
+    });
+  };
+
+  var handleBlur = function handleBlur() {
+    setFocusedByTab(false);
+  };
+
   return /*#__PURE__*/React.createElement("button", {
-    className: cn((_cn = {}, _cn[jsStyles.close(theme)] = true, _cn[jsStyles.disabled(theme)] = disableClose, _cn)),
+    className: cx((_cx = {}, _cx[styles.close(theme)] = true, _cx[styles.disabled(theme)] = disableClose, _cx[styles.focus(theme)] = focusedByTab, _cx)),
     onClick: requestClose,
-    "data-tid": "modal-close"
-  }, /*#__PURE__*/React.createElement(CrossIcon, null), /*#__PURE__*/React.createElement("span", {
-    className: jsStyles.closeOutline(theme)
-  }));
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    "data-tid": "modal-close",
+    tabIndex: disableClose ? -1 : 0
+  }, /*#__PURE__*/React.createElement(CrossIcon, null));
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["ModalClose.tsx"],"names":["React","useContext","cn","ThemeContext","CrossIcon","jsStyles","ModalClose","disableClose","requestClose","theme","close","disabled","closeOutline"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0B,gCAA1B;;;AAGA,SAASC,QAAT,QAAyB,gBAAzB;;AAEA,OAAO,SAASC,UAAT,OAAgE,aAA1CC,YAA0C,QAA1CA,YAA0C,CAA5BC,YAA4B,QAA5BA,YAA4B;AACrE,MAAMC,KAAK,GAAGR,UAAU,CAACE,YAAD,CAAxB;;AAEA;AACE;AACE,MAAA,SAAS,EAAED,EAAE;AACVG,MAAAA,QAAQ,CAACK,KAAT,CAAeD,KAAf,CADU,IACc,IADd;AAEVJ,MAAAA,QAAQ,CAACM,QAAT,CAAkBF,KAAlB,CAFU,IAEiBF,YAFjB,OADf;;AAKE,MAAA,OAAO,EAAEC,YALX;AAME,kBAAS,aANX;;AAQE,wBAAC,SAAD,OARF;AASE,kCAAM,SAAS,EAAEH,QAAQ,CAACO,YAAT,CAAsBH,KAAtB,CAAjB,GATF,CADF;;;AAaD","sourcesContent":["import React, { useContext } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\n\r\nimport { CloseProps } from './ModalContext';\r\nimport { jsStyles } from './Modal.styles';\r\n\r\nexport function ModalClose({ disableClose, requestClose }: CloseProps) {\r\n  const theme = useContext(ThemeContext);\r\n\r\n  return (\r\n    <button\r\n      className={cn({\r\n        [jsStyles.close(theme)]: true,\r\n        [jsStyles.disabled(theme)]: disableClose,\r\n      })}\r\n      onClick={requestClose}\r\n      data-tid=\"modal-close\"\r\n    >\r\n      <CrossIcon />\r\n      <span className={jsStyles.closeOutline(theme)} />\r\n    </button>\r\n  );\r\n}\r\n"]}
+{"version":3,"sources":["ModalClose.tsx"],"names":["React","useContext","ThemeContext","CrossIcon","cx","keyListener","styles","ModalClose","disableClose","requestClose","theme","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","close","disabled","focus"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0B,gCAA1B;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,WAAT,QAA4B,8BAA5B;;;AAGA,SAASC,MAAT,QAAuB,gBAAvB;;AAEA,OAAO,SAASC,UAAT,OAAgE,aAA1CC,YAA0C,QAA1CA,YAA0C,CAA5BC,YAA4B,QAA5BA,YAA4B;AACrE,MAAMC,KAAK,GAAGT,UAAU,CAACC,YAAD,CAAxB,CADqE;AAE7BF,EAAAA,KAAK,CAACW,QAAN,CAAe,KAAf,CAF6B,CAE9DC,YAF8D,sBAEhDC,eAFgD;;AAIrE,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB;AACA;AACAC,IAAAA,qBAAqB,CAAC,YAAM;AAC1B,UAAIV,WAAW,CAACW,YAAhB,EAA8B;AAC5BH,QAAAA,eAAe,CAAC,IAAD,CAAf;AACD;AACF,KAJoB,CAArB;AAKD,GARD;;AAUA,MAAMI,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvBJ,IAAAA,eAAe,CAAC,KAAD,CAAf;AACD,GAFD;;AAIA;AACE;AACE,MAAA,SAAS,EAAET,EAAE;AACVE,MAAAA,MAAM,CAACY,KAAP,CAAaR,KAAb,CADU,IACY,IADZ;AAEVJ,MAAAA,MAAM,CAACa,QAAP,CAAgBT,KAAhB,CAFU,IAEeF,YAFf;AAGVF,MAAAA,MAAM,CAACc,KAAP,CAAaV,KAAb,CAHU,IAGYE,YAHZ,OADf;;AAME,MAAA,OAAO,EAAEH,YANX;AAOE,MAAA,OAAO,EAAEK,WAPX;AAQE,MAAA,MAAM,EAAEG,UARV;AASE,kBAAS,aATX;AAUE,MAAA,QAAQ,EAAET,YAAY,GAAG,CAAC,CAAJ,GAAQ,CAVhC;;AAYE,wBAAC,SAAD,OAZF,CADF;;;AAgBD","sourcesContent":["import React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\n\nimport { CloseProps } from './ModalContext';\nimport { styles } from './Modal.styles';\n\nexport function ModalClose({ disableClose, requestClose }: CloseProps) {\n  const theme = useContext(ThemeContext);\n  const [focusedByTab, setFocusedByTab] = React.useState(false);\n\n  const handleFocus = () => {\n    // focus event fires before keyDown eventlistener\n    // so we should check tabPressed in async way\n    requestAnimationFrame(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n\n  const handleBlur = () => {\n    setFocusedByTab(false);\n  };\n\n  return (\n    <button\n      className={cx({\n        [styles.close(theme)]: true,\n        [styles.disabled(theme)]: disableClose,\n        [styles.focus(theme)]: focusedByTab,\n      })}\n      onClick={requestClose}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      data-tid=\"modal-close\"\n      tabIndex={disableClose ? -1 : 0}\n    >\n      <CrossIcon />\n    </button>\n  );\n}\n"]}

package/components/Modal/ModalClose.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CloseProps } from './ModalContext';
 export declare function ModalClose({ disableClose, requestClose }: CloseProps): JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"sources":["ModalContext.tsx"],"names":["React","ModalContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;;;;;;;;;AAcA,OAAO,IAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAN,CAAuC,EAAvC,CAArB;;AAEPD,YAAY,CAACE,WAAb,GAA2B,cAA3B","sourcesContent":["import React from 'react';\r\n\r\nexport interface CloseProps {\r\n  disableClose?: boolean;\r\n  requestClose: () => void;\r\n}\r\n\r\nexport interface ModalContextProps {\r\n  additionalPadding?: boolean;\r\n  hasHeader?: boolean;\r\n  close?: CloseProps;\r\n  horizontalScroll?: boolean;\r\n}\r\n\r\nexport const ModalContext = React.createContext<ModalContextProps>({});\r\n\r\nModalContext.displayName = 'ModalContext';\r\n"]}
+{"version":3,"sources":["ModalContext.tsx"],"names":["React","ModalContext","createContext","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;;;;;;;;;;;;AAiBA,OAAO,IAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAN,CAAuC,EAAvC,CAArB;;AAEPD,YAAY,CAACE,WAAb,GAA2B,cAA3B","sourcesContent":["import React from 'react';\n\nexport interface CloseProps {\n  disableClose?: boolean;\n  requestClose: () => void;\n}\n\nexport interface ModalContextProps {\n  additionalPadding?: boolean;\n  hasHeader?: boolean;\n  close?: CloseProps;\n  horizontalScroll?: boolean;\n  setHasHeader?: (value?: boolean) => void;\n  setHasFooter?: (value?: boolean) => void;\n  setHasPanel?: (value?: boolean) => void;\n}\n\nexport const ModalContext = React.createContext<ModalContextProps>({});\n\nModalContext.displayName = 'ModalContext';\n"]}

package/components/Modal/ModalContext.d.ts

@@ -8,5 +8,8 @@ export interface ModalContextProps {
     hasHeader?: boolean;
     close?: CloseProps;
     horizontalScroll?: boolean;
+    setHasHeader?: (value?: boolean) => void;
+    setHasFooter?: (value?: boolean) => void;
+    setHasPanel?: (value?: boolean) => void;
 }
 export declare const ModalContext: React.Context<ModalContextProps>;

package/components/Modal/ModalFooter/ModalFooter.js

@@ -1,16 +1,16 @@
-import React, { useContext, useEffect, useState } from 'react';
-import cn from 'classnames';
+import React, { useContext, useEffect } from 'react';
 import { getScrollWidth } from "../../../lib/dom/getScrollWidth";
 import { Sticky } from "../../Sticky";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ZIndex } from "../../../internal/ZIndex";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { jsStyles } from "../Modal.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../Modal.styles";
 import { ModalContext } from "../ModalContext";
-/**
- * Футер модального окна.
- *
- * @visibleName Modal.Footer
+/**
+ * Футер модального окна.
+ *
+ * @visibleName Modal.Footer
  */
 
 function ModalFooter(props) {
@@ -19,42 +19,35 @@ function ModalFooter(props) {
       panel = props.panel,
       children = props.children;
   var theme = useContext(ThemeContext);
-
-  var _useState = useState(0),
-      scrollbarWidth = _useState[0],
-      setScrollBarWidth = _useState[1];
-
+  var modal = useContext(ModalContext);
   useEffect(function () {
-    setScrollBarWidth(getScrollWidth());
-  }, []);
+    modal.setHasFooter == null ? void 0 : modal.setHasFooter();
+    modal.setHasPanel == null ? void 0 : modal.setHasPanel(panel);
+    return function () {
+      modal.setHasFooter == null ? void 0 : modal.setHasFooter(false);
+      modal.setHasPanel == null ? void 0 : modal.setHasPanel(false);
+    };
+  }, [panel]);
 
   var renderContent = function renderContent(fixed) {
-    var _cn;
+    var _cx;
 
     if (fixed === void 0) {
       fixed = false;
     }
 
     return /*#__PURE__*/React.createElement("div", {
-      className: cn((_cn = {}, _cn[jsStyles.footer()] = true, _cn[jsStyles.panel(theme)] = Boolean(panel), _cn[jsStyles.fixedFooter(theme)] = fixed, _cn))
+      className: cx((_cx = {}, _cx[styles.footer(theme)] = true, _cx[styles.fixedFooter(theme)] = fixed, _cx[styles.panel(theme)] = Boolean(panel), _cx))
     }, children);
   };
 
   return /*#__PURE__*/React.createElement(CommonWrapper, props, /*#__PURE__*/React.createElement(ZIndex, {
     priority: 'ModalFooter',
-    className: jsStyles.footerWrapper()
-  }, /*#__PURE__*/React.createElement(ModalContext.Consumer, null, function (_ref) {
-    var horizontalScroll = _ref.horizontalScroll;
-
-    if (sticky) {
-      return /*#__PURE__*/React.createElement(Sticky, {
-        side: "bottom",
-        offset: horizontalScroll ? scrollbarWidth : 0
-      }, renderContent);
-    }
-
-    return renderContent();
-  })));
+    className: styles.footerWrapper()
+  }, sticky ? /*#__PURE__*/React.createElement(Sticky, {
+    side: "bottom",
+    offset: modal.horizontalScroll ? getScrollWidth() : 0
+  }, renderContent) : renderContent()));
 }
 
 ModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';

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

@@ -1 +1 @@
-{"version":3,"sources":["ModalFooter.tsx"],"names":["React","useContext","useEffect","useState","cn","getScrollWidth","Sticky","ThemeContext","ZIndex","CommonWrapper","jsStyles","ModalContext","ModalFooter","props","sticky","panel","children","theme","scrollbarWidth","setScrollBarWidth","renderContent","fixed","footer","Boolean","fixedFooter","footerWrapper","horizontalScroll","__KONTUR_REACT_UI__","__MODAL_FOOTER__"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,UAA3B,EAAuCC,SAAvC,EAAkDC,QAAlD,QAAkE,OAAlE;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,cAAT,QAA+B,8BAA/B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,gBAAzB;AACA,SAASC,YAAT,QAA6B,gBAA7B;;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACDA,EAAAA,KADC,CACpCC,MADoC,CACpCA,MADoC,8BAC3B,IAD2B,iBACrBC,KADqB,GACDF,KADC,CACrBE,KADqB,CACdC,QADc,GACDH,KADC,CACdG,QADc;AAE5C,MAAMC,KAAK,GAAGhB,UAAU,CAACM,YAAD,CAAxB,CAF4C;AAGAJ,EAAAA,QAAQ,CAAC,CAAD,CAHR,CAGrCe,cAHqC,gBAGrBC,iBAHqB;;AAK5CjB,EAAAA,SAAS,CAAC,YAAM;AACdiB,IAAAA,iBAAiB,CAACd,cAAc,EAAf,CAAjB;AACD,GAFQ,EAEN,EAFM,CAAT;;AAIA,MAAMe,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,eAACA,KAAD,cAACA,KAAD,GAAS,KAAT;AACpB;AACE,QAAA,SAAS,EAAEjB,EAAE;AACVM,QAAAA,QAAQ,CAACY,MAAT,EADU,IACU,IADV;AAEVZ,QAAAA,QAAQ,CAACK,KAAT,CAAeE,KAAf,CAFU,IAEcM,OAAO,CAACR,KAAD,CAFrB;AAGVL,QAAAA,QAAQ,CAACc,WAAT,CAAqBP,KAArB,CAHU,IAGoBI,KAHpB,OADf;;;AAOGL,MAAAA,QAPH,CADoB,GAAtB;;;;AAYA;AACE,wBAAC,aAAD,EAAmBH,KAAnB;AACE,wBAAC,MAAD,IAAQ,QAAQ,EAAE,aAAlB,EAAiC,SAAS,EAAEH,QAAQ,CAACe,aAAT,EAA5C;AACE,wBAAC,YAAD,CAAc,QAAd;AACG,oBAA0B,KAAvBC,gBAAuB,QAAvBA,gBAAuB;AACzB,UAAIZ,MAAJ,EAAY;AACV;AACE,8BAAC,MAAD,IAAQ,IAAI,EAAC,QAAb,EAAsB,MAAM,EAAEY,gBAAgB,GAAGR,cAAH,GAAoB,CAAlE;AACGE,UAAAA,aADH,CADF;;;AAKD;;AAED,aAAOA,aAAa,EAApB;AACD,KAXH,CADF,CADF,CADF;;;;;AAmBD;;AAEDR,WAAW,CAACe,mBAAZ,GAAkC,aAAlC;AACAf,WAAW,CAACgB,gBAAZ,GAA+B,IAA/B;;AAEA,SAAShB,WAAT","sourcesContent":["import React, { ReactNode, useContext, useEffect, useState } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\r\nimport { Sticky } from '../Sticky';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Modal.styles';\r\nimport { ModalContext } from './ModalContext';\r\n\r\nexport interface ModalFooterProps extends CommonProps {\r\n  /**\r\n   * Включает серый цвет в футере\r\n   */\r\n  panel?: boolean;\r\n  sticky?: boolean;\r\n  children?: ReactNode;\r\n}\r\n\r\n/**\r\n * Футер модального окна.\r\n *\r\n * @visibleName Modal.Footer\r\n */\r\nfunction ModalFooter(props: ModalFooterProps) {\r\n  const { sticky = true, panel, children } = props;\r\n  const theme = useContext(ThemeContext);\r\n  const [scrollbarWidth, setScrollBarWidth] = useState(0);\r\n\r\n  useEffect(() => {\r\n    setScrollBarWidth(getScrollWidth());\r\n  }, []);\r\n\r\n  const renderContent = (fixed = false) => (\r\n    <div\r\n      className={cn({\r\n        [jsStyles.footer()]: true,\r\n        [jsStyles.panel(theme)]: Boolean(panel),\r\n        [jsStyles.fixedFooter(theme)]: fixed,\r\n      })}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <CommonWrapper {...props}>\r\n      <ZIndex priority={'ModalFooter'} className={jsStyles.footerWrapper()}>\r\n        <ModalContext.Consumer>\r\n          {({ horizontalScroll }) => {\r\n            if (sticky) {\r\n              return (\r\n                <Sticky side=\"bottom\" offset={horizontalScroll ? scrollbarWidth : 0}>\r\n                  {renderContent}\r\n                </Sticky>\r\n              );\r\n            }\r\n\r\n            return renderContent();\r\n          }}\r\n        </ModalContext.Consumer>\r\n      </ZIndex>\r\n    </CommonWrapper>\r\n  );\r\n}\r\n\r\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\r\nModalFooter.__MODAL_FOOTER__ = true;\r\n\r\nexport { ModalFooter };\r\n"]}
+{"version":3,"sources":["ModalFooter.tsx"],"names":["React","useContext","useEffect","getScrollWidth","Sticky","ThemeContext","ZIndex","CommonWrapper","cx","styles","ModalContext","ModalFooter","props","sticky","panel","children","theme","modal","setHasFooter","setHasPanel","renderContent","fixed","footer","fixedFooter","Boolean","footerWrapper","horizontalScroll","__KONTUR_REACT_UI__","__MODAL_FOOTER__"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,UAA3B,EAAuCC,SAAvC,QAAwD,OAAxD;;AAEA,SAASC,cAAT,QAA+B,8BAA/B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,gBAAvB;AACA,SAASC,YAAT,QAA6B,gBAA7B;;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACDA,EAAAA,KADC,CACpCC,MADoC,CACpCA,MADoC,8BAC3B,IAD2B,iBACrBC,KADqB,GACDF,KADC,CACrBE,KADqB,CACdC,QADc,GACDH,KADC,CACdG,QADc;AAE5C,MAAMC,KAAK,GAAGf,UAAU,CAACI,YAAD,CAAxB;AACA,MAAMY,KAAK,GAAGhB,UAAU,CAACS,YAAD,CAAxB;;AAEAR,EAAAA,SAAS,CAAC,YAAM;AACde,IAAAA,KAAK,CAACC,YAAN,oBAAAD,KAAK,CAACC,YAAN;AACAD,IAAAA,KAAK,CAACE,WAAN,oBAAAF,KAAK,CAACE,WAAN,CAAoBL,KAApB;;AAEA,WAAO,YAAM;AACXG,MAAAA,KAAK,CAACC,YAAN,oBAAAD,KAAK,CAACC,YAAN,CAAqB,KAArB;AACAD,MAAAA,KAAK,CAACE,WAAN,oBAAAF,KAAK,CAACE,WAAN,CAAoB,KAApB;AACD,KAHD;AAID,GARQ,EAQN,CAACL,KAAD,CARM,CAAT;;AAUA,MAAMM,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,eAACA,KAAD,cAACA,KAAD,GAAS,KAAT;AACpB;AACE,QAAA,SAAS,EAAEb,EAAE;AACVC,QAAAA,MAAM,CAACa,MAAP,CAAcN,KAAd,CADU,IACa,IADb;AAEVP,QAAAA,MAAM,CAACc,WAAP,CAAmBP,KAAnB,CAFU,IAEkBK,KAFlB;AAGVZ,QAAAA,MAAM,CAACK,KAAP,CAAaE,KAAb,CAHU,IAGYQ,OAAO,CAACV,KAAD,CAHnB,OADf;;;AAOGC,MAAAA,QAPH,CADoB,GAAtB;;;;AAYA;AACE,wBAAC,aAAD,EAAmBH,KAAnB;AACE,wBAAC,MAAD,IAAQ,QAAQ,EAAE,aAAlB,EAAiC,SAAS,EAAEH,MAAM,CAACgB,aAAP,EAA5C;AACGZ,IAAAA,MAAM;AACL,wBAAC,MAAD,IAAQ,IAAI,EAAC,QAAb,EAAsB,MAAM,EAAEI,KAAK,CAACS,gBAAN,GAAyBvB,cAAc,EAAvC,GAA4C,CAA1E;AACGiB,IAAAA,aADH,CADK;;;AAKLA,IAAAA,aAAa,EANjB,CADF,CADF;;;;;AAaD;;AAEDT,WAAW,CAACgB,mBAAZ,GAAkC,aAAlC;AACAhB,WAAW,CAACiB,gBAAZ,GAA+B,IAA/B;;AAEA,SAASjB,WAAT","sourcesContent":["import React, { ReactNode, useContext, useEffect } from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\n\nexport interface ModalFooterProps extends CommonProps {\n  /**\n   * Включает серый цвет в футере\n   */\n  panel?: boolean;\n  sticky?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Футер модального окна.\n *\n * @visibleName Modal.Footer\n */\nfunction ModalFooter(props: ModalFooterProps) {\n  const { sticky = true, panel, children } = props;\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n\n  useEffect(() => {\n    modal.setHasFooter?.();\n    modal.setHasPanel?.(panel);\n\n    return () => {\n      modal.setHasFooter?.(false);\n      modal.setHasPanel?.(false);\n    };\n  }, [panel]);\n\n  const renderContent = (fixed = false) => (\n    <div\n      className={cx({\n        [styles.footer(theme)]: true,\n        [styles.fixedFooter(theme)]: fixed,\n        [styles.panel(theme)]: Boolean(panel),\n      })}\n    >\n      {children}\n    </div>\n  );\n\n  return (\n    <CommonWrapper {...props}>\n      <ZIndex priority={'ModalFooter'} className={styles.footerWrapper()}>\n        {sticky ? (\n          <Sticky side=\"bottom\" offset={modal.horizontalScroll ? getScrollWidth() : 0}>\n            {renderContent}\n          </Sticky>\n        ) : (\n          renderContent()\n        )}\n      </ZIndex>\n    </CommonWrapper>\n  );\n}\n\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\nModalFooter.__MODAL_FOOTER__ = true;\n\nexport { ModalFooter };\n"]}

package/components/Modal/ModalHeader/ModalHeader.js

@@ -1,16 +1,16 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
+import React, { useContext, useEffect } from 'react';
 import { Sticky } from "../../Sticky";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { ZIndex } from "../../../internal/ZIndex";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { jsStyles } from "../Modal.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../Modal.styles";
 import { ModalClose } from "../ModalClose";
 import { ModalContext } from "../ModalContext";
-/**
- * Шапка модального окна
- *
- * @visibleName Modal.Header
+/**
+ * Шапка модального окна
+ *
+ * @visibleName Modal.Header
  */
 
 function ModalHeader(props) {
@@ -18,39 +18,35 @@ function ModalHeader(props) {
       sticky = _props$sticky === void 0 ? true : _props$sticky,
       children = props.children;
   var theme = useContext(ThemeContext);
+  var modal = useContext(ModalContext);
+  useEffect(function () {
+    modal.setHasHeader == null ? void 0 : modal.setHasHeader();
+    return function () {
+      return modal.setHasHeader == null ? void 0 : modal.setHasHeader(false);
+    };
+  }, []);
 
-  var renderContent = function renderContent(close, additionalPadding) {
-    return function (fixed) {
-      var _cn;
+  var renderContent = function renderContent(fixed) {
+    var _cx;
 
-      if (fixed === void 0) {
-        fixed = false;
-      }
+    if (fixed === void 0) {
+      fixed = false;
+    }
 
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn((_cn = {}, _cn[jsStyles.header()] = true, _cn[jsStyles.fixedHeader(theme)] = fixed, _cn[jsStyles.headerAddPadding()] = Boolean(additionalPadding), _cn[jsStyles.headerWithClose()] = Boolean(close), _cn))
-      }, close && /*#__PURE__*/React.createElement(ModalClose, {
-        requestClose: close.requestClose,
-        disableClose: close.disableClose
-      }), children);
-    };
+    return /*#__PURE__*/React.createElement("div", {
+      className: cx((_cx = {}, _cx[styles.header(theme)] = true, _cx[styles.headerAddPadding()] = Boolean(modal.additionalPadding), _cx[styles.fixedHeader(theme)] = fixed, _cx[styles.headerWithClose(theme)] = Boolean(modal.close), _cx))
+    }, modal.close && /*#__PURE__*/React.createElement(ModalClose, {
+      requestClose: modal.close.requestClose,
+      disableClose: modal.close.disableClose
+    }), children);
   };
 
   return /*#__PURE__*/React.createElement(CommonWrapper, props, /*#__PURE__*/React.createElement(ZIndex, {
     priority: 'ModalHeader',
-    className: jsStyles.headerWrapper()
-  }, /*#__PURE__*/React.createElement(ModalContext.Consumer, null, function (_ref) {
-    var close = _ref.close,
-        additionalPadding = _ref.additionalPadding;
-
-    if (sticky) {
-      return /*#__PURE__*/React.createElement(Sticky, {
-        side: "top"
-      }, renderContent(close, additionalPadding));
-    }
-
-    return renderContent(close, additionalPadding)();
-  })));
+    className: styles.headerWrapper()
+  }, sticky ? /*#__PURE__*/React.createElement(Sticky, {
+    side: "top"
+  }, renderContent) : renderContent()));
 }
 
 ModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';

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

@@ -1 +1 @@
-{"version":3,"sources":["ModalHeader.tsx"],"names":["React","useContext","cn","Sticky","ThemeContext","ZIndex","CommonWrapper","jsStyles","ModalClose","ModalContext","ModalHeader","props","sticky","children","theme","renderContent","close","additionalPadding","fixed","header","fixedHeader","headerAddPadding","Boolean","headerWithClose","requestClose","disableClose","headerWrapper","__KONTUR_REACT_UI__","__MODAL_HEADER__"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,UAA3B,QAA6C,OAA7C;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,gBAAzB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAAqBC,YAArB,QAAyC,gBAAzC;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACRA,EAAAA,KADQ,CACpCC,MADoC,CACpCA,MADoC,8BAC3B,IAD2B,iBACrBC,QADqB,GACRF,KADQ,CACrBE,QADqB;AAE5C,MAAMC,KAAK,GAAGb,UAAU,CAACG,YAAD,CAAxB;;AAEA,MAAMW,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAqBC,iBAArB,UAAqD,UAACC,KAAD,EAAmB,aAAlBA,KAAkB,cAAlBA,KAAkB,GAAV,KAAU;AAC5F;AACE;AACE,UAAA,SAAS,EAAEhB,EAAE;AACVK,UAAAA,QAAQ,CAACY,MAAT,EADU,IACU,IADV;AAEVZ,UAAAA,QAAQ,CAACa,WAAT,CAAqBN,KAArB,CAFU,IAEoBI,KAFpB;AAGVX,UAAAA,QAAQ,CAACc,gBAAT,EAHU,IAGoBC,OAAO,CAACL,iBAAD,CAH3B;AAIVV,UAAAA,QAAQ,CAACgB,eAAT,EAJU,IAImBD,OAAO,CAACN,KAAD,CAJ1B,OADf;;;AAQGA,QAAAA,KAAK,iBAAI,oBAAC,UAAD,IAAY,YAAY,EAAEA,KAAK,CAACQ,YAAhC,EAA8C,YAAY,EAAER,KAAK,CAACS,YAAlE,GARZ;AASGZ,QAAAA,QATH,CADF;;;AAaD,KAdqB,EAAtB;;AAgBA;AACE,wBAAC,aAAD,EAAmBF,KAAnB;AACE,wBAAC,MAAD,IAAQ,QAAQ,EAAE,aAAlB,EAAiC,SAAS,EAAEJ,QAAQ,CAACmB,aAAT,EAA5C;AACE,wBAAC,YAAD,CAAc,QAAd;AACG,oBAAkC,KAA/BV,KAA+B,QAA/BA,KAA+B,CAAxBC,iBAAwB,QAAxBA,iBAAwB;AACjC,UAAIL,MAAJ,EAAY;AACV,4BAAO,oBAAC,MAAD,IAAQ,IAAI,EAAC,KAAb,IAAoBG,aAAa,CAACC,KAAD,EAAQC,iBAAR,CAAjC,CAAP;AACD;;AAED,aAAOF,aAAa,CAACC,KAAD,EAAQC,iBAAR,CAAb,EAAP;AACD,KAPH,CADF,CADF,CADF;;;;;AAeD;;AAEDP,WAAW,CAACiB,mBAAZ,GAAkC,aAAlC;AACAjB,WAAW,CAACkB,gBAAZ,GAA+B,IAA/B;;AAEA,SAASlB,WAAT","sourcesContent":["import React, { ReactNode, useContext } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { Sticky } from '../Sticky';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Modal.styles';\r\nimport { ModalClose } from './ModalClose';\r\nimport { CloseProps, ModalContext } from './ModalContext';\r\n\r\nexport interface ModalHeaderProps extends CommonProps {\r\n  sticky?: boolean;\r\n  children?: ReactNode;\r\n}\r\n/**\r\n * Шапка модального окна\r\n *\r\n * @visibleName Modal.Header\r\n */\r\nfunction ModalHeader(props: ModalHeaderProps) {\r\n  const { sticky = true, children } = props;\r\n  const theme = useContext(ThemeContext);\r\n\r\n  const renderContent = (close?: CloseProps, additionalPadding?: boolean) => (fixed = false) => {\r\n    return (\r\n      <div\r\n        className={cn({\r\n          [jsStyles.header()]: true,\r\n          [jsStyles.fixedHeader(theme)]: fixed,\r\n          [jsStyles.headerAddPadding()]: Boolean(additionalPadding),\r\n          [jsStyles.headerWithClose()]: Boolean(close),\r\n        })}\r\n      >\r\n        {close && <ModalClose requestClose={close.requestClose} disableClose={close.disableClose} />}\r\n        {children}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <CommonWrapper {...props}>\r\n      <ZIndex priority={'ModalHeader'} className={jsStyles.headerWrapper()}>\r\n        <ModalContext.Consumer>\r\n          {({ close, additionalPadding }) => {\r\n            if (sticky) {\r\n              return <Sticky side=\"top\">{renderContent(close, additionalPadding)}</Sticky>;\r\n            }\r\n\r\n            return renderContent(close, additionalPadding)();\r\n          }}\r\n        </ModalContext.Consumer>\r\n      </ZIndex>\r\n    </CommonWrapper>\r\n  );\r\n}\r\n\r\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\r\nModalHeader.__MODAL_HEADER__ = true;\r\n\r\nexport { ModalHeader };\r\n"]}
+{"version":3,"sources":["ModalHeader.tsx"],"names":["React","useContext","useEffect","Sticky","ThemeContext","ZIndex","CommonWrapper","cx","styles","ModalClose","ModalContext","ModalHeader","props","sticky","children","theme","modal","setHasHeader","renderContent","fixed","header","headerAddPadding","Boolean","additionalPadding","fixedHeader","headerWithClose","close","requestClose","disableClose","headerWrapper","__KONTUR_REACT_UI__","__MODAL_HEADER__"],"mappings":"AAAA,OAAOA,KAAP,IAA2BC,UAA3B,EAAuCC,SAAvC,QAAwD,OAAxD;;AAEA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,aAAT,QAA2C,8BAA3C;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,gBAAvB;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,YAAT,QAA6B,gBAA7B;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACRA,EAAAA,KADQ,CACpCC,MADoC,CACpCA,MADoC,8BAC3B,IAD2B,iBACrBC,QADqB,GACRF,KADQ,CACrBE,QADqB;AAE5C,MAAMC,KAAK,GAAGd,UAAU,CAACG,YAAD,CAAxB;AACA,MAAMY,KAAK,GAAGf,UAAU,CAACS,YAAD,CAAxB;;AAEAR,EAAAA,SAAS,CAAC,YAAM;AACdc,IAAAA,KAAK,CAACC,YAAN,oBAAAD,KAAK,CAACC,YAAN;;AAEA,WAAO,oBAAMD,KAAK,CAACC,YAAZ,oBAAMD,KAAK,CAACC,YAAN,CAAqB,KAArB,CAAN,EAAP;AACD,GAJQ,EAIN,EAJM,CAAT;;AAMA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAmB,aAAlBA,KAAkB,cAAlBA,KAAkB,GAAV,KAAU;AACvC;AACE;AACE,QAAA,SAAS,EAAEZ,EAAE;AACVC,QAAAA,MAAM,CAACY,MAAP,CAAcL,KAAd,CADU,IACa,IADb;AAEVP,QAAAA,MAAM,CAACa,gBAAP,EAFU,IAEkBC,OAAO,CAACN,KAAK,CAACO,iBAAP,CAFzB;AAGVf,QAAAA,MAAM,CAACgB,WAAP,CAAmBT,KAAnB,CAHU,IAGkBI,KAHlB;AAIVX,QAAAA,MAAM,CAACiB,eAAP,CAAuBV,KAAvB,CAJU,IAIsBO,OAAO,CAACN,KAAK,CAACU,KAAP,CAJ7B,OADf;;;AAQGV,MAAAA,KAAK,CAACU,KAAN,iBAAe,oBAAC,UAAD,IAAY,YAAY,EAAEV,KAAK,CAACU,KAAN,CAAYC,YAAtC,EAAoD,YAAY,EAAEX,KAAK,CAACU,KAAN,CAAYE,YAA9E,GARlB;AASGd,MAAAA,QATH,CADF;;;AAaD,GAdD;;AAgBA;AACE,wBAAC,aAAD,EAAmBF,KAAnB;AACE,wBAAC,MAAD,IAAQ,QAAQ,EAAE,aAAlB,EAAiC,SAAS,EAAEJ,MAAM,CAACqB,aAAP,EAA5C;AACGhB,IAAAA,MAAM,gBAAG,oBAAC,MAAD,IAAQ,IAAI,EAAC,KAAb,IAAoBK,aAApB,CAAH,GAAiDA,aAAa,EADvE,CADF,CADF;;;;AAOD;;AAEDP,WAAW,CAACmB,mBAAZ,GAAkC,aAAlC;AACAnB,WAAW,CAACoB,gBAAZ,GAA+B,IAA/B;;AAEA,SAASpB,WAAT","sourcesContent":["import React, { ReactNode, useContext, useEffect } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\n\nexport interface ModalHeaderProps extends CommonProps {\n  sticky?: boolean;\n  children?: ReactNode;\n}\n/**\n * Шапка модального окна\n *\n * @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n  const { sticky = true, children } = props;\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n\n  useEffect(() => {\n    modal.setHasHeader?.();\n\n    return () => modal.setHasHeader?.(false);\n  }, []);\n\n  const renderContent = (fixed = false) => {\n    return (\n      <div\n        className={cx({\n          [styles.header(theme)]: true,\n          [styles.headerAddPadding()]: Boolean(modal.additionalPadding),\n          [styles.fixedHeader(theme)]: fixed,\n          [styles.headerWithClose(theme)]: Boolean(modal.close),\n        })}\n      >\n        {modal.close && <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />}\n        {children}\n      </div>\n    );\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      <ZIndex priority={'ModalHeader'} className={styles.headerWrapper()}>\n        {sticky ? <Sticky side=\"top\">{renderContent}</Sticky> : renderContent()}\n      </ZIndex>\n    </CommonWrapper>\n  );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,aAAd;AACA,cAAc,eAAd","sourcesContent":["export * from './Modal';\r\nexport * from './ModalHeader';\r\nexport * from './ModalBody';\r\nexport * from './ModalFooter';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAd;AACA,cAAc,eAAd;AACA,cAAc,aAAd;AACA,cAAc,eAAd","sourcesContent":["export * from './Modal';\nexport * from './ModalHeader';\nexport * from './ModalBody';\nexport * from './ModalFooter';\n"]}

package/components/Paging/NavigationHelper/NavigationHelper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["NavigationHelper.tsx"],"names":["keyDescription","getKeyDescription","createKeyDescription","navigator","platform","includes","name","checkPressed","event","altKey","ctrlKey","getKeyName","checkKeyPressed"],"mappings":";;;;;;;;;AASA,IAAIA,cAA4C,GAAG,IAAnD;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,WAAMD,cAAc,KAAKA,cAAc,GAAGE,oBAAoB,EAA1C,CAApB,EAA1B;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB;AAC3BC,IAAAA,SAAS,CAACC,QAAV,CAAmBC,QAAnB,CAA4B,KAA5B;AACI;AACEC,MAAAA,IAAI,EAAE,KADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACC,MAAnE,EAFhB,EADJ;;AAKI;AACEH,MAAAA,IAAI,EAAE,MADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACE,OAAnE,EAFhB,EANuB,GAA7B;;;AAWA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,WAAMV,iBAAiB,GAAGK,IAA1B,EAAnB;AACP,OAAO,IAAMM,eAAe,GAAG,SAAlBA,eAAkB,CAACJ,KAAD,UAA6DP,iBAAiB,GAAGM,YAApB,CAAiCC,KAAjC,CAA7D,EAAxB","sourcesContent":["import React from 'react';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\n\r\nexport interface KeyDescriptionType {\r\n  name: string;\r\n  checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;\r\n}\r\n\r\nlet keyDescription: Nullable<KeyDescriptionType> = null;\r\n\r\nconst getKeyDescription = () => keyDescription || (keyDescription = createKeyDescription());\r\n\r\nconst createKeyDescription = () =>\r\n  navigator.platform.includes('Mac')\r\n    ? {\r\n        name: 'Alt',\r\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.altKey,\r\n      }\r\n    : {\r\n        name: 'Ctrl',\r\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.ctrlKey,\r\n      };\r\n\r\nexport const getKeyName = () => getKeyDescription().name;\r\nexport const checkKeyPressed = (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => getKeyDescription().checkPressed(event);\r\n"]}
+{"version":3,"sources":["NavigationHelper.tsx"],"names":["keyDescription","getKeyDescription","createKeyDescription","navigator","platform","includes","name","checkPressed","event","altKey","ctrlKey","getKeyName","checkKeyPressed"],"mappings":";;;;;;;;;AASA,IAAIA,cAA4C,GAAG,IAAnD;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,WAAMD,cAAc,KAAKA,cAAc,GAAGE,oBAAoB,EAA1C,CAApB,EAA1B;;AAEA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB;AAC3BC,IAAAA,SAAS,CAACC,QAAV,CAAmBC,QAAnB,CAA4B,KAA5B;AACI;AACEC,MAAAA,IAAI,EAAE,KADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACC,MAAnE,EAFhB,EADJ;;AAKI;AACEH,MAAAA,IAAI,EAAE,MADR;AAEEC,MAAAA,YAAY,EAAE,sBAACC,KAAD,UAA6DA,KAAK,CAACE,OAAnE,EAFhB,EANuB,GAA7B;;;AAWA,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,WAAMV,iBAAiB,GAAGK,IAA1B,EAAnB;AACP,OAAO,IAAMM,eAAe,GAAG,SAAlBA,eAAkB,CAACJ,KAAD;AAC7BP,IAAAA,iBAAiB,GAAGM,YAApB,CAAiCC,KAAjC,CAD6B,GAAxB","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\n\nexport interface KeyDescriptionType {\n  name: string;\n  checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;\n}\n\nlet keyDescription: Nullable<KeyDescriptionType> = null;\n\nconst getKeyDescription = () => keyDescription || (keyDescription = createKeyDescription());\n\nconst createKeyDescription = () =>\n  navigator.platform.includes('Mac')\n    ? {\n        name: 'Alt',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.altKey,\n      }\n    : {\n        name: 'Ctrl',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.ctrlKey,\n      };\n\nexport const getKeyName = () => getKeyDescription().name;\nexport const checkKeyPressed = (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) =>\n  getKeyDescription().checkPressed(event);\n"]}

package/components/Paging/NavigationHelper.d.ts

@@ -4,4 +4,4 @@ export interface KeyDescriptionType {
     checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
 }
 export declare const getKeyName: () => string;
-export declare const checkKeyPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
+export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => boolean;