@skbkontur/react-ui 5.6.8 → 5.6.9-5e213.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","ZIndex","CommonWrapper","cx","responsiveLayout","LayoutEvents","ResizeDetector","rootNode","isThemeGTE","ModalContext","styles","getModalBodyTheme","ModalZIndexPriority","ModalBody","_class","_ModalBody","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","handleResize","emit","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","Provider","value","renderMain","_this3","versionGTE5_2","noPadding","props","_ref","_cx","additionalPadding","hasHeader","_extends","rootNodeRef","setRootNode","priority","Content","className","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","mobileBodyWithoutHeader5_2","mobileBodyAddPaddingForPanel5_2","bodyWithoutPadding","onResize","children","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"sources":["ModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\nimport { ModalZIndexPriority } from './Modal';\n\nexport interface ModalBodyProps extends CommonProps {\n  /** Убирает отступы. */\n  noPadding?: boolean;\n}\n\n/**\n * Контейнер с отступами для содержимого модального окна.\n *\n * @visibleName Modal.Body\n */\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static displayName = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalBodyTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  public renderMain(): JSX.Element {\n    const versionGTE5_2 = isThemeGTE(this.theme, '5.2');\n    const { noPadding } = this.props;\n    return (\n      <ModalContext.Consumer>\n        {({ additionalPadding, hasHeader }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <ZIndex\n              priority={ModalZIndexPriority.Content}\n              className={cx({\n                [styles.body(this.theme)]: true,\n                [styles.mobileBody(this.theme)]: this.isMobileLayout,\n                [styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n                [styles.mobileBodyWithoutHeader()]: !hasHeader && this.isMobileLayout,\n                [styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n                [styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n                [styles.mobileBodyWithoutHeader5_2(this.theme)]: versionGTE5_2 && !hasHeader && this.isMobileLayout,\n                [styles.mobileBodyAddPaddingForPanel5_2(this.theme)]:\n                  versionGTE5_2 && additionalPadding && this.isMobileLayout,\n                [styles.bodyWithoutPadding()]: noPadding,\n              })}\n            >\n              {this.isMobileLayout ? (\n                <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n              ) : (\n                this.props.children\n              )}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </ModalContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","ZIndex","CommonWrapper","cx","responsiveLayout","LayoutEvents","ResizeDetector","rootNode","isThemeGTE","ModalContext","styles","getModalBodyTheme","ModalZIndexPriority","ModalBody","_class","_ModalBody","_React$Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","handleResize","emit","_inherits","_createClass","key","value","render","_this2","createElement","Consumer","theme","Provider","renderMain","_this3","versionGTE5_2","noPadding","props","_ref","additionalPadding","hasHeader","_extends","rootNodeRef","setRootNode","priority","Content","className","_defineProperty","body","mobileBody","isMobileLayout","bodyWithoutHeader","mobileBodyWithoutHeader","bodyAddPaddingForPanel","mobileBodyAddPaddingForPanel","mobileBodyWithoutHeader5_2","mobileBodyAddPaddingForPanel5_2","bodyWithoutPadding","onResize","children","Component","__KONTUR_REACT_UI__","displayName","__MODAL_BODY__"],"sources":["ModalBody.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport * as LayoutEvents from '../../lib/LayoutEvents';\nimport { ResizeDetector } from '../../internal/ResizeDetector';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { ModalContext } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { getModalBodyTheme } from './getModalBodyTheme';\nimport { ModalZIndexPriority } from './Modal';\n\nexport interface ModalBodyProps extends CommonProps {\n  /** Убирает отступы. */\n  noPadding?: boolean;\n}\n\n/**\n * Контейнер с отступами для содержимого модального окна.\n *\n * @visibleName Modal.Body\n */\n@responsiveLayout\n@rootNode\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static displayName = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private theme!: Theme;\n  private isMobileLayout!: boolean;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getModalBodyTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private handleResize = () => {\n    LayoutEvents.emit();\n  };\n\n  public renderMain(): JSX.Element {\n    const versionGTE5_2 = isThemeGTE(this.theme, '5.2');\n    const { noPadding } = this.props;\n    return (\n      <ModalContext.Consumer>\n        {({ additionalPadding, hasHeader }) => (\n          <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n            <ZIndex\n              priority={ModalZIndexPriority.Content}\n              className={cx({\n                [styles.body(this.theme)]: true,\n                [styles.mobileBody(this.theme)]: this.isMobileLayout,\n                [styles.bodyWithoutHeader(this.theme)]: !hasHeader,\n                [styles.mobileBodyWithoutHeader()]: !hasHeader && this.isMobileLayout,\n                [styles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n                [styles.mobileBodyAddPaddingForPanel(this.theme)]: additionalPadding && this.isMobileLayout,\n                [styles.mobileBodyWithoutHeader5_2(this.theme)]: versionGTE5_2 && !hasHeader && this.isMobileLayout,\n                [styles.mobileBodyAddPaddingForPanel5_2(this.theme)]:\n                  versionGTE5_2 && additionalPadding && this.isMobileLayout,\n                [styles.bodyWithoutPadding()]: noPadding,\n              })}\n            >\n              {this.isMobileLayout ? (\n                <ResizeDetector onResize={this.handleResize}>{this.props.children}</ResizeDetector>\n              ) : (\n                this.props.children\n              )}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </ModalContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/ModalClose/ModalClose.js

@@ -1,4 +1,6 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["disableClose", "requestClose"];
 import React, { useContext } from 'react';
 import { globalObject } from '@skbkontur/global-object';
@@ -16,16 +18,18 @@ import { ModalLocaleHelper } from "../locale";
 export function ModalClose(_ref) {
   var disableClose = _ref.disableClose,
     requestClose = _ref.requestClose,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var locale = useLocaleForControl('Modal', ModalLocaleHelper);
   var theme = useContext(ThemeContext);
   var _React$useState = React.useState(false),
-    focusedByTab = _React$useState[0],
-    setFocusedByTab = _React$useState[1];
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focusedByTab = _React$useState2[0],
+    setFocusedByTab = _React$useState2[1];
   var handleFocus = function handleFocus() {
+    var _globalObject$request;
     // focus event fires before keyDown eventlistener
     // so we should check tabPressed in async way
-    globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+    (_globalObject$request = globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(globalObject, function () {
       if (keyListener.isTabPressed) {
         setFocusedByTab(true);
       }
@@ -41,12 +45,11 @@ export function ModalClose(_ref) {
   return /*#__PURE__*/(
     React.createElement(CommonWrapper, otherProps, /*#__PURE__*/
     React.createElement(ResponsiveLayout, null, function (_ref2) {
-      var _cx;
       var isMobile = _ref2.isMobile;
       return /*#__PURE__*/(
         React.createElement("button", {
           "aria-label": locale.closeButtonAriaLabel,
-          className: cx((_cx = {}, _cx[styles.close(theme)] = true, _cx[styles.close5_1(theme)] = versionGTE5_1, _cx[styles.closeMobile(theme)] = isMobile, _cx[styles.closeMobile5_1(theme)] = isMobile && versionGTE5_1, _cx[styles.disabled(theme)] = disableClose, _cx[styles.focus(theme)] = focusedByTab && !versionGTE5_1, _cx[styles.focus5_1(theme)] = focusedByTab && versionGTE5_1, _cx)),
+          className: cx(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.close(theme), true), styles.close5_1(theme), versionGTE5_1), styles.closeMobile(theme), isMobile), styles.closeMobile5_1(theme), isMobile && versionGTE5_1), styles.disabled(theme), disableClose), styles.focus(theme), focusedByTab && !versionGTE5_1), styles.focus5_1(theme), focusedByTab && versionGTE5_1)),
           onClick: requestClose,
           onFocus: handleFocus,
           onBlur: handleBlur,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","globalObject","useLocaleForControl","ThemeContext","cx","keyListener","ResponsiveLayout","CommonWrapper","XIcon20Regular","isThemeGTE","styles","ModalDataTids","ModalLocaleHelper","ModalClose","_ref","disableClose","requestClose","otherProps","_objectWithoutPropertiesLoose","_excluded","locale","theme","_React$useState","useState","focusedByTab","setFocusedByTab","handleFocus","requestAnimationFrame","isTabPressed","handleBlur","icon","createElement","align","versionGTE5_1","_ref2","_cx","isMobile","closeButtonAriaLabel","className","close","close5_1","closeMobile","closeMobile5_1","disabled","focus","focus5_1","onClick","onFocus","onBlur","tabIndex","__KONTUR_REACT_UI__","displayName"],"sources":["ModalClose.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport type { CloseProps } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { ModalDataTids } from './Modal';\nimport { ModalLocaleHelper } from './locale';\n\nexport function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps) {\n  const locale = useLocaleForControl('Modal', ModalLocaleHelper);\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    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n\n  const handleBlur = () => {\n    setFocusedByTab(false);\n  };\n\n  const icon = <XIcon20Regular align=\"none\" />;\n  const versionGTE5_1 = isThemeGTE(theme, '5.1');\n\n  return (\n    <CommonWrapper {...otherProps}>\n      <ResponsiveLayout>\n        {({ isMobile }) => (\n          <button\n            aria-label={locale.closeButtonAriaLabel}\n            className={cx({\n              [styles.close(theme)]: true,\n              [styles.close5_1(theme)]: versionGTE5_1,\n              [styles.closeMobile(theme)]: isMobile,\n              [styles.closeMobile5_1(theme)]: isMobile && versionGTE5_1,\n              [styles.disabled(theme)]: disableClose,\n              [styles.focus(theme)]: focusedByTab && !versionGTE5_1,\n              [styles.focus5_1(theme)]: focusedByTab && versionGTE5_1,\n            })}\n            onClick={requestClose}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            data-tid={ModalDataTids.close}\n            tabIndex={disableClose ? -1 : 0}\n          >\n            {icon}\n          </button>\n        )}\n      </ResponsiveLayout>\n    </CommonWrapper>\n  );\n}\n\nModalClose.__KONTUR_REACT_UI__ = 'ModalClose';\nModalClose.displayName = 'ModalClose';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","globalObject","useLocaleForControl","ThemeContext","cx","keyListener","ResponsiveLayout","CommonWrapper","XIcon20Regular","isThemeGTE","styles","ModalDataTids","ModalLocaleHelper","ModalClose","_ref","disableClose","requestClose","otherProps","_objectWithoutProperties","_excluded","locale","theme","_React$useState","useState","_React$useState2","_slicedToArray","focusedByTab","setFocusedByTab","handleFocus","_globalObject$request","requestAnimationFrame","call","isTabPressed","handleBlur","icon","createElement","align","versionGTE5_1","_ref2","isMobile","closeButtonAriaLabel","className","_defineProperty","close","close5_1","closeMobile","closeMobile5_1","disabled","focus","focus5_1","onClick","onFocus","onBlur","tabIndex","__KONTUR_REACT_UI__","displayName"],"sources":["ModalClose.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport { useLocaleForControl } from '../../lib/locale/useLocaleForControl';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { XIcon20Regular } from '../../internal/icons2022/XIcon/XIcon20Regular';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport type { CloseProps } from './ModalContext';\nimport { styles } from './Modal.styles';\nimport { ModalDataTids } from './Modal';\nimport { ModalLocaleHelper } from './locale';\n\nexport function ModalClose({ disableClose, requestClose, ...otherProps }: CloseProps) {\n  const locale = useLocaleForControl('Modal', ModalLocaleHelper);\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    globalObject.requestAnimationFrame?.(() => {\n      if (keyListener.isTabPressed) {\n        setFocusedByTab(true);\n      }\n    });\n  };\n\n  const handleBlur = () => {\n    setFocusedByTab(false);\n  };\n\n  const icon = <XIcon20Regular align=\"none\" />;\n  const versionGTE5_1 = isThemeGTE(theme, '5.1');\n\n  return (\n    <CommonWrapper {...otherProps}>\n      <ResponsiveLayout>\n        {({ isMobile }) => (\n          <button\n            aria-label={locale.closeButtonAriaLabel}\n            className={cx({\n              [styles.close(theme)]: true,\n              [styles.close5_1(theme)]: versionGTE5_1,\n              [styles.closeMobile(theme)]: isMobile,\n              [styles.closeMobile5_1(theme)]: isMobile && versionGTE5_1,\n              [styles.disabled(theme)]: disableClose,\n              [styles.focus(theme)]: focusedByTab && !versionGTE5_1,\n              [styles.focus5_1(theme)]: focusedByTab && versionGTE5_1,\n            })}\n            onClick={requestClose}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            data-tid={ModalDataTids.close}\n            tabIndex={disableClose ? -1 : 0}\n          >\n            {icon}\n          </button>\n        )}\n      </ResponsiveLayout>\n    </CommonWrapper>\n  );\n}\n\nModalClose.__KONTUR_REACT_UI__ = 'ModalClose';\nModalClose.displayName = 'ModalClose';\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/ModalFooter/ModalFooter.js

@@ -30,18 +30,18 @@ function ModalFooter(props) {
     panel = props.panel,
     children = props.children;
   useLayoutEffect(function () {
-    modal.setHasFooter == null || modal.setHasFooter(true);
-    modal.setHasPanel == null || modal.setHasPanel(panel || false);
+    var _modal$setHasFooter, _modal$setHasPanel;
+    (_modal$setHasFooter = modal.setHasFooter) === null || _modal$setHasFooter === void 0 || _modal$setHasFooter.call(modal, true);
+    (_modal$setHasPanel = modal.setHasPanel) === null || _modal$setHasPanel === void 0 || _modal$setHasPanel.call(modal, panel || false);
     return function () {
-      modal.setHasFooter == null || modal.setHasFooter(false);
-      modal.setHasPanel == null || modal.setHasPanel(false);
+      var _modal$setHasFooter2, _modal$setHasPanel2;
+      (_modal$setHasFooter2 = modal.setHasFooter) === null || _modal$setHasFooter2 === void 0 || _modal$setHasFooter2.call(modal, false);
+      (_modal$setHasPanel2 = modal.setHasPanel) === null || _modal$setHasPanel2 === void 0 || _modal$setHasPanel2.call(modal, false);
     };
   }, [panel]);
   var versionGTE5_2 = isThemeGTE(theme, '5.2');
-  var renderContent = function renderContent(fixed) {
-    if (fixed === void 0) {
-      fixed = false;
-    }
+  var renderContent = function renderContent() {
+    var fixed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     return /*#__PURE__*/(
       React.createElement("div", null, (panel || fixed) && /*#__PURE__*/React.createElement(ModalSeparator, {
         fixed: fixed

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useLayoutEffect","getScrollWidth","Sticky","ThemeContext","CommonWrapper","cx","useResponsiveLayout","Gapped","isNonNullable","isThemeGTE","styles","ModalContext","ModalSeparator","ModalFooterDataTids","root","ModalFooter","props","theme","modal","layout","_props$sticky","sticky","isMobile","gap","panel","children","setHasFooter","setHasPanel","versionGTE5_2","renderContent","fixed","createElement","className","footer","fixedFooter","fixedFooter5_2","Boolean","fixedPanel","mobileFooter","mobileFixedFooter5_2","vertical","getStickyOffset","offset","horizontalScroll","mobileOnFullScreen","parseInt","mobileModalContainerMarginBottom","side","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"sources":["ModalFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useLayoutEffect } from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport type { GappedProps } from '../Gapped';\nimport { Gapped } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n  /** Включает разделитель перед футером. */\n  panel?: boolean;\n\n  /** Закрепляет футер модального окна при скролле длинной контент-зоны.\n   * @default На десктопе - `true`, на мобильных - `false`. */\n  sticky?: boolean;\n\n  /** Контент футера. */\n  children?: ReactNode;\n\n  /** Расстояние между элементами футера в пикселях. */\n  gap?: GappedProps['gap'];\n}\n\nexport const ModalFooterDataTids = {\n  root: 'ModalFooter__root',\n} as const;\n\n/**\n * Футер модального окна, где обычно располагаются кнопки основных действий.\n *\n * @visibleName Modal.Footer\n */\nfunction ModalFooter(props: ModalFooterProps) {\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, gap, panel, children } = props;\n\n  useLayoutEffect(() => {\n    modal.setHasFooter?.(true);\n    modal.setHasPanel?.(panel || false);\n\n    return () => {\n      modal.setHasFooter?.(false);\n      modal.setHasPanel?.(false);\n    };\n  }, [panel]);\n\n  const versionGTE5_2 = isThemeGTE(theme, '5.2');\n  const renderContent = (fixed = false) => {\n    return (\n      <div>\n        {(panel || fixed) && <ModalSeparator fixed={fixed} />}\n        <div\n          data-tid={ModalFooterDataTids.root}\n          className={cx(\n            styles.footer(theme),\n            fixed && styles.fixedFooter(theme),\n            versionGTE5_2 && fixed && styles.fixedFooter5_2(),\n            Boolean(panel) && styles.panel(theme),\n            fixed && Boolean(panel) && styles.fixedPanel(theme),\n            layout.isMobile && styles.mobileFooter(theme),\n            versionGTE5_2 && layout.isMobile && fixed && styles.mobileFixedFooter5_2(theme),\n          )}\n        >\n          {isNonNullable(gap) ? (\n            <Gapped vertical={layout.isMobile} gap={gap}>\n              {children}\n            </Gapped>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  const getStickyOffset = () => {\n    let offset = 0;\n    if (modal.horizontalScroll) {\n      offset += getScrollWidth();\n    }\n    if (versionGTE5_2 && layout.isMobile && !modal.mobileOnFullScreen) {\n      offset += parseInt(theme.mobileModalContainerMarginBottom);\n    }\n    return offset;\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      {sticky ? (\n        <Sticky side=\"bottom\" offset={getStickyOffset()}>\n          {renderContent}\n        </Sticky>\n      ) : (\n        renderContent()\n      )}\n    </CommonWrapper>\n  );\n}\n\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\nModalFooter.displayName = 'ModalFooter';\nModalFooter.__MODAL_FOOTER__ = true;\n\nexport { ModalFooter };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","useLayoutEffect","getScrollWidth","Sticky","ThemeContext","CommonWrapper","cx","useResponsiveLayout","Gapped","isNonNullable","isThemeGTE","styles","ModalContext","ModalSeparator","ModalFooterDataTids","root","ModalFooter","props","theme","modal","layout","_props$sticky","sticky","isMobile","gap","panel","children","_modal$setHasFooter","_modal$setHasPanel","setHasFooter","call","setHasPanel","_modal$setHasFooter2","_modal$setHasPanel2","versionGTE5_2","renderContent","fixed","arguments","length","undefined","createElement","className","footer","fixedFooter","fixedFooter5_2","Boolean","fixedPanel","mobileFooter","mobileFixedFooter5_2","vertical","getStickyOffset","offset","horizontalScroll","mobileOnFullScreen","parseInt","mobileModalContainerMarginBottom","side","__KONTUR_REACT_UI__","displayName","__MODAL_FOOTER__"],"sources":["ModalFooter.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useLayoutEffect } from 'react';\n\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport type { GappedProps } from '../Gapped';\nimport { Gapped } from '../Gapped';\nimport { isNonNullable } from '../../lib/utils';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './Modal.styles';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalFooterProps extends CommonProps {\n  /** Включает разделитель перед футером. */\n  panel?: boolean;\n\n  /** Закрепляет футер модального окна при скролле длинной контент-зоны.\n   * @default На десктопе - `true`, на мобильных - `false`. */\n  sticky?: boolean;\n\n  /** Контент футера. */\n  children?: ReactNode;\n\n  /** Расстояние между элементами футера в пикселях. */\n  gap?: GappedProps['gap'];\n}\n\nexport const ModalFooterDataTids = {\n  root: 'ModalFooter__root',\n} as const;\n\n/**\n * Футер модального окна, где обычно располагаются кнопки основных действий.\n *\n * @visibleName Modal.Footer\n */\nfunction ModalFooter(props: ModalFooterProps) {\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, gap, panel, children } = props;\n\n  useLayoutEffect(() => {\n    modal.setHasFooter?.(true);\n    modal.setHasPanel?.(panel || false);\n\n    return () => {\n      modal.setHasFooter?.(false);\n      modal.setHasPanel?.(false);\n    };\n  }, [panel]);\n\n  const versionGTE5_2 = isThemeGTE(theme, '5.2');\n  const renderContent = (fixed = false) => {\n    return (\n      <div>\n        {(panel || fixed) && <ModalSeparator fixed={fixed} />}\n        <div\n          data-tid={ModalFooterDataTids.root}\n          className={cx(\n            styles.footer(theme),\n            fixed && styles.fixedFooter(theme),\n            versionGTE5_2 && fixed && styles.fixedFooter5_2(),\n            Boolean(panel) && styles.panel(theme),\n            fixed && Boolean(panel) && styles.fixedPanel(theme),\n            layout.isMobile && styles.mobileFooter(theme),\n            versionGTE5_2 && layout.isMobile && fixed && styles.mobileFixedFooter5_2(theme),\n          )}\n        >\n          {isNonNullable(gap) ? (\n            <Gapped vertical={layout.isMobile} gap={gap}>\n              {children}\n            </Gapped>\n          ) : (\n            children\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  const getStickyOffset = () => {\n    let offset = 0;\n    if (modal.horizontalScroll) {\n      offset += getScrollWidth();\n    }\n    if (versionGTE5_2 && layout.isMobile && !modal.mobileOnFullScreen) {\n      offset += parseInt(theme.mobileModalContainerMarginBottom);\n    }\n    return offset;\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      {sticky ? (\n        <Sticky side=\"bottom\" offset={getStickyOffset()}>\n          {renderContent}\n        </Sticky>\n      ) : (\n        renderContent()\n      )}\n    </CommonWrapper>\n  );\n}\n\nModalFooter.__KONTUR_REACT_UI__ = 'ModalFooter';\nModalFooter.displayName = 'ModalFooter';\nModalFooter.__MODAL_FOOTER__ = true;\n\nexport { ModalFooter };\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/ModalHeader/ModalHeader.js

@@ -28,16 +28,16 @@ function ModalHeader(props) {
     cutTitleOnStuck = _props$cutTitleOnStuc === void 0 ? false : _props$cutTitleOnStuc,
     children = props.children;
   useLayoutEffect(function () {
-    modal.setHasHeader == null || modal.setHasHeader(true);
+    var _modal$setHasHeader;
+    (_modal$setHasHeader = modal.setHasHeader) === null || _modal$setHasHeader === void 0 || _modal$setHasHeader.call(modal, true);
     return function () {
-      return modal.setHasHeader == null ? void 0 : modal.setHasHeader(false);
+      var _modal$setHasHeader2;
+      return (_modal$setHasHeader2 = modal.setHasHeader) === null || _modal$setHasHeader2 === void 0 ? void 0 : _modal$setHasHeader2.call(modal, false);
     };
   }, []);
   var versionGTE5_2 = isThemeGTE(theme, '5.2');
-  var renderContent = function renderContent(fixed) {
-    if (fixed === void 0) {
-      fixed = false;
-    }
+  var renderContent = function renderContent() {
+    var fixed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     return /*#__PURE__*/(
       React.createElement("div", null, /*#__PURE__*/
       React.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useLayoutEffect","Sticky","ThemeContext","CommonWrapper","cx","useResponsiveLayout","isThemeGTE","styles","ModalClose","ModalContext","ModalSeparator","ModalHeaderDataTids","root","ModalHeader","props","theme","modal","layout","_props$sticky","sticky","isMobile","_props$cutTitleOnStuc","cutTitleOnStuck","children","setHasHeader","versionGTE5_2","renderContent","fixed","createElement","className","header","header5_2","mobileHeader","Boolean","additionalPadding","headerAddPadding","fixedHeader","titleCut","fixedHeader5_2","mobileFixedHeader","mobileFixedHeader5_2","close","headerWithClose","mobileHeaderWithClose","requestClose","disableClose","getStickyOffset","mobileOnFullScreen","parseInt","mobileModalContainerMarginTop","offset","side","__KONTUR_REACT_UI__","displayName","__MODAL_HEADER__"],"sources":["ModalHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useLayoutEffect } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalHeaderProps extends CommonProps {\n  /** Закрепляет заголовок модального окна при скролле длинной контент-зоны. */\n  sticky?: boolean;\n\n  /** @ignore */\n  children?: ReactNode;\n\n  /**\n   * Обрезает длинный заголовок. Работает с пропом `sticky`.\n   * @default false\n   */\n  cutTitleOnStuck?: boolean;\n}\n\nexport const ModalHeaderDataTids = {\n  root: 'ModalHeader__root',\n} as const;\n\n/**\n * Шапка модального окна, состоит из заголовка и крестика закрытия.\n *\n * @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, cutTitleOnStuck = false, children } = props;\n\n  useLayoutEffect(() => {\n    modal.setHasHeader?.(true);\n\n    return () => modal.setHasHeader?.(false);\n  }, []);\n\n  const versionGTE5_2 = isThemeGTE(theme, '5.2');\n  const renderContent = (fixed = false) => {\n    return (\n      <div>\n        <div\n          data-tid={ModalHeaderDataTids.root}\n          className={cx(\n            styles.header(theme),\n            versionGTE5_2 && styles.header5_2(theme),\n            layout.isMobile && styles.mobileHeader(theme),\n            Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),\n            fixed && styles.fixedHeader(theme),\n            cutTitleOnStuck && fixed && styles.titleCut(),\n            versionGTE5_2 && fixed && styles.fixedHeader5_2(),\n            fixed && layout.isMobile && styles.mobileFixedHeader(theme),\n            versionGTE5_2 && fixed && layout.isMobile && styles.mobileFixedHeader5_2(theme),\n            Boolean(modal.close) && styles.headerWithClose(theme),\n            Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme),\n          )}\n        >\n          {modal.close && (\n            <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />\n          )}\n          {children}\n        </div>\n        {fixed && <ModalSeparator fixed={fixed} />}\n      </div>\n    );\n  };\n\n  const getStickyOffset = () => {\n    if (versionGTE5_2 && layout.isMobile && !modal.mobileOnFullScreen) {\n      return parseInt(theme.mobileModalContainerMarginTop);\n    }\n    return 0;\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      {sticky ? (\n        <Sticky offset={getStickyOffset()} side=\"top\">\n          {renderContent}\n        </Sticky>\n      ) : (\n        renderContent()\n      )}\n    </CommonWrapper>\n  );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.displayName = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useContext","useLayoutEffect","Sticky","ThemeContext","CommonWrapper","cx","useResponsiveLayout","isThemeGTE","styles","ModalClose","ModalContext","ModalSeparator","ModalHeaderDataTids","root","ModalHeader","props","theme","modal","layout","_props$sticky","sticky","isMobile","_props$cutTitleOnStuc","cutTitleOnStuck","children","_modal$setHasHeader","setHasHeader","call","_modal$setHasHeader2","versionGTE5_2","renderContent","fixed","arguments","length","undefined","createElement","className","header","header5_2","mobileHeader","Boolean","additionalPadding","headerAddPadding","fixedHeader","titleCut","fixedHeader5_2","mobileFixedHeader","mobileFixedHeader5_2","close","headerWithClose","mobileHeaderWithClose","requestClose","disableClose","getStickyOffset","mobileOnFullScreen","parseInt","mobileModalContainerMarginTop","offset","side","__KONTUR_REACT_UI__","displayName","__MODAL_HEADER__"],"sources":["ModalHeader.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext, useLayoutEffect } from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { useResponsiveLayout } from '../ResponsiveLayout';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './Modal.styles';\nimport { ModalClose } from './ModalClose';\nimport { ModalContext } from './ModalContext';\nimport { ModalSeparator } from './ModalSeparator';\n\nexport interface ModalHeaderProps extends CommonProps {\n  /** Закрепляет заголовок модального окна при скролле длинной контент-зоны. */\n  sticky?: boolean;\n\n  /** @ignore */\n  children?: ReactNode;\n\n  /**\n   * Обрезает длинный заголовок. Работает с пропом `sticky`.\n   * @default false\n   */\n  cutTitleOnStuck?: boolean;\n}\n\nexport const ModalHeaderDataTids = {\n  root: 'ModalHeader__root',\n} as const;\n\n/**\n * Шапка модального окна, состоит из заголовка и крестика закрытия.\n *\n * @visibleName Modal.Header\n */\nfunction ModalHeader(props: ModalHeaderProps) {\n  const theme = useContext(ThemeContext);\n  const modal = useContext(ModalContext);\n  const layout = useResponsiveLayout();\n\n  const { sticky = !layout.isMobile, cutTitleOnStuck = false, children } = props;\n\n  useLayoutEffect(() => {\n    modal.setHasHeader?.(true);\n\n    return () => modal.setHasHeader?.(false);\n  }, []);\n\n  const versionGTE5_2 = isThemeGTE(theme, '5.2');\n  const renderContent = (fixed = false) => {\n    return (\n      <div>\n        <div\n          data-tid={ModalHeaderDataTids.root}\n          className={cx(\n            styles.header(theme),\n            versionGTE5_2 && styles.header5_2(theme),\n            layout.isMobile && styles.mobileHeader(theme),\n            Boolean(modal.additionalPadding) && styles.headerAddPadding(theme),\n            fixed && styles.fixedHeader(theme),\n            cutTitleOnStuck && fixed && styles.titleCut(),\n            versionGTE5_2 && fixed && styles.fixedHeader5_2(),\n            fixed && layout.isMobile && styles.mobileFixedHeader(theme),\n            versionGTE5_2 && fixed && layout.isMobile && styles.mobileFixedHeader5_2(theme),\n            Boolean(modal.close) && styles.headerWithClose(theme),\n            Boolean(modal.close) && layout.isMobile && styles.mobileHeaderWithClose(theme),\n          )}\n        >\n          {modal.close && (\n            <ModalClose requestClose={modal.close.requestClose} disableClose={modal.close.disableClose} />\n          )}\n          {children}\n        </div>\n        {fixed && <ModalSeparator fixed={fixed} />}\n      </div>\n    );\n  };\n\n  const getStickyOffset = () => {\n    if (versionGTE5_2 && layout.isMobile && !modal.mobileOnFullScreen) {\n      return parseInt(theme.mobileModalContainerMarginTop);\n    }\n    return 0;\n  };\n\n  return (\n    <CommonWrapper {...props}>\n      {sticky ? (\n        <Sticky offset={getStickyOffset()} side=\"top\">\n          {renderContent}\n        </Sticky>\n      ) : (\n        renderContent()\n      )}\n    </CommonWrapper>\n  );\n}\n\nModalHeader.__KONTUR_REACT_UI__ = 'ModalHeader';\nModalHeader.displayName = 'ModalHeader';\nModalHeader.__MODAL_HEADER__ = true;\n\nexport { ModalHeader };\n"],"mappings":"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","ignoreList":[]}

package/components/Modal/getModalTheme/getModalTheme.js

@@ -1,8 +1,6 @@
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
-export var getModalTheme = function getModalTheme(contextTheme, propsTheme) {
-  if (propsTheme === void 0) {
-    propsTheme = {};
-  }
+export var getModalTheme = function getModalTheme(contextTheme) {
+  var propsTheme = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var theme = ThemeFactory.create(propsTheme, contextTheme);
   return ThemeFactory.create(propsTheme, ThemeFactory.create({
     loaderBorderRadius: theme.modalBorderRadius

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

@@ -1 +1 @@
-{"version":3,"names":["ThemeFactory","getModalTheme","contextTheme","propsTheme","theme","create","loaderBorderRadius","modalBorderRadius"],"sources":["getModalTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\n\nexport const getModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}): Theme => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    propsTheme as Theme,\n    ThemeFactory.create(\n      {\n        loaderBorderRadius: theme.modalBorderRadius,\n      },\n      theme,\n    ),\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,YAAmB,EAAEC,UAAmB,EAAiB,KAApCA,UAAmB,cAAnBA,UAAmB,GAAG,CAAC,CAAC;EACzE,IAAMC,KAAK,GAAGJ,YAAY,CAACK,MAAM,CAACF,UAAU,EAAED,YAAY,CAAC;EAC3D,OAAOF,YAAY,CAACK,MAAM;IACxBF,UAAU;IACVH,YAAY,CAACK,MAAM;MACjB;QACEC,kBAAkB,EAAEF,KAAK,CAACG;MAC5B,CAAC;MACDH;IACF;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["ThemeFactory","getModalTheme","contextTheme","propsTheme","arguments","length","undefined","theme","create","loaderBorderRadius","modalBorderRadius"],"sources":["getModalTheme.ts"],"sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\n\nexport const getModalTheme = (contextTheme: Theme, propsTheme: ThemeIn = {}): Theme => {\n  const theme = ThemeFactory.create(propsTheme, contextTheme);\n  return ThemeFactory.create(\n    propsTheme as Theme,\n    ThemeFactory.create(\n      {\n        loaderBorderRadius: theme.modalBorderRadius,\n      },\n      theme,\n    ),\n  );\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gCAAgC;;;AAG7D,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,YAAmB,EAAsC,KAApCC,UAAmB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACzE,IAAMG,KAAK,GAAGP,YAAY,CAACQ,MAAM,CAACL,UAAU,EAAED,YAAY,CAAC;EAC3D,OAAOF,YAAY,CAACQ,MAAM;IACxBL,UAAU;IACVH,YAAY,CAACQ,MAAM;MACjB;QACEC,kBAAkB,EAAEF,KAAK,CAACG;MAC5B,CAAC;MACDH;IACF;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/components/Paging/Paging/Paging.js

@@ -1,6 +1,15 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
 var _dec, _class, _Paging;
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
 import { isInstanceOf } from "../../../lib/isInstanceOf";
@@ -39,10 +48,11 @@ export var PagingDataTids = {
 export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_class = _dec(_class = (_Paging = /*#__PURE__*/function (_React$PureComponent) {
   function Paging() {
     var _this;
+    _classCallCheck(this, Paging);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
+    _this = _callSuper(this, Paging, [].concat(args));
     _this.getProps = createPropsGetter(Paging.defaultProps);
     _this.state = {
       focusedByTab: false,
@@ -56,7 +66,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       switch (item) {
         case '.':
           {
-            var key = "dots" + (index < 5 ? 'Left' : 'Right');
+            var key = "dots".concat(index < 5 ? 'Left' : 'Right');
             return _this.renderDots(key);
           }
         case 'forward':
@@ -72,18 +82,16 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       }
     };
     _this.renderDots = function (key) {
-      var _cx;
       return /*#__PURE__*/(
         React.createElement("span", {
           "data-tid": PagingDataTids.dots,
           key: key,
-          className: cx(styles.dots(_this.theme), _this.sizeClassNames.dots, (_cx = {}, _cx[styles.dotsDisabled(_this.theme)] = _this.props.disabled, _cx))
+          className: cx(styles.dots(_this.theme), _this.sizeClassNames.dots, _defineProperty({}, styles.dotsDisabled(_this.theme), _this.props.disabled))
         }, _this.getDotsIcon())
       );
     };
     _this.renderForwardLink = function (disabled, focused) {
-      var _cx2;
-      var classNames = cx(styles.pageLink(_this.theme), _this.sizeClassNames.pageLink, styles.forwardLink(_this.theme), _this.sizeClassNames.forwardLink, (_cx2 = {}, _cx2[styles.pageLinkFocused(_this.theme)] = focused, _cx2[styles.forwardLinkDisabled(_this.theme)] = disabled || _this.props.disabled, _cx2));
+      var classNames = cx(styles.pageLink(_this.theme), _this.sizeClassNames.pageLink, styles.forwardLink(_this.theme), _this.sizeClassNames.forwardLink, _defineProperty(_defineProperty({}, styles.pageLinkFocused(_this.theme), focused), styles.forwardLinkDisabled(_this.theme), disabled || _this.props.disabled));
       var Component = _this.getProps().component;
       var forward = _this.locale.forward;
       var forwardIcon = _this.getForwardIcon();
@@ -102,9 +110,8 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       );
     };
     _this.renderPageLink = function (pageNumber, active, focused) {
-      var _cx3;
       var disabled = _this.props.disabled;
-      var classNames = cx(styles.pageLink(_this.theme), _this.sizeClassNames.pageLink, (_cx3 = {}, _cx3[styles.pageLinkFocused(_this.theme)] = focused, _cx3[styles.pageLinkDisabled(_this.theme)] = disabled, _cx3[styles.pageLinkCurrent(_this.theme)] = active, _cx3[styles.pageLinkCurrentDisabled(_this.theme)] = active && disabled, _cx3));
+      var classNames = cx(styles.pageLink(_this.theme), _this.sizeClassNames.pageLink, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.pageLinkFocused(_this.theme), focused), styles.pageLinkDisabled(_this.theme), disabled), styles.pageLinkCurrent(_this.theme), active), styles.pageLinkCurrentDisabled(_this.theme), active && disabled));
       var Component = _this.getProps().component;
       var handleClick = function handleClick() {
         return _this.goToPage(pageNumber);
@@ -211,6 +218,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       }
     };
     _this.handleFocus = function () {
+      var _globalObject$request;
       if (_this.props.disabled) {
         return;
       }
@@ -220,7 +228,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
 
       // focus event fires before keyDown eventlistener
       // so we should check tabPressed in async way
-      globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
+      (_globalObject$request = globalObject.requestAnimationFrame) === null || _globalObject$request === void 0 || _globalObject$request.call(globalObject, function () {
         if (keyListener.isTabPressed) {
           _this.setState({
             focusedByTab: true
@@ -309,13 +317,13 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
       if (_this.addedGlobalListener) {
         return;
       }
-      (_globalObject$documen = globalObject.document) == null || _globalObject$documen.addEventListener('keydown', _this.handleKeyDown);
+      (_globalObject$documen = globalObject.document) === null || _globalObject$documen === void 0 || _globalObject$documen.addEventListener('keydown', _this.handleKeyDown);
       _this.addedGlobalListener = true;
     };
     _this.removeGlobalListener = function () {
       if (_this.addedGlobalListener) {
         var _globalObject$documen2;
-        (_globalObject$documen2 = globalObject.document) == null || _globalObject$documen2.removeEventListener('keydown', _this.handleKeyDown);
+        (_globalObject$documen2 = globalObject.document) === null || _globalObject$documen2 === void 0 || _globalObject$documen2.removeEventListener('keydown', _this.handleKeyDown);
         _this.addedGlobalListener = false;
       }
     };
@@ -354,7 +362,7 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
             pageLink: styles.pageLinkLarge(_this.theme)
           };
         default:
-          throw new TypeError("Invalid size prop: '" + _this.props.size + "'");
+          throw new TypeError("Invalid size prop: '".concat(_this.props.size, "'"));
       }
     };
     _this.getDotsIcon = function () {
@@ -387,72 +395,82 @@ export var Paging = (_dec = locale('Paging', PagingLocaleHelper), rootNode(_clas
     };
     return _this;
   }
-  _inheritsLoose(Paging, _React$PureComponent);
-  Paging.isForward = function isForward(pageNumber) {
-    return pageNumber === 'forward';
-  };
-  var _proto = Paging.prototype;
-  _proto.componentDidMount = function componentDidMount() {
-    var useGlobalListener = this.getProps().useGlobalListener;
-    if (useGlobalListener) {
-      this.addGlobalListener();
+  _inherits(Paging, _React$PureComponent);
+  return _createClass(Paging, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var useGlobalListener = this.getProps().useGlobalListener;
+      if (useGlobalListener) {
+        this.addGlobalListener();
+      }
     }
-  };
-  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    var useGlobalListener = this.getProps().useGlobalListener;
-    if (!prevProps.useGlobalListener && useGlobalListener) {
-      this.addGlobalListener();
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var useGlobalListener = this.getProps().useGlobalListener;
+      if (!prevProps.useGlobalListener && useGlobalListener) {
+        this.addGlobalListener();
+      }
+      if (prevProps.useGlobalListener && !useGlobalListener) {
+        this.removeGlobalListener();
+      }
+      if (prevProps.useGlobalListener !== useGlobalListener) {
+        this.setState({
+          keyboardControl: useGlobalListener
+        });
+      }
     }
-    if (prevProps.useGlobalListener && !useGlobalListener) {
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
       this.removeGlobalListener();
     }
-    if (prevProps.useGlobalListener !== useGlobalListener) {
-      this.setState({
-        keyboardControl: useGlobalListener
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      if (this.props.pagesCount < 2) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = theme;
+        return /*#__PURE__*/React.createElement(ResponsiveLayout, null, function (_ref) {
+          var isMobile = _ref.isMobile;
+          _this2.isMobile = isMobile && isThemeGTE(_this2.theme, '5.3');
+          _this2.sizeClassNames = _this2.getPagingSizeClassNames();
+          return _this2.renderMain();
+        });
       });
     }
-  };
-  _proto.componentWillUnmount = function componentWillUnmount() {
-    this.removeGlobalListener();
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    if (this.props.pagesCount < 2) {
-      return null;
+  }, {
+    key: "renderMain",
+    value: function renderMain() {
+      var _this3 = this;
+      var _this$getProps = this.getProps(),
+        useGlobalListener = _this$getProps.useGlobalListener;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: this.setRootNode
+      }, this.props, getVisualStateDataAttributes({
+        disabled: this.props.disabled
+      })), /*#__PURE__*/React.createElement("span", {
+        tabIndex: this.props.disabled ? -1 : 0,
+        "data-tid": PagingDataTids.root,
+        className: cx(styles.paging(), this.sizeClassNames.root, _defineProperty(_defineProperty({}, styles.pagingMobile(), this.isMobile), styles.pagingDisabled(), this.props.disabled)),
+        onKeyDown: useGlobalListener ? undefined : this.handleKeyDown,
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
+        onMouseDown: this.handleMouseDown,
+        ref: this.refContainer
+      }, this.getItems().map(function (item, index) {
+        return _this3.renderItem(item, index);
+      })));
     }
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return /*#__PURE__*/React.createElement(ResponsiveLayout, null, function (_ref) {
-        var isMobile = _ref.isMobile;
-        _this2.isMobile = isMobile && isThemeGTE(_this2.theme, '5.3');
-        _this2.sizeClassNames = _this2.getPagingSizeClassNames();
-        return _this2.renderMain();
-      });
-    });
-  };
-  _proto.renderMain = function renderMain() {
-    var _cx4,
-      _this3 = this;
-    var _this$getProps = this.getProps(),
-      useGlobalListener = _this$getProps.useGlobalListener;
-    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-      rootNodeRef: this.setRootNode
-    }, this.props, getVisualStateDataAttributes({
-      disabled: this.props.disabled
-    })), /*#__PURE__*/React.createElement("span", {
-      tabIndex: this.props.disabled ? -1 : 0,
-      "data-tid": PagingDataTids.root,
-      className: cx(styles.paging(), this.sizeClassNames.root, (_cx4 = {}, _cx4[styles.pagingMobile()] = this.isMobile, _cx4[styles.pagingDisabled()] = this.props.disabled, _cx4)),
-      onKeyDown: useGlobalListener ? undefined : this.handleKeyDown,
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      onMouseDown: this.handleMouseDown,
-      ref: this.refContainer
-    }, this.getItems().map(function (item, index) {
-      return _this3.renderItem(item, index);
-    })));
-  };
-  return Paging;
+  }], [{
+    key: "isForward",
+    value: function isForward(pageNumber) {
+      return pageNumber === 'forward';
+    }
+  }]);
 }(React.PureComponent), _Paging.__KONTUR_REACT_UI__ = 'Paging', _Paging.displayName = 'Paging', _Paging.defaultProps = {
   component: PagingDefaultComponent,
   useGlobalListener: false