@skbkontur/react-ui 2.17.6 → 2.17.7-sidepage-header

package/components/Logotype/Logotype/Logotype.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Logotype.tsx"],"names":["React","PropTypes","cn","warning","stopPropagation","locale","ThemeContext","CloudIcon","ArrowChevronDownIcon","CommonWrapper","jsStyles","ProductWidget","LogotypeLocaleHelper","INITIAL_WIDTH","INITIAL_HEIGHT","INITIAL_VERTICAL_ALIGN","INITIAL_FONT_SIZE","Logotype","props","theme","logoWrapper","isWidgetInited","refLogoWrapper","el","removeEventListener","handleNativeLogoClick","addEventListener","event","initWidget","init","componentDidMount","withWidget","componentDidUpdate","render","renderMain","color","textColor","Component","component","suffix","size","href","propLocale","onArrowClick","dropdownClassName","dropdown","inline","cloudStyle","width","height","verticalAlign","widgetWrapper","root","fontSize","prefix","cloud","divider","button","__KONTUR_REACT_UI__","propTypes","string","number","bool","shape","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport warning from 'warning';\r\n\r\nimport { stopPropagation } from '../../lib/events/stopPropagation';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CloudIcon } from '../../internal/icons/CloudIcon';\r\nimport { ArrowChevronDownIcon } from '../../internal/icons/16px';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './Logotype.styles';\r\nimport { ProductWidget } from './ProductWidget';\r\nimport { LogotypeLocale, LogotypeLocaleHelper } from './locale';\r\n\r\nconst INITIAL_WIDTH = 25;\r\nconst INITIAL_HEIGHT = 18;\r\nconst INITIAL_VERTICAL_ALIGN = -1;\r\nconst INITIAL_FONT_SIZE = 22;\r\n\r\ninterface LogotypePropLocale {\r\n  suffix: string;\r\n  prefix: string;\r\n}\r\n\r\nexport interface LogotypeProps extends CommonProps {\r\n  /**\r\n   * Цвет логотипа в rgb, rgba, hex\r\n   */\r\n  color: string;\r\n  component: React.ComponentType<any> | string;\r\n  /**\r\n   * Адрес ссылки\r\n   */\r\n  href: string;\r\n  /**\r\n   * Суффикс сервиса\r\n   */\r\n  suffix?: string;\r\n  /**\r\n   * Размер шрифта логотипа в пикселях.\r\n   * @default 22\r\n   */\r\n  size: number;\r\n  /**\r\n   * Цвет логотипа Контура в rgb, rgba, hex\r\n   */\r\n  textColor: string;\r\n  /**\r\n   * Наличие виджета с продуктами\r\n   */\r\n  withWidget?: boolean;\r\n  /**\r\n   * нажатие по кнопке открытия виджета\r\n   */\r\n  onArrowClick?: React.MouseEventHandler<HTMLButtonElement>;\r\n  /**\r\n   * Словарь текстовых констант\r\n   * @deprecated\r\n   * @default { prefix: 'к', suffix: 'нтур' }\r\n   */\r\n  locale?: LogotypePropLocale;\r\n}\r\n\r\n/**\r\n * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)\r\n */\r\n@locale('Logotype', LogotypeLocaleHelper)\r\nexport class Logotype extends React.Component<LogotypeProps> {\r\n  public static __KONTUR_REACT_UI__ = 'Logotype';\r\n\r\n  public static propTypes = {\r\n    color: PropTypes.string,\r\n    href: PropTypes.string,\r\n    suffix: PropTypes.string,\r\n    size: PropTypes.number,\r\n    textColor: PropTypes.string,\r\n    withWidget: PropTypes.bool,\r\n    locale: PropTypes.shape({\r\n      prefix: PropTypes.string,\r\n      suffix: PropTypes.string,\r\n    }),\r\n  };\r\n\r\n  public static defaultProps = {\r\n    color: '#D92932',\r\n    size: INITIAL_FONT_SIZE,\r\n    textColor: '#333333',\r\n    component: 'a',\r\n    href: '/',\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private readonly locale!: LogotypeLocale;\r\n  private logoWrapper: Nullable<HTMLElement> = null;\r\n  private isWidgetInited = false;\r\n\r\n  public constructor(props: LogotypeProps) {\r\n    super(props);\r\n    warning(\r\n      false,\r\n      `Logotype has been deprecated, use Logotype from @skbkontur/react-ui-addons instead, see [migration](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)`,\r\n    );\r\n  }\r\n\r\n  public componentDidMount() {\r\n    if (this.props.withWidget) {\r\n      this.initWidget();\r\n    }\r\n\r\n    warning(!this.props.locale, 'locale props is deprecated, use LocaleProvider instead');\r\n  }\r\n\r\n  public componentDidUpdate() {\r\n    if (this.props.withWidget) {\r\n      this.initWidget();\r\n    }\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const {\r\n      color,\r\n      textColor,\r\n      component: Component,\r\n      suffix,\r\n      size,\r\n      href,\r\n      withWidget,\r\n      locale: propLocale = this.locale,\r\n      onArrowClick,\r\n    } = this.props;\r\n    const dropdownClassName = cn({\r\n      [jsStyles.dropdown()]: true,\r\n      [jsStyles.inline()]: !withWidget,\r\n    });\r\n\r\n    const cloudStyle = {\r\n      color,\r\n      width: size * (INITIAL_WIDTH / INITIAL_FONT_SIZE),\r\n      height: size * (INITIAL_HEIGHT / INITIAL_FONT_SIZE),\r\n      verticalAlign: size * (INITIAL_VERTICAL_ALIGN / INITIAL_FONT_SIZE),\r\n    };\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <div id=\"spwDropdown\" className={dropdownClassName}>\r\n          <span ref={this.refLogoWrapper} className={jsStyles.widgetWrapper()}>\r\n            <Component\r\n              href={href}\r\n              tabIndex=\"-1\"\r\n              className={jsStyles.root(this.theme)}\r\n              style={{ fontSize: `${size}px` }}\r\n            >\r\n              <span style={{ color: textColor }}>{propLocale.prefix}</span>\r\n              <span className={jsStyles.cloud()} style={cloudStyle}>\r\n                <CloudIcon />\r\n              </span>\r\n              <span style={{ color: textColor }}>\r\n                {propLocale.suffix}\r\n                {suffix && '.'}\r\n              </span>\r\n              {suffix && <span style={{ color }}>{suffix}</span>}\r\n            </Component>\r\n            {withWidget && <span className={jsStyles.divider(this.theme)} />}\r\n          </span>\r\n          {withWidget && (\r\n            <button className={jsStyles.button()} onClick={onArrowClick}>\r\n              <ArrowChevronDownIcon color=\"#aaa\" size={20} />\r\n            </button>\r\n          )}\r\n        </div>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private refLogoWrapper = (el: Nullable<HTMLElement>) => {\r\n    if (this.logoWrapper) {\r\n      this.logoWrapper.removeEventListener('click', this.handleNativeLogoClick);\r\n    }\r\n\r\n    if (el) {\r\n      el.addEventListener('click', this.handleNativeLogoClick);\r\n    }\r\n\r\n    this.logoWrapper = el;\r\n  };\r\n\r\n  private handleNativeLogoClick = (event: Event) => {\r\n    stopPropagation(event);\r\n  };\r\n\r\n  private initWidget = () => {\r\n    if (!this.isWidgetInited) {\r\n      ProductWidget.init();\r\n      this.isWidgetInited = true;\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Logotype.tsx"],"names":["React","PropTypes","cn","warning","stopPropagation","locale","ThemeContext","CloudIcon","ArrowChevronDownIcon","CommonWrapper","jsStyles","ProductWidget","LogotypeLocaleHelper","INITIAL_WIDTH","INITIAL_HEIGHT","INITIAL_VERTICAL_ALIGN","INITIAL_FONT_SIZE","Logotype","props","theme","logoWrapper","isWidgetInited","refLogoWrapper","el","removeEventListener","handleNativeLogoClick","addEventListener","event","initWidget","init","componentDidMount","withWidget","componentDidUpdate","render","renderMain","color","textColor","Component","component","suffix","size","href","propLocale","onArrowClick","dropdownClassName","dropdown","inline","cloudStyle","width","height","verticalAlign","widgetWrapper","root","fontSize","prefix","cloud","divider","button","__KONTUR_REACT_UI__","propTypes","string","number","bool","shape","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport warning from 'warning';\n\nimport { stopPropagation } from '../../lib/events/stopPropagation';\nimport { locale } from '../../lib/locale/decorators';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CloudIcon } from '../../internal/icons/CloudIcon';\nimport { ArrowChevronDownIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './Logotype.styles';\nimport { ProductWidget } from './ProductWidget';\nimport { LogotypeLocale, LogotypeLocaleHelper } from './locale';\n\nconst INITIAL_WIDTH = 25;\nconst INITIAL_HEIGHT = 18;\nconst INITIAL_VERTICAL_ALIGN = -1;\nconst INITIAL_FONT_SIZE = 22;\n\ninterface LogotypePropLocale {\n  suffix: string;\n  prefix: string;\n}\n\nexport interface LogotypeProps extends CommonProps {\n  /**\n   * Цвет логотипа в rgb, rgba, hex\n   */\n  color: string;\n  component: React.ComponentType<any> | string;\n  /**\n   * Адрес ссылки\n   */\n  href: string;\n  /**\n   * Суффикс сервиса\n   */\n  suffix?: string;\n  /**\n   * Размер шрифта логотипа в пикселях.\n   * @default 22\n   */\n  size: number;\n  /**\n   * Цвет логотипа Контура в rgb, rgba, hex\n   */\n  textColor: string;\n  /**\n   * Наличие виджета с продуктами\n   */\n  withWidget?: boolean;\n  /**\n   * нажатие по кнопке открытия виджета\n   */\n  onArrowClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * Словарь текстовых констант\n   * @deprecated\n   * @default { prefix: 'к', suffix: 'нтур' }\n   */\n  locale?: LogotypePropLocale;\n}\n\n/**\n * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)\n */\n@locale('Logotype', LogotypeLocaleHelper)\nexport class Logotype extends React.Component<LogotypeProps> {\n  public static __KONTUR_REACT_UI__ = 'Logotype';\n\n  public static propTypes = {\n    color: PropTypes.string,\n    href: PropTypes.string,\n    suffix: PropTypes.string,\n    size: PropTypes.number,\n    textColor: PropTypes.string,\n    withWidget: PropTypes.bool,\n    locale: PropTypes.shape({\n      prefix: PropTypes.string,\n      suffix: PropTypes.string,\n    }),\n  };\n\n  public static defaultProps = {\n    color: '#D92932',\n    size: INITIAL_FONT_SIZE,\n    textColor: '#333333',\n    component: 'a',\n    href: '/',\n  };\n\n  private theme!: Theme;\n  private readonly locale!: LogotypeLocale;\n  private logoWrapper: Nullable<HTMLElement> = null;\n  private isWidgetInited = false;\n\n  public constructor(props: LogotypeProps) {\n    super(props);\n    warning(\n      false,\n      `Logotype has been deprecated, use Logotype from @skbkontur/react-ui-addons instead, see [migration](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)`,\n    );\n  }\n\n  public componentDidMount() {\n    if (this.props.withWidget) {\n      this.initWidget();\n    }\n\n    warning(!this.props.locale, 'locale props is deprecated, use LocaleProvider instead');\n  }\n\n  public componentDidUpdate() {\n    if (this.props.withWidget) {\n      this.initWidget();\n    }\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      color,\n      textColor,\n      component: Component,\n      suffix,\n      size,\n      href,\n      withWidget,\n      locale: propLocale = this.locale,\n      onArrowClick,\n    } = this.props;\n    const dropdownClassName = cn({\n      [jsStyles.dropdown()]: true,\n      [jsStyles.inline()]: !withWidget,\n    });\n\n    const cloudStyle = {\n      color,\n      width: size * (INITIAL_WIDTH / INITIAL_FONT_SIZE),\n      height: size * (INITIAL_HEIGHT / INITIAL_FONT_SIZE),\n      verticalAlign: size * (INITIAL_VERTICAL_ALIGN / INITIAL_FONT_SIZE),\n    };\n\n    return (\n      <CommonWrapper {...this.props}>\n        <div id=\"spwDropdown\" className={dropdownClassName}>\n          <span ref={this.refLogoWrapper} className={jsStyles.widgetWrapper()}>\n            <Component\n              href={href}\n              tabIndex=\"-1\"\n              className={jsStyles.root(this.theme)}\n              style={{ fontSize: `${size}px` }}\n            >\n              <span style={{ color: textColor }}>{propLocale.prefix}</span>\n              <span className={jsStyles.cloud()} style={cloudStyle}>\n                <CloudIcon />\n              </span>\n              <span style={{ color: textColor }}>\n                {propLocale.suffix}\n                {suffix && '.'}\n              </span>\n              {suffix && <span style={{ color }}>{suffix}</span>}\n            </Component>\n            {withWidget && <span className={jsStyles.divider(this.theme)} />}\n          </span>\n          {withWidget && (\n            <button className={jsStyles.button()} onClick={onArrowClick}>\n              <ArrowChevronDownIcon color=\"#aaa\" size={20} />\n            </button>\n          )}\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private refLogoWrapper = (el: Nullable<HTMLElement>) => {\n    if (this.logoWrapper) {\n      this.logoWrapper.removeEventListener('click', this.handleNativeLogoClick);\n    }\n\n    if (el) {\n      el.addEventListener('click', this.handleNativeLogoClick);\n    }\n\n    this.logoWrapper = el;\n  };\n\n  private handleNativeLogoClick = (event: Event) => {\n    stopPropagation(event);\n  };\n\n  private initWidget = () => {\n    if (!this.isWidgetInited) {\n      ProductWidget.init();\n      this.isWidgetInited = true;\n    }\n  };\n}\n"]}

package/components/Logotype/Logotype.md

@@ -1,33 +1,33 @@
-```jsx harmony
-import { Gapped } from '@skbkontur/react-ui';
-
-<Gapped vertical>
-  <Logotype suffix="edi" color="#1E79BE" />
-  <Logotype suffix="бухгалтерия" color="#A23A99" />
-  <Logotype suffix="диадок" color="#1fab90" />
-  <Logotype suffix="экстерн" color="#F15600" />
-  <Logotype suffix="фокус" color="#56916E" />
-  <div style={{ background: '#56916E' }}>
-    <Logotype suffix="фокус" color="#FFF" textColor="#FFF" />
-  </div>
-</Gapped>;
-```
-
-#### Локали по умолчанию (см. `LocaleProvider`)
-
-```typescript
-interface LogotypeLocale {
-  suffix?: string;
-  prefix?: string;
-}
-
-const ru_RU = {
-  prefix: 'к',
-  suffix: 'нтур',
-};
-
-const en_GB = {
-  prefix: 'k',
-  suffix: 'ntur',
-};
-```
+```jsx harmony
+import { Gapped } from '@skbkontur/react-ui';
+
+<Gapped vertical>
+  <Logotype suffix="edi" color="#1E79BE" />
+  <Logotype suffix="бухгалтерия" color="#A23A99" />
+  <Logotype suffix="диадок" color="#1fab90" />
+  <Logotype suffix="экстерн" color="#F15600" />
+  <Logotype suffix="фокус" color="#56916E" />
+  <div style={{ background: '#56916E' }}>
+    <Logotype suffix="фокус" color="#FFF" textColor="#FFF" />
+  </div>
+</Gapped>;
+```
+
+#### Локали по умолчанию (см. `LocaleProvider`)
+
+```typescript
+interface LogotypeLocale {
+  suffix?: string;
+  prefix?: string;
+}
+
+const ru_RU = {
+  prefix: 'к',
+  suffix: 'нтур',
+};
+
+const en_GB = {
+  prefix: 'k',
+  suffix: 'ntur',
+};
+```

package/components/Logotype/Logotype.styles/Logotype.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Logotype.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","logoColor","logoHoverColor","divider","tdDividerBg","cloud","inner","dropdown","inline","widgetWrapper","button","jsStyles"],"mappings":"qvEAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOL,GAAP;;;;;;;AAOWK,IAAAA,CAAC,CAACC,SAPb;;;AAUaD,IAAAA,CAAC,CAACE,cAVf;;;AAaD,GAfY;;AAiBbC,EAAAA,OAjBa,mBAiBLH,CAjBK,EAiBK;AAChB,WAAOL,GAAP;;;;AAIsBK,IAAAA,CAAC,CAACI,WAJxB;;AAMD,GAxBY;;AA0BbC,EAAAA,KA1Ba,mBA0BL;AACN,WAAOV,GAAP;;;;;AAKD,GAhCY;;AAkCbW,EAAAA,KAlCa,mBAkCL;AACN,WAAOX,GAAP;;;;;;;AAOD,GA1CY;;AA4CbY,EAAAA,QA5Ca,sBA4CF;AACT,WAAOZ,GAAP;;;;;AAKD,GAlDY;;AAoDba,EAAAA,MApDa,oBAoDJ;AACP,WAAOb,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACS,QAAP,EAAD,CADX;;;;AAKD,GA1DY;;AA4DbE,EAAAA,aA5Da,2BA4DG;AACd,WAAOd,GAAP;;;;AAID,GAjEY;;AAmEbe,EAAAA,MAnEa,oBAmEJ;AACP,WAAOf,GAAP;;;;;;;;;;;;;;;;AAgBD,GApFY,EAAf;;;AAuFA,OAAO,IAAMgB,QAAQ,GAAGd,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      font-weight: 400;\r\n      text-decoration: none;\r\n      position: relative;\r\n      bottom: 2px;\r\n      outline: none;\r\n      user-select: none;\r\n      color: ${t.logoColor};\r\n\r\n      &:hover {\r\n        color: ${t.logoHoverColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  divider(t: Theme) {\r\n    return css`\r\n      height: 60%;\r\n      margin: 0 0 2px 15px;\r\n      width: 1px;\r\n      background-color: ${t.tdDividerBg};\r\n    `;\r\n  },\r\n\r\n  cloud() {\r\n    return css`\r\n      display: inline-block;\r\n      position: relative;\r\n      line-height: 0;\r\n    `;\r\n  },\r\n\r\n  inner() {\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n    `;\r\n  },\r\n\r\n  dropdown() {\r\n    return css`\r\n      height: 100%;\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n    `;\r\n  },\r\n\r\n  inline() {\r\n    return css`\r\n      ${cssName(styles.dropdown())}& {\r\n        display: inline-flex;\r\n      }\r\n    `;\r\n  },\r\n\r\n  widgetWrapper() {\r\n    return css`\r\n      display: flex;\r\n      align-items: center;\r\n    `;\r\n  },\r\n\r\n  button() {\r\n    return css`\r\n      display: flex;\r\n      align-items: center;\r\n      margin: 0;\r\n      cursor: pointer;\r\n      outline: 0;\r\n      padding: 0 10px;\r\n      position: relative;\r\n      background: none;\r\n      border: none;\r\n\r\n      &:hover,\r\n      &:focus {\r\n        background: rgba(0, 0, 0, 0.06);\r\n      }\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Logotype.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","t","logoColor","logoHoverColor","divider","tdDividerBg","cloud","inner","dropdown","inline","widgetWrapper","button","jsStyles"],"mappings":"qvEAAA,SAASA,GAAT,EAAcC,OAAd,EAAuBC,YAAvB,QAA2C,2BAA3C;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOL,GAAP;;;;;;;AAOWK,IAAAA,CAAC,CAACC,SAPb;;;AAUaD,IAAAA,CAAC,CAACE,cAVf;;;AAaD,GAfY;;AAiBbC,EAAAA,OAjBa,mBAiBLH,CAjBK,EAiBK;AAChB,WAAOL,GAAP;;;;AAIsBK,IAAAA,CAAC,CAACI,WAJxB;;AAMD,GAxBY;;AA0BbC,EAAAA,KA1Ba,mBA0BL;AACN,WAAOV,GAAP;;;;;AAKD,GAhCY;;AAkCbW,EAAAA,KAlCa,mBAkCL;AACN,WAAOX,GAAP;;;;;;;AAOD,GA1CY;;AA4CbY,EAAAA,QA5Ca,sBA4CF;AACT,WAAOZ,GAAP;;;;;AAKD,GAlDY;;AAoDba,EAAAA,MApDa,oBAoDJ;AACP,WAAOb,GAAP;AACIC,IAAAA,OAAO,CAACE,MAAM,CAACS,QAAP,EAAD,CADX;;;;AAKD,GA1DY;;AA4DbE,EAAAA,aA5Da,2BA4DG;AACd,WAAOd,GAAP;;;;AAID,GAjEY;;AAmEbe,EAAAA,MAnEa,oBAmEJ;AACP,WAAOf,GAAP;;;;;;;;;;;;;;;;AAgBD,GApFY,EAAf;;;AAuFA,OAAO,IAAMgB,QAAQ,GAAGd,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      font-weight: 400;\n      text-decoration: none;\n      position: relative;\n      bottom: 2px;\n      outline: none;\n      user-select: none;\n      color: ${t.logoColor};\n\n      &:hover {\n        color: ${t.logoHoverColor};\n      }\n    `;\n  },\n\n  divider(t: Theme) {\n    return css`\n      height: 60%;\n      margin: 0 0 2px 15px;\n      width: 1px;\n      background-color: ${t.tdDividerBg};\n    `;\n  },\n\n  cloud() {\n    return css`\n      display: inline-block;\n      position: relative;\n      line-height: 0;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n    `;\n  },\n\n  dropdown() {\n    return css`\n      height: 100%;\n      display: flex;\n      flex-wrap: nowrap;\n    `;\n  },\n\n  inline() {\n    return css`\n      ${cssName(styles.dropdown())}& {\n        display: inline-flex;\n      }\n    `;\n  },\n\n  widgetWrapper() {\n    return css`\n      display: flex;\n      align-items: center;\n    `;\n  },\n\n  button() {\n    return css`\n      display: flex;\n      align-items: center;\n      margin: 0;\n      cursor: pointer;\n      outline: 0;\n      padding: 0 10px;\n      position: relative;\n      background: none;\n      border: none;\n\n      &:hover,\n      &:focus {\n        background: rgba(0, 0, 0, 0.06);\n      }\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/Logotype/ProductWidget/ProductWidget.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ProductWidget.tsx"],"names":["calledLoad","ProductWidget","init","loadWidget","script","document","createElement","src","setTimeout","getElementsByTagName","appendChild"],"mappings":"AAAA,IAAIA,UAAU,GAAG,KAAjB;;AAEA,OAAO,IAAMC,aAAa,GAAG;AAC3BC,EAAAA,IAD2B,kBACpB;AACL,QAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvB,UAAIH,UAAJ,EAAgB;AACd;AACD;AACDA,MAAAA,UAAU,GAAG,IAAb;;AAEA,UAAMI,MAAM,GAAGC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAf;AACAF,MAAAA,MAAM,CAACG,GAAP,GAAa,oDAAoD,uBAAjE;AACAC,MAAAA,UAAU,CAAC,oBAAMH,QAAQ,CAACI,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,EAAyCC,WAAzC,CAAqDN,MAArD,CAAN,EAAD,CAAV;AACD,KATD;;AAWAD,IAAAA,UAAU;AACX,GAd0B,EAAtB","sourcesContent":["let calledLoad = false;\r\n\r\nexport const ProductWidget = {\r\n  init() {\r\n    const loadWidget = () => {\r\n      if (calledLoad) {\r\n        return;\r\n      }\r\n      calledLoad = true;\r\n\r\n      const script = document.createElement('script');\r\n      script.src = 'https://widget-product.kontur.ru/widget/loader?' + 'product=&type=service';\r\n      setTimeout(() => document.getElementsByTagName('head')[0].appendChild(script));\r\n    };\r\n\r\n    loadWidget();    \r\n  },\r\n};\r\n"]}
+{"version":3,"sources":["ProductWidget.tsx"],"names":["calledLoad","ProductWidget","init","loadWidget","script","document","createElement","src","setTimeout","getElementsByTagName","appendChild"],"mappings":"AAAA,IAAIA,UAAU,GAAG,KAAjB;;AAEA,OAAO,IAAMC,aAAa,GAAG;AAC3BC,EAAAA,IAD2B,kBACpB;AACL,QAAMC,UAAU,GAAG,SAAbA,UAAa,GAAM;AACvB,UAAIH,UAAJ,EAAgB;AACd;AACD;AACDA,MAAAA,UAAU,GAAG,IAAb;;AAEA,UAAMI,MAAM,GAAGC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAf;AACAF,MAAAA,MAAM,CAACG,GAAP,GAAa,oDAAoD,uBAAjE;AACAC,MAAAA,UAAU,CAAC,oBAAMH,QAAQ,CAACI,oBAAT,CAA8B,MAA9B,EAAsC,CAAtC,EAAyCC,WAAzC,CAAqDN,MAArD,CAAN,EAAD,CAAV;AACD,KATD;;AAWAD,IAAAA,UAAU;AACX,GAd0B,EAAtB","sourcesContent":["let calledLoad = false;\n\nexport const ProductWidget = {\n  init() {\n    const loadWidget = () => {\n      if (calledLoad) {\n        return;\n      }\n      calledLoad = true;\n\n      const script = document.createElement('script');\n      script.src = 'https://widget-product.kontur.ru/widget/loader?' + 'product=&type=service';\n      setTimeout(() => document.getElementsByTagName('head')[0].appendChild(script));\n    };\n\n    loadWidget();    \n  },\n};\n"]}

package/components/Logotype/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAd","sourcesContent":["export * from './Logotype';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAd","sourcesContent":["export * from './Logotype';\n"]}

package/components/Logotype/locale/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","LogotypeLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAAUC,iBAAiB,IAAIC,KAA/B,QAA4C,cAA5C;AACA,SAAUD,iBAAiB,IAAIE,KAA/B,QAA4C,cAA5C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,oBAAoB,GAAG,IAAIJ,YAAJ,CAAiC;AACnEG,EAAAA,KAAK,EAALA,KADmE;AAEnED,EAAAA,KAAK,EAALA,KAFmE,EAAjC,CAA7B","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\r\n\r\nimport  { componentsLocales as en_GB } from './locales/en';\r\nimport  { componentsLocales as ru_RU } from './locales/ru';\r\nimport { LogotypeLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const LogotypeLocaleHelper = new LocaleHelper<LogotypeLocale>({\r\n  ru_RU,\r\n  en_GB,\r\n});\r\n"]}
+{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","LogotypeLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAAUC,iBAAiB,IAAIC,KAA/B,QAA4C,cAA5C;AACA,SAAUD,iBAAiB,IAAIE,KAA/B,QAA4C,cAA5C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,oBAAoB,GAAG,IAAIJ,YAAJ,CAAiC;AACnEG,EAAAA,KAAK,EAALA,KADmE;AAEnED,EAAAA,KAAK,EAALA,KAFmE,EAAjC,CAA7B","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport  { componentsLocales as en_GB } from './locales/en';\nimport  { componentsLocales as ru_RU } from './locales/ru';\nimport { LogotypeLocale } from './types';\n\nexport * from './types';\n\nexport const LogotypeLocaleHelper = new LocaleHelper<LogotypeLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/components/Logotype/locale/locales/en/en.js.map

@@ -1 +1 @@
-{"version":3,"sources":["en.ts"],"names":["componentsLocales","prefix","suffix"],"mappings":";;AAEA,OAAO,IAAMA,iBAAiC,GAAG;AAC/CC,EAAAA,MAAM,EAAE,GADuC;AAE/CC,EAAAA,MAAM,EAAE,MAFuC,EAA1C","sourcesContent":["import { LogotypeLocale } from '../types';\r\n\r\nexport const componentsLocales: LogotypeLocale = {\r\n  prefix: 'k',\r\n  suffix: 'ntur',\r\n};\r\n"]}
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","prefix","suffix"],"mappings":";;AAEA,OAAO,IAAMA,iBAAiC,GAAG;AAC/CC,EAAAA,MAAM,EAAE,GADuC;AAE/CC,EAAAA,MAAM,EAAE,MAFuC,EAA1C","sourcesContent":["import { LogotypeLocale } from '../types';\n\nexport const componentsLocales: LogotypeLocale = {\n  prefix: 'k',\n  suffix: 'ntur',\n};\n"]}

package/components/Logotype/locale/locales/ru/ru.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ru.ts"],"names":["componentsLocales","prefix","suffix"],"mappings":";;AAEA,OAAO,IAAMA,iBAAiC,GAAG;AAC/CC,EAAAA,MAAM,EAAE,GADuC;AAE/CC,EAAAA,MAAM,EAAE,MAFuC,EAA1C","sourcesContent":["import { LogotypeLocale } from '../types';\r\n\r\nexport const componentsLocales: LogotypeLocale = {\r\n  prefix: 'к',\r\n  suffix: 'нтур',\r\n};\r\n"]}
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","prefix","suffix"],"mappings":";;AAEA,OAAO,IAAMA,iBAAiC,GAAG;AAC/CC,EAAAA,MAAM,EAAE,GADuC;AAE/CC,EAAAA,MAAM,EAAE,MAFuC,EAA1C","sourcesContent":["import { LogotypeLocale } from '../types';\n\nexport const componentsLocales: LogotypeLocale = {\n  prefix: 'к',\n  suffix: 'нтур',\n};\n"]}

package/components/MenuHeader/MenuHeader/MenuHeader.js

@@ -4,8 +4,8 @@ import cn from 'classnames';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { jsStyles } from "../MenuHeader.styles";
-/**
- * Заголовок в меню.
+/**
+ * Заголовок в меню.
  */
 
 function MenuHeader(_ref) {

package/components/MenuHeader/MenuHeader/MenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuHeader.tsx"],"names":["React","useContext","cn","ThemeContext","CommonWrapper","jsStyles","MenuHeader","_enableIconPadding","children","rest","theme","root","withLeftPadding","__KONTUR_REACT_UI__","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"oGAAA,OAAOA,KAAP,IAA2BC,UAA3B,QAA6C,OAA7C;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,qBAAzB;;;;;;;AAOA;AACA;AACA;AACA,SAASC,UAAT,OAAwF,0CAAlEC,kBAAkE,CAAlEA,kBAAkE,sCAA7C,KAA6C,yBAAtCC,QAAsC,QAAtCA,QAAsC,CAAzBC,IAAyB;AACtF,MAAMC,KAAK,GAAGT,UAAU,CAACE,YAAD,CAAxB;;AAEA;AACE,wBAAC,aAAD,EAAmBM,IAAnB;AACE;AACE,MAAA,SAAS,EAAEP,EAAE;AACVG,MAAAA,QAAQ,CAACM,IAAT,CAAcD,KAAd,CADU,IACa,IADb;AAEVL,MAAAA,QAAQ,CAACO,eAAT,CAAyBF,KAAzB,CAFU,IAEwBH,kBAFxB,OADf;;;AAMGC,IAAAA,QANH,CADF,CADF;;;;AAYD;;AAEDF,UAAU,CAACO,mBAAX,GAAiC,YAAjC;AACAP,UAAU,CAACQ,eAAX,GAA6B,IAA7B;;AAEA,SAASR,UAAT;;AAEA,OAAO,IAAMS,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAO,aAAAhB,KAAK,CAACiB,cAAN,CAAsCD,KAAtC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,iBAAjD,CADG;AAEH,OAFJ;AAGD,CAJM","sourcesContent":["import React, { ReactNode, useContext } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './MenuHeader.styles';\r\n\r\nexport interface MenuHeaderProps extends CommonProps {\r\n  _enableIconPadding?: boolean;\r\n  children: ReactNode;\r\n}\r\n\r\n/**\r\n * Заголовок в меню.\r\n */\r\nfunction MenuHeader({ _enableIconPadding = false, children, ...rest }: MenuHeaderProps) {\r\n  const theme = useContext(ThemeContext);\r\n\r\n  return (\r\n    <CommonWrapper {...rest}>\r\n      <div\r\n        className={cn({\r\n          [jsStyles.root(theme)]: true,\r\n          [jsStyles.withLeftPadding(theme)]: _enableIconPadding,\r\n        })}\r\n      >\r\n        {children}\r\n      </div>\r\n    </CommonWrapper>\r\n  );\r\n}\r\n\r\nMenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';\r\nMenuHeader.__MENU_HEADER__ = true;\r\n\r\nexport { MenuHeader };\r\n\r\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\r\n  return React.isValidElement<MenuHeaderProps>(child)\r\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\r\n    : false;\r\n};\r\n"]}
+{"version":3,"sources":["MenuHeader.tsx"],"names":["React","useContext","cn","ThemeContext","CommonWrapper","jsStyles","MenuHeader","_enableIconPadding","children","rest","theme","root","withLeftPadding","__KONTUR_REACT_UI__","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"oGAAA,OAAOA,KAAP,IAA2BC,UAA3B,QAA6C,OAA7C;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,qBAAzB;;;;;;;AAOA;AACA;AACA;AACA,SAASC,UAAT,OAAwF,0CAAlEC,kBAAkE,CAAlEA,kBAAkE,sCAA7C,KAA6C,yBAAtCC,QAAsC,QAAtCA,QAAsC,CAAzBC,IAAyB;AACtF,MAAMC,KAAK,GAAGT,UAAU,CAACE,YAAD,CAAxB;;AAEA;AACE,wBAAC,aAAD,EAAmBM,IAAnB;AACE;AACE,MAAA,SAAS,EAAEP,EAAE;AACVG,MAAAA,QAAQ,CAACM,IAAT,CAAcD,KAAd,CADU,IACa,IADb;AAEVL,MAAAA,QAAQ,CAACO,eAAT,CAAyBF,KAAzB,CAFU,IAEwBH,kBAFxB,OADf;;;AAMGC,IAAAA,QANH,CADF,CADF;;;;AAYD;;AAEDF,UAAU,CAACO,mBAAX,GAAiC,YAAjC;AACAP,UAAU,CAACQ,eAAX,GAA6B,IAA7B;;AAEA,SAASR,UAAT;;AAEA,OAAO,IAAMS,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAO,aAAAhB,KAAK,CAACiB,cAAN,CAAsCD,KAAtC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,iBAAjD,CADG;AAEH,OAFJ;AAGD,CAJM","sourcesContent":["import React, { ReactNode, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './MenuHeader.styles';\n\nexport interface MenuHeaderProps extends CommonProps {\n  _enableIconPadding?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Заголовок в меню.\n */\nfunction MenuHeader({ _enableIconPadding = false, children, ...rest }: MenuHeaderProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <CommonWrapper {...rest}>\n      <div\n        className={cn({\n          [jsStyles.root(theme)]: true,\n          [jsStyles.withLeftPadding(theme)]: _enableIconPadding,\n        })}\n      >\n        {children}\n      </div>\n    </CommonWrapper>\n  );\n}\n\nMenuHeader.__KONTUR_REACT_UI__ = 'MenuHeader';\nMenuHeader.__MENU_HEADER__ = true;\n\nexport { MenuHeader };\n\nexport const isMenuHeader = (child: React.ReactNode): child is React.ReactElement<MenuHeaderProps> => {\n  return React.isValidElement<MenuHeaderProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_HEADER__')\n    : false;\n};\n"]}

package/components/MenuHeader/MenuHeader.styles/MenuHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuHeader.styles.ts"],"names":["css","memoizeStyle","styles","root","t","legacyPaddingRight","parseFloat","menuHeaderLegacyPaddingRight","paddingRight","menuHeaderPaddingX","menuHeaderColor","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","withLeftPadding","menuItemPaddingForIcon","jsStyles"],"mappings":"ijBAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,QAAMC,kBAAkB,GAAGC,UAAU,CAACF,CAAC,CAACG,4BAAH,CAArC;AACA,QAAMC,YAAY;AAChBH,IAAAA,kBAAkB,KAAK,CAAvB,GAA8BC,UAAU,CAACF,CAAC,CAACK,kBAAH,CAAV,GAAmCJ,kBAAjE,UAA0FD,CAAC,CAACK,kBAD9F;;AAGA,WAAOT,GAAP;AACWI,IAAAA,CAAC,CAACM,eADb;;AAGeN,IAAAA,CAAC,CAACO,kBAHjB;AAIiBP,IAAAA,CAAC,CAACQ,oBAJnB;AAKaR,IAAAA,CAAC,CAACS,oBALf,EAKuCL,YALvC,EAKuDJ,CAAC,CAACU,uBALzD,EAKoFV,CAAC,CAACK,kBALtF;;AAOD,GAbY;;AAebM,EAAAA,eAfa,2BAeGX,CAfH,EAea;AACxB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,CAACY,sBADpB;;AAGD,GAnBY,EAAf;;;AAsBA,OAAO,IAAMC,QAAQ,GAAGhB,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    const legacyPaddingRight = parseFloat(t.menuHeaderLegacyPaddingRight);\r\n    const paddingRight =\r\n      legacyPaddingRight !== 0 ? `${parseFloat(t.menuHeaderPaddingX) + legacyPaddingRight}px` : t.menuHeaderPaddingX;\r\n\r\n    return css`\r\n      color: ${t.menuHeaderColor};\r\n      cursor: default;\r\n      font-size: ${t.menuHeaderFontSize};\r\n      line-height: ${t.menuHeaderLineHeight};\r\n      padding: ${t.menuHeaderPaddingTop} ${paddingRight} ${t.menuHeaderPaddingBottom} ${t.menuHeaderPaddingX};\r\n    `;\r\n  },\r\n\r\n  withLeftPadding(t: Theme) {\r\n    return css`\r\n      padding-left: ${t.menuItemPaddingForIcon};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["MenuHeader.styles.ts"],"names":["css","memoizeStyle","styles","root","t","legacyPaddingRight","parseFloat","menuHeaderLegacyPaddingRight","paddingRight","menuHeaderPaddingX","menuHeaderColor","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","withLeftPadding","menuItemPaddingForIcon","jsStyles"],"mappings":"ijBAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,QAAMC,kBAAkB,GAAGC,UAAU,CAACF,CAAC,CAACG,4BAAH,CAArC;AACA,QAAMC,YAAY;AAChBH,IAAAA,kBAAkB,KAAK,CAAvB,GAA8BC,UAAU,CAACF,CAAC,CAACK,kBAAH,CAAV,GAAmCJ,kBAAjE,UAA0FD,CAAC,CAACK,kBAD9F;;AAGA,WAAOT,GAAP;AACWI,IAAAA,CAAC,CAACM,eADb;;AAGeN,IAAAA,CAAC,CAACO,kBAHjB;AAIiBP,IAAAA,CAAC,CAACQ,oBAJnB;AAKaR,IAAAA,CAAC,CAACS,oBALf,EAKuCL,YALvC,EAKuDJ,CAAC,CAACU,uBALzD,EAKoFV,CAAC,CAACK,kBALtF;;AAOD,GAbY;;AAebM,EAAAA,eAfa,2BAeGX,CAfH,EAea;AACxB,WAAOJ,GAAP;AACkBI,IAAAA,CAAC,CAACY,sBADpB;;AAGD,GAnBY,EAAf;;;AAsBA,OAAO,IAAMC,QAAQ,GAAGhB,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    const legacyPaddingRight = parseFloat(t.menuHeaderLegacyPaddingRight);\n    const paddingRight =\n      legacyPaddingRight !== 0 ? `${parseFloat(t.menuHeaderPaddingX) + legacyPaddingRight}px` : t.menuHeaderPaddingX;\n\n    return css`\n      color: ${t.menuHeaderColor};\n      cursor: default;\n      font-size: ${t.menuHeaderFontSize};\n      line-height: ${t.menuHeaderLineHeight};\n      padding: ${t.menuHeaderPaddingTop} ${paddingRight} ${t.menuHeaderPaddingBottom} ${t.menuHeaderPaddingX};\n    `;\n  },\n\n  withLeftPadding(t: Theme) {\n    return css`\n      padding-left: ${t.menuItemPaddingForIcon};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/MenuHeader/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './MenuHeader';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './MenuHeader';\n"]}

package/components/MenuItem/MenuItem/MenuItem.js

@@ -9,8 +9,8 @@ import { isFunction } from "../../../lib/utils";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { jsStyles } from "../MenuItem.styles";
-/**
- * Элемент меню.
+/**
+ * Элемент меню.
  */
 
 export var MenuItem = /*#__PURE__*/function (_React$Component) {

package/components/MenuItem/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuItem.tsx"],"names":["React","PropTypes","warning","cn","isFunction","ThemeContext","CommonWrapper","jsStyles","MenuItem","theme","mouseEntered","renderMain","props","alkoLink","link","comment","icon","loose","state","_enableIconPadding","component","onMouseEnter","onMouseLeave","rest","undefined","hover","disabled","iconElement","className","root","selected","withIcon","Boolean","children","content","Component","getComponent","handleMouseEnterFix","handleMouseLeave","commentHover","e","href","render","__KONTUR_REACT_UI__","__MENU_ITEM__","propTypes","bool","node","string","oneOfType","target","onClick","func","isMenuItem","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport warning from 'warning';\r\nimport cn from 'classnames';\r\n\r\nimport { isFunction } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './MenuItem.styles';\r\n\r\nexport type MenuItemState = null | 'hover' | 'selected' | void;\r\n\r\nexport interface MenuItemProps extends CommonProps {\r\n  /** @ignore */\r\n  _enableIconPadding?: boolean;\r\n\r\n  /** @deprecated @ignore */\r\n  alkoLink?: boolean;\r\n  comment?: React.ReactNode;\r\n  disabled?: boolean;\r\n  icon?: React.ReactElement<any>;\r\n  link?: boolean;\r\n\r\n  /** @ignore */\r\n  loose?: boolean;\r\n\r\n  /** @ignore */\r\n  state?: MenuItemState;\r\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\r\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\r\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\r\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\r\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\r\n  onMouseEnter?: React.MouseEventHandler;\r\n  onMouseLeave?: React.MouseEventHandler;\r\n\r\n  component?: React.ComponentType<any>;\r\n}\r\n\r\n/**\r\n * Элемент меню.\r\n */\r\nexport class MenuItem extends React.Component<MenuItemProps> {\r\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\r\n  public static __MENU_ITEM__ = true;\r\n\r\n  public static propTypes = {\r\n    alkoLink: PropTypes.bool,\r\n\r\n    comment: PropTypes.node,\r\n\r\n    disabled: PropTypes.bool,\r\n\r\n    href: PropTypes.string,\r\n\r\n    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\r\n\r\n    loose: PropTypes.bool,\r\n\r\n    state: PropTypes.string,\r\n\r\n    target: PropTypes.string,\r\n\r\n    onClick: PropTypes.func,\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private mouseEntered = false;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<MenuItemProps>) => {\r\n    const {\r\n      alkoLink,\r\n      link,\r\n      comment,\r\n      icon,\r\n      loose,\r\n      state,\r\n      _enableIconPadding,\r\n      component,\r\n      onMouseEnter,\r\n      onMouseLeave,\r\n      ...rest\r\n    } = props;\r\n\r\n    warning(alkoLink === undefined, \"[MenuItem]: Prop 'alkoLink' was deprecated please use 'link' instead\");\r\n\r\n    const hover = state === 'hover' && !this.props.disabled;\r\n\r\n    let iconElement = null;\r\n    if (icon) {\r\n      iconElement = <div className={jsStyles.icon(this.theme)}>{icon}</div>;\r\n    }\r\n\r\n    const className = cn({\r\n      [jsStyles.root(this.theme)]: true,\r\n      [jsStyles.loose()]: !!loose,\r\n      [jsStyles.hover(this.theme)]: hover,\r\n      [jsStyles.selected(this.theme)]: state === 'selected',\r\n      [jsStyles.link(this.theme)]: !!link || !!alkoLink,\r\n      [jsStyles.withIcon(this.theme)]: Boolean(iconElement) || !!_enableIconPadding,\r\n      [jsStyles.disabled(this.theme)]: !!this.props.disabled,\r\n    });\r\n\r\n    const { children } = this.props;\r\n\r\n    let content = children;\r\n    if (isFunction(children)) {\r\n      content = children(this.props.state);\r\n    }\r\n\r\n    const Component = this.getComponent();\r\n\r\n    return (\r\n      <Component\r\n        {...rest}\r\n        state={state}\r\n        onMouseOver={this.handleMouseEnterFix}\r\n        onMouseLeave={this.handleMouseLeave}\r\n        className={className}\r\n        tabIndex={-1}\r\n      >\r\n        {iconElement}\r\n        {content}\r\n        {this.props.comment && (\r\n          <div\r\n            data-tid=\"MenuItem__comment\"\r\n            className={cn({\r\n              [jsStyles.comment(this.theme)]: true,\r\n              [jsStyles.commentHover(this.theme)]: hover,\r\n            })}\r\n          >\r\n            {comment}\r\n          </div>\r\n        )}\r\n      </Component>\r\n    );\r\n  };\r\n\r\n  // https://github.com/facebook/react/issues/10109\r\n  // Mouseenter event not triggered when cursor moves from disabled button\r\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\r\n    if (!this.mouseEntered && this.props.onMouseEnter) {\r\n      this.mouseEntered = true;\r\n      this.props.onMouseEnter(e);\r\n    }\r\n  };\r\n\r\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\r\n    this.mouseEntered = false;\r\n    if (this.props.onMouseLeave) {\r\n      this.props.onMouseLeave(e);\r\n    }\r\n  };\r\n\r\n  private getComponent = () => {\r\n    const { disabled, component, href } = this.props;\r\n\r\n    if (disabled) {\r\n      return 'button';\r\n    }\r\n\r\n    if (component) {\r\n      return component;\r\n    }\r\n\r\n    if (href) {\r\n      return 'a';\r\n    }\r\n\r\n    return 'button';\r\n  };\r\n}\r\n\r\nexport const isMenuItem = (child: React.ReactNode): child is React.ReactElement<MenuItemProps> => {\r\n  return React.isValidElement<MenuItemProps>(child)\r\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_ITEM__')\r\n    : false;\r\n};\r\n"]}
+{"version":3,"sources":["MenuItem.tsx"],"names":["React","PropTypes","warning","cn","isFunction","ThemeContext","CommonWrapper","jsStyles","MenuItem","theme","mouseEntered","renderMain","props","alkoLink","link","comment","icon","loose","state","_enableIconPadding","component","onMouseEnter","onMouseLeave","rest","undefined","hover","disabled","iconElement","className","root","selected","withIcon","Boolean","children","content","Component","getComponent","handleMouseEnterFix","handleMouseLeave","commentHover","e","href","render","__KONTUR_REACT_UI__","__MENU_ITEM__","propTypes","bool","node","string","oneOfType","target","onClick","func","isMenuItem","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,SAApB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,UAAT,QAA2B,iBAA3B;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAAsBC,aAAtB,QAAmE,8BAAnE;;AAEA,SAASC,QAAT,QAAyB,mBAAzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA;AACA;AACA;AACA,WAAaC,QAAb;;;;;;;;;;;;;;;;;;;;;;;;AAwBUC,IAAAA,KAxBV;AAyBUC,IAAAA,YAzBV,GAyByB,KAzBzB;;;;;;;;;;;;;AAsCUC,IAAAA,UAtCV,GAsCuB,UAACC,KAAD,EAAkD;;AAEnEC,MAAAA,QAFmE;;;;;;;;;;;AAajED,MAAAA,KAbiE,CAEnEC,QAFmE,CAGnEC,IAHmE,GAajEF,KAbiE,CAGnEE,IAHmE,CAInEC,OAJmE,GAajEH,KAbiE,CAInEG,OAJmE,CAKnEC,IALmE,GAajEJ,KAbiE,CAKnEI,IALmE,CAMnEC,KANmE,GAajEL,KAbiE,CAMnEK,KANmE,CAOnEC,KAPmE,GAajEN,KAbiE,CAOnEM,KAPmE,CAQnEC,kBARmE,GAajEP,KAbiE,CAQnEO,kBARmE,CASnEC,SATmE,GAajER,KAbiE,CASnEQ,SATmE,CAUnEC,YAVmE,GAajET,KAbiE,CAUnES,YAVmE,CAWnEC,YAXmE,GAajEV,KAbiE,CAWnEU,YAXmE,CAYhEC,IAZgE,iCAajEX,KAbiE;;AAerEV,MAAAA,OAAO,CAACW,QAAQ,KAAKW,SAAd,EAAyB,sEAAzB,CAAP;;AAEA,UAAMC,KAAK,GAAGP,KAAK,KAAK,OAAV,IAAqB,CAAC,MAAKN,KAAL,CAAWc,QAA/C;;AAEA,UAAIC,WAAW,GAAG,IAAlB;AACA,UAAIX,IAAJ,EAAU;AACRW,QAAAA,WAAW,gBAAG,6BAAK,SAAS,EAAEpB,QAAQ,CAACS,IAAT,CAAc,MAAKP,KAAnB,CAAhB,IAA4CO,IAA5C,CAAd;AACD;;AAED,UAAMY,SAAS,GAAGzB,EAAE;AACjBI,MAAAA,QAAQ,CAACsB,IAAT,CAAc,MAAKpB,KAAnB,CADiB,IACW,IADX;AAEjBF,MAAAA,QAAQ,CAACU,KAAT,EAFiB,IAEE,CAAC,CAACA,KAFJ;AAGjBV,MAAAA,QAAQ,CAACkB,KAAT,CAAe,MAAKhB,KAApB,CAHiB,IAGYgB,KAHZ;AAIjBlB,MAAAA,QAAQ,CAACuB,QAAT,CAAkB,MAAKrB,KAAvB,CAJiB,IAIeS,KAAK,KAAK,UAJzB;AAKjBX,MAAAA,QAAQ,CAACO,IAAT,CAAc,MAAKL,KAAnB,CALiB,IAKW,CAAC,CAACK,IAAF,IAAU,CAAC,CAACD,QALvB;AAMjBN,MAAAA,QAAQ,CAACwB,QAAT,CAAkB,MAAKtB,KAAvB,CANiB,IAMeuB,OAAO,CAACL,WAAD,CAAP,IAAwB,CAAC,CAACR,kBANzC;AAOjBZ,MAAAA,QAAQ,CAACmB,QAAT,CAAkB,MAAKjB,KAAvB,CAPiB,IAOe,CAAC,CAAC,MAAKG,KAAL,CAAWc,QAP5B,OAApB,CAxBqE;;;AAkC7DO,MAAAA,QAlC6D,GAkChD,MAAKrB,KAlC2C,CAkC7DqB,QAlC6D;;AAoCrE,UAAIC,OAAO,GAAGD,QAAd;AACA,UAAI7B,UAAU,CAAC6B,QAAD,CAAd,EAA0B;AACxBC,QAAAA,OAAO,GAAGD,QAAQ,CAAC,MAAKrB,KAAL,CAAWM,KAAZ,CAAlB;AACD;;AAED,UAAMiB,SAAS,GAAG,MAAKC,YAAL,EAAlB;;AAEA;AACE,4BAAC,SAAD;AACMb,QAAAA,IADN;AAEE,UAAA,KAAK,EAAEL,KAFT;AAGE,UAAA,WAAW,EAAE,MAAKmB,mBAHpB;AAIE,UAAA,YAAY,EAAE,MAAKC,gBAJrB;AAKE,UAAA,SAAS,EAAEV,SALb;AAME,UAAA,QAAQ,EAAE,CAAC,CANb;;AAQGD,QAAAA,WARH;AASGO,QAAAA,OATH;AAUG,cAAKtB,KAAL,CAAWG,OAAX;AACC;AACE,sBAAS,mBADX;AAEE,UAAA,SAAS,EAAEZ,EAAE;AACVI,UAAAA,QAAQ,CAACQ,OAAT,CAAiB,MAAKN,KAAtB,CADU,IACqB,IADrB;AAEVF,UAAAA,QAAQ,CAACgC,YAAT,CAAsB,MAAK9B,KAA3B,CAFU,IAE0BgB,KAF1B,QAFf;;;AAOGV,QAAAA,OAPH,CAXJ,CADF;;;;;AAwBD,KAzGH;;;;AA6GUsB,IAAAA,mBA7GV,GA6GgC,UAACG,CAAD,EAAsC;AAClE,UAAI,CAAC,MAAK9B,YAAN,IAAsB,MAAKE,KAAL,CAAWS,YAArC,EAAmD;AACjD,cAAKX,YAAL,GAAoB,IAApB;AACA,cAAKE,KAAL,CAAWS,YAAX,CAAwBmB,CAAxB;AACD;AACF,KAlHH;;AAoHUF,IAAAA,gBApHV,GAoH6B,UAACE,CAAD,EAAsC;AAC/D,YAAK9B,YAAL,GAAoB,KAApB;AACA,UAAI,MAAKE,KAAL,CAAWU,YAAf,EAA6B;AAC3B,cAAKV,KAAL,CAAWU,YAAX,CAAwBkB,CAAxB;AACD;AACF,KAzHH;;AA2HUJ,IAAAA,YA3HV,GA2HyB,YAAM;AACW,YAAKxB,KADhB,CACnBc,QADmB,eACnBA,QADmB,CACTN,SADS,eACTA,SADS,CACEqB,IADF,eACEA,IADF;;AAG3B,UAAIf,QAAJ,EAAc;AACZ,eAAO,QAAP;AACD;;AAED,UAAIN,SAAJ,EAAe;AACb,eAAOA,SAAP;AACD;;AAED,UAAIqB,IAAJ,EAAU;AACR,eAAO,GAAP;AACD;;AAED,aAAO,QAAP;AACD,KA3IH,sDA2BSC,MA3BT,GA2BE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAAAjC,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBAAO,oBAAC,aAAD,EAAmB,MAAI,CAACG,KAAxB,EAAgC,MAAI,CAACD,UAArC,CAAP,CACD,CAJH,CADF,CAQD,CApCH,mBAA8BX,KAAK,CAACmC,SAApC,EAAa3B,Q,CACGmC,mB,GAAsB,U,CADzBnC,Q,CAEGoC,a,GAAgB,I,CAFnBpC,Q,CAIGqC,S,GAAY,EACxBhC,QAAQ,EAAEZ,SAAS,CAAC6C,IADI,EAGxB/B,OAAO,EAAEd,SAAS,CAAC8C,IAHK,EAKxBrB,QAAQ,EAAEzB,SAAS,CAAC6C,IALI,EAOxBL,IAAI,EAAExC,SAAS,CAAC+C,MAPQ,EASxBhC,IAAI,EAAEf,SAAS,CAACgD,SAAV,CAAoB,CAAChD,SAAS,CAAC+C,MAAX,EAAmB/C,SAAS,CAAC8C,IAA7B,CAApB,CATkB,EAWxB9B,KAAK,EAAEhB,SAAS,CAAC6C,IAXO,EAaxB5B,KAAK,EAAEjB,SAAS,CAAC+C,MAbO,EAexBE,MAAM,EAAEjD,SAAS,CAAC+C,MAfM,EAiBxBG,OAAO,EAAElD,SAAS,CAACmD,IAjBK,E;;;AA0I5B,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAwE;AAChG,SAAO,aAAAtD,KAAK,CAACuD,cAAN,CAAoCD,KAApC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,eAAjD,CADG;AAEH,OAFJ;AAGD,CAJM","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport warning from 'warning';\nimport cn from 'classnames';\n\nimport { isFunction } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './MenuItem.styles';\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps extends CommonProps {\n  /** @ignore */\n  _enableIconPadding?: boolean;\n\n  /** @deprecated @ignore */\n  alkoLink?: boolean;\n  comment?: React.ReactNode;\n  disabled?: boolean;\n  icon?: React.ReactElement<any>;\n  link?: boolean;\n\n  /** @ignore */\n  loose?: boolean;\n\n  /** @ignore */\n  state?: MenuItemState;\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n  onMouseEnter?: React.MouseEventHandler;\n  onMouseLeave?: React.MouseEventHandler;\n\n  component?: React.ComponentType<any>;\n}\n\n/**\n * Элемент меню.\n */\nexport class MenuItem extends React.Component<MenuItemProps> {\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\n  public static __MENU_ITEM__ = true;\n\n  public static propTypes = {\n    alkoLink: PropTypes.bool,\n\n    comment: PropTypes.node,\n\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n    loose: PropTypes.bool,\n\n    state: PropTypes.string,\n\n    target: PropTypes.string,\n\n    onClick: PropTypes.func,\n  };\n\n  private theme!: Theme;\n  private mouseEntered = false;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<MenuItemProps>) => {\n    const {\n      alkoLink,\n      link,\n      comment,\n      icon,\n      loose,\n      state,\n      _enableIconPadding,\n      component,\n      onMouseEnter,\n      onMouseLeave,\n      ...rest\n    } = props;\n\n    warning(alkoLink === undefined, \"[MenuItem]: Prop 'alkoLink' was deprecated please use 'link' instead\");\n\n    const hover = state === 'hover' && !this.props.disabled;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = <div className={jsStyles.icon(this.theme)}>{icon}</div>;\n    }\n\n    const className = cn({\n      [jsStyles.root(this.theme)]: true,\n      [jsStyles.loose()]: !!loose,\n      [jsStyles.hover(this.theme)]: hover,\n      [jsStyles.selected(this.theme)]: state === 'selected',\n      [jsStyles.link(this.theme)]: !!link || !!alkoLink,\n      [jsStyles.withIcon(this.theme)]: Boolean(iconElement) || !!_enableIconPadding,\n      [jsStyles.disabled(this.theme)]: !!this.props.disabled,\n    });\n\n    const { children } = this.props;\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(this.props.state);\n    }\n\n    const Component = this.getComponent();\n\n    return (\n      <Component\n        {...rest}\n        state={state}\n        onMouseOver={this.handleMouseEnterFix}\n        onMouseLeave={this.handleMouseLeave}\n        className={className}\n        tabIndex={-1}\n      >\n        {iconElement}\n        {content}\n        {this.props.comment && (\n          <div\n            data-tid=\"MenuItem__comment\"\n            className={cn({\n              [jsStyles.comment(this.theme)]: true,\n              [jsStyles.commentHover(this.theme)]: hover,\n            })}\n          >\n            {comment}\n          </div>\n        )}\n      </Component>\n    );\n  };\n\n  // https://github.com/facebook/react/issues/10109\n  // Mouseenter event not triggered when cursor moves from disabled button\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n    if (!this.mouseEntered && this.props.onMouseEnter) {\n      this.mouseEntered = true;\n      this.props.onMouseEnter(e);\n    }\n  };\n\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    this.mouseEntered = false;\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(e);\n    }\n  };\n\n  private getComponent = () => {\n    const { disabled, component, href } = this.props;\n\n    if (disabled) {\n      return 'button';\n    }\n\n    if (component) {\n      return component;\n    }\n\n    if (href) {\n      return 'a';\n    }\n\n    return 'button';\n  };\n}\n\nexport const isMenuItem = (child: React.ReactNode): child is React.ReactElement<MenuItemProps> => {\n  return React.isValidElement<MenuItemProps>(child)\n    ? Object.prototype.hasOwnProperty.call(child.type, '__MENU_ITEM__')\n    : false;\n};\n"]}

package/components/MenuItem/MenuItem.md

@@ -1,7 +1,7 @@
-```jsx harmony
-import { Link } from '@skbkontur/react-ui';
-
-<MenuItem href="http://tech.skbkontur.ru/react-ui/" component={({ href, ...rest }) => <Link to={href} {...rest} />}>
-  Awesome link
-</MenuItem>;
-```
+```jsx harmony
+import { Link } from '@skbkontur/react-ui';
+
+<MenuItem href="http://tech.skbkontur.ru/react-ui/" component={({ href, ...rest }) => <Link to={href} {...rest} />}>
+  Awesome link
+</MenuItem>;
+```

package/components/MenuItem/MenuItem.styles/MenuItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuItem.styles.ts"],"names":["css","memoizeStyle","resetButton","styles","root","t","legacyPaddingX","parseFloat","menuItemLegacyPaddingX","legacyPaddingY","menuItemLegacyPaddingY","paddingX","menuItemPaddingX","paddingY","menuItemPaddingY","menuItemLineHeight","menuItemFontSize","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledColor","link","menuItemLinkColor","loose","withIcon","menuItemPaddingForIcon","comment","menuItemCommentColor","commentHover","menuItemCommentColorHover","icon","menuItemIconWidth","parseInt","menuItemIconLegacyMargin","menuItemIconLegacyShift","jsStyles"],"mappings":";AACA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;AACA,SAASC,WAAT,QAA4B,yBAA5B;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,QAAMC,cAAc,GAAGC,UAAU,CAACF,CAAC,CAACG,sBAAH,CAAjC;AACA,QAAMC,cAAc,GAAGF,UAAU,CAACF,CAAC,CAACK,sBAAH,CAAjC;;AAEA,QAAMC,QAAQ,GAAGL,cAAc,KAAK,CAAnB,GAA0BC,UAAU,CAACF,CAAC,CAACO,gBAAH,CAAV,GAAiCN,cAA3D,UAAgFD,CAAC,CAACO,gBAAnG;AACA,QAAMC,QAAQ,GAAGJ,cAAc,KAAK,CAAnB,GAA0BF,UAAU,CAACF,CAAC,CAACS,gBAAH,CAAV,GAAiCL,cAA3D,UAAgFJ,CAAC,CAACS,gBAAnG;;AAEA,WAAOd,GAAP;AACIE,IAAAA,WAAW,EADf;;;;AAKiBG,IAAAA,CAAC,CAACU,kBALnB;AAMeV,IAAAA,CAAC,CAACW,gBANjB;AAOaX,IAAAA,CAAC,CAACS,gBAPf,EAOmCH,QAPnC,EAO+CE,QAP/C,EAO2DR,CAAC,CAACO,gBAP7D;;;;;;;;AAeD,GAvBY;;AAyBbK,EAAAA,KAzBa,iBAyBPZ,CAzBO,EAyBG;AACd;AACA,WAAOL,GAAP;AACgBK,IAAAA,CAAC,CAACa,eADlB;AAEWb,IAAAA,CAAC,CAACc,kBAFb;;AAID,GA/BY;AAgCbC,EAAAA,QAhCa,oBAgCJf,CAhCI,EAgCM;AACjB,WAAOL,GAAP;AACgBK,IAAAA,CAAC,CAACgB,kBADlB;;AAGD,GApCY;AAqCbC,EAAAA,QArCa,oBAqCJjB,CArCI,EAqCM;AACjB,WAAOL,GAAP;;AAEWK,IAAAA,CAAC,CAACkB,qBAFb;;;AAKD,GA3CY;AA4CbC,EAAAA,IA5Ca,gBA4CRnB,CA5CQ,EA4CE;AACb,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACoB,iBADb;;AAGD,GAhDY;AAiDbC,EAAAA,KAjDa,mBAiDL;AACN,WAAO1B,GAAP;;;AAGD,GArDY;AAsDb2B,EAAAA,QAtDa,oBAsDJtB,CAtDI,EAsDM;AACjB,WAAOL,GAAP;AACkBK,IAAAA,CAAC,CAACuB,sBADpB;;AAGD,GA1DY;AA2DbC,EAAAA,OA3Da,mBA2DLxB,CA3DK,EA2DK;AAChB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACyB,oBADb;;;AAID,GAhEY;AAiEbC,EAAAA,YAjEa,wBAiEA1B,CAjEA,EAiEU;AACrB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAAC2B,yBADb;;;AAID,GAtEY;AAuEbC,EAAAA,IAvEa,gBAuER5B,CAvEQ,EAuEE;AACb,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAAC6B,iBADb;;;AAIUC,IAAAA,QAAQ,CAAC9B,CAAC,CAACO,gBAAH,CAAR,GAA+BuB,QAAQ,CAAC9B,CAAC,CAAC+B,wBAAH,CAJjD;AAKS/B,IAAAA,CAAC,CAACS,gBALX;AAM0BT,IAAAA,CAAC,CAACgC,uBAN5B;;AAQD,GAhFY,EAAf;;;AAmFA,OAAO,IAAMC,QAAQ,GAAGrC,YAAY,CAACE,MAAD,CAA7B","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\r\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { resetButton } from '../../lib/styles/Mixins';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    const legacyPaddingX = parseFloat(t.menuItemLegacyPaddingX);\r\n    const legacyPaddingY = parseFloat(t.menuItemLegacyPaddingY);\r\n\r\n    const paddingX = legacyPaddingX !== 0 ? `${parseFloat(t.menuItemPaddingX) + legacyPaddingX}px` : t.menuItemPaddingX;\r\n    const paddingY = legacyPaddingY !== 0 ? `${parseFloat(t.menuItemPaddingY) + legacyPaddingY}px` : t.menuItemPaddingY;\r\n\r\n    return css`\r\n      ${resetButton()};\r\n\r\n      cursor: pointer;\r\n      display: block;\r\n      line-height: ${t.menuItemLineHeight};\r\n      font-size: ${t.menuItemFontSize};\r\n      padding: ${t.menuItemPaddingY} ${paddingX} ${paddingY} ${t.menuItemPaddingX};\r\n      position: relative;\r\n      text-decoration: none;\r\n\r\n      button& {\r\n        min-width: 100%;\r\n      }\r\n    `;\r\n  },\r\n\r\n  hover(t: Theme) {\r\n    // Color with !important in purpose to override `a:hover`\r\n    return css`\r\n      background: ${t.menuItemHoverBg} !important;\r\n      color: ${t.menuItemHoverColor} !important;\r\n    `;\r\n  },\r\n  selected(t: Theme) {\r\n    return css`\r\n      background: ${t.menuItemSelectedBg};\r\n    `;\r\n  },\r\n  disabled(t: Theme) {\r\n    return css`\r\n      background: transparent !important;\r\n      color: ${t.menuItemDisabledColor} !important;\r\n      cursor: default !important;\r\n    `;\r\n  },\r\n  link(t: Theme) {\r\n    return css`\r\n      color: ${t.menuItemLinkColor};\r\n    `;\r\n  },\r\n  loose() {\r\n    return css`\r\n      padding-left: 15px;\r\n    `;\r\n  },\r\n  withIcon(t: Theme) {\r\n    return css`\r\n      padding-left: ${t.menuItemPaddingForIcon} !important;\r\n    `;\r\n  },\r\n  comment(t: Theme) {\r\n    return css`\r\n      color: ${t.menuItemCommentColor};\r\n      white-space: normal;\r\n    `;\r\n  },\r\n  commentHover(t: Theme) {\r\n    return css`\r\n      color: ${t.menuItemCommentColorHover};\r\n      opacity: 0.6;\r\n    `;\r\n  },\r\n  icon(t: Theme) {\r\n    return css`\r\n      width: ${t.menuItemIconWidth};\r\n      display: inline-block;\r\n      position: absolute;\r\n      left: ${parseInt(t.menuItemPaddingX) + parseInt(t.menuItemIconLegacyMargin)}px;\r\n      top: ${t.menuItemPaddingY};\r\n      transform: translateY(${t.menuItemIconLegacyShift});\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["MenuItem.styles.ts"],"names":["css","memoizeStyle","resetButton","styles","root","t","legacyPaddingX","parseFloat","menuItemLegacyPaddingX","legacyPaddingY","menuItemLegacyPaddingY","paddingX","menuItemPaddingX","paddingY","menuItemPaddingY","menuItemLineHeight","menuItemFontSize","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledColor","link","menuItemLinkColor","loose","withIcon","menuItemPaddingForIcon","comment","menuItemCommentColor","commentHover","menuItemCommentColorHover","icon","menuItemIconWidth","parseInt","menuItemIconLegacyMargin","menuItemIconLegacyShift","jsStyles"],"mappings":";AACA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;AACA,SAASC,WAAT,QAA4B,yBAA5B;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,QAAMC,cAAc,GAAGC,UAAU,CAACF,CAAC,CAACG,sBAAH,CAAjC;AACA,QAAMC,cAAc,GAAGF,UAAU,CAACF,CAAC,CAACK,sBAAH,CAAjC;;AAEA,QAAMC,QAAQ,GAAGL,cAAc,KAAK,CAAnB,GAA0BC,UAAU,CAACF,CAAC,CAACO,gBAAH,CAAV,GAAiCN,cAA3D,UAAgFD,CAAC,CAACO,gBAAnG;AACA,QAAMC,QAAQ,GAAGJ,cAAc,KAAK,CAAnB,GAA0BF,UAAU,CAACF,CAAC,CAACS,gBAAH,CAAV,GAAiCL,cAA3D,UAAgFJ,CAAC,CAACS,gBAAnG;;AAEA,WAAOd,GAAP;AACIE,IAAAA,WAAW,EADf;;;;AAKiBG,IAAAA,CAAC,CAACU,kBALnB;AAMeV,IAAAA,CAAC,CAACW,gBANjB;AAOaX,IAAAA,CAAC,CAACS,gBAPf,EAOmCH,QAPnC,EAO+CE,QAP/C,EAO2DR,CAAC,CAACO,gBAP7D;;;;;;;;AAeD,GAvBY;;AAyBbK,EAAAA,KAzBa,iBAyBPZ,CAzBO,EAyBG;AACd;AACA,WAAOL,GAAP;AACgBK,IAAAA,CAAC,CAACa,eADlB;AAEWb,IAAAA,CAAC,CAACc,kBAFb;;AAID,GA/BY;AAgCbC,EAAAA,QAhCa,oBAgCJf,CAhCI,EAgCM;AACjB,WAAOL,GAAP;AACgBK,IAAAA,CAAC,CAACgB,kBADlB;;AAGD,GApCY;AAqCbC,EAAAA,QArCa,oBAqCJjB,CArCI,EAqCM;AACjB,WAAOL,GAAP;;AAEWK,IAAAA,CAAC,CAACkB,qBAFb;;;AAKD,GA3CY;AA4CbC,EAAAA,IA5Ca,gBA4CRnB,CA5CQ,EA4CE;AACb,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACoB,iBADb;;AAGD,GAhDY;AAiDbC,EAAAA,KAjDa,mBAiDL;AACN,WAAO1B,GAAP;;;AAGD,GArDY;AAsDb2B,EAAAA,QAtDa,oBAsDJtB,CAtDI,EAsDM;AACjB,WAAOL,GAAP;AACkBK,IAAAA,CAAC,CAACuB,sBADpB;;AAGD,GA1DY;AA2DbC,EAAAA,OA3Da,mBA2DLxB,CA3DK,EA2DK;AAChB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAACyB,oBADb;;;AAID,GAhEY;AAiEbC,EAAAA,YAjEa,wBAiEA1B,CAjEA,EAiEU;AACrB,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAAC2B,yBADb;;;AAID,GAtEY;AAuEbC,EAAAA,IAvEa,gBAuER5B,CAvEQ,EAuEE;AACb,WAAOL,GAAP;AACWK,IAAAA,CAAC,CAAC6B,iBADb;;;AAIUC,IAAAA,QAAQ,CAAC9B,CAAC,CAACO,gBAAH,CAAR,GAA+BuB,QAAQ,CAAC9B,CAAC,CAAC+B,wBAAH,CAJjD;AAKS/B,IAAAA,CAAC,CAACS,gBALX;AAM0BT,IAAAA,CAAC,CAACgC,uBAN5B;;AAQD,GAhFY,EAAf;;;AAmFA,OAAO,IAAMC,QAAQ,GAAGrC,YAAY,CAACE,MAAD,CAA7B","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nconst styles = {\n  root(t: Theme) {\n    const legacyPaddingX = parseFloat(t.menuItemLegacyPaddingX);\n    const legacyPaddingY = parseFloat(t.menuItemLegacyPaddingY);\n\n    const paddingX = legacyPaddingX !== 0 ? `${parseFloat(t.menuItemPaddingX) + legacyPaddingX}px` : t.menuItemPaddingX;\n    const paddingY = legacyPaddingY !== 0 ? `${parseFloat(t.menuItemPaddingY) + legacyPaddingY}px` : t.menuItemPaddingY;\n\n    return css`\n      ${resetButton()};\n\n      cursor: pointer;\n      display: block;\n      line-height: ${t.menuItemLineHeight};\n      font-size: ${t.menuItemFontSize};\n      padding: ${t.menuItemPaddingY} ${paddingX} ${paddingY} ${t.menuItemPaddingX};\n      position: relative;\n      text-decoration: none;\n\n      button& {\n        min-width: 100%;\n      }\n    `;\n  },\n\n  hover(t: Theme) {\n    // Color with !important in purpose to override `a:hover`\n    return css`\n      background: ${t.menuItemHoverBg} !important;\n      color: ${t.menuItemHoverColor} !important;\n    `;\n  },\n  selected(t: Theme) {\n    return css`\n      background: ${t.menuItemSelectedBg};\n    `;\n  },\n  disabled(t: Theme) {\n    return css`\n      background: transparent !important;\n      color: ${t.menuItemDisabledColor} !important;\n      cursor: default !important;\n    `;\n  },\n  link(t: Theme) {\n    return css`\n      color: ${t.menuItemLinkColor};\n    `;\n  },\n  loose() {\n    return css`\n      padding-left: 15px;\n    `;\n  },\n  withIcon(t: Theme) {\n    return css`\n      padding-left: ${t.menuItemPaddingForIcon} !important;\n    `;\n  },\n  comment(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColor};\n      white-space: normal;\n    `;\n  },\n  commentHover(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColorHover};\n      opacity: 0.6;\n    `;\n  },\n  icon(t: Theme) {\n    return css`\n      width: ${t.menuItemIconWidth};\n      display: inline-block;\n      position: absolute;\n      left: ${parseInt(t.menuItemPaddingX) + parseInt(t.menuItemIconLegacyMargin)}px;\n      top: ${t.menuItemPaddingY};\n      transform: translateY(${t.menuItemIconLegacyShift});\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/MenuItem/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAd","sourcesContent":["export * from './MenuItem';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAd","sourcesContent":["export * from './MenuItem';\n"]}

package/components/MenuSeparator/MenuSeparator/MenuSeparator.js

@@ -2,8 +2,8 @@ import React, { useContext } from 'react';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { jsStyles } from "../MenuSeparator.styles";
-/**
- * Разделитель в меню.
+/**
+ * Разделитель в меню.
  */
 
 function MenuSeparator(props) {

package/components/MenuSeparator/MenuSeparator/MenuSeparator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuSeparator.tsx"],"names":["React","useContext","ThemeContext","CommonWrapper","jsStyles","MenuSeparator","props","theme","root","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,wBAAzB;;;AAGA;AACA;AACA;AACA,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;AAChD,MAAMC,KAAK,GAAGN,UAAU,CAACC,YAAD,CAAxB;;AAEA;AACE,wBAAC,aAAD,EAAmBI,KAAnB;AACE,iCAAK,SAAS,EAAEF,QAAQ,CAACI,IAAT,CAAcD,KAAd,CAAhB,GADF,CADF;;;AAKD;;AAEDF,aAAa,CAACI,mBAAd,GAAoC,eAApC;;AAEA,SAASJ,aAAT","sourcesContent":["import React, { useContext } from 'react';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './MenuSeparator.styles';\r\n\r\nexport type MenuSeparatorProps = CommonProps;\r\n/**\r\n * Разделитель в меню.\r\n */\r\nfunction MenuSeparator(props: MenuSeparatorProps) {\r\n  const theme = useContext(ThemeContext);\r\n\r\n  return (\r\n    <CommonWrapper {...props}>\r\n      <div className={jsStyles.root(theme)} />\r\n    </CommonWrapper>\r\n  );\r\n}\r\n\r\nMenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';\r\n\r\nexport { MenuSeparator };\r\n"]}
+{"version":3,"sources":["MenuSeparator.tsx"],"names":["React","useContext","ThemeContext","CommonWrapper","jsStyles","MenuSeparator","props","theme","root","__KONTUR_REACT_UI__"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;;AAEA,SAASC,QAAT,QAAyB,wBAAzB;;;AAGA;AACA;AACA;AACA,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;AAChD,MAAMC,KAAK,GAAGN,UAAU,CAACC,YAAD,CAAxB;;AAEA;AACE,wBAAC,aAAD,EAAmBI,KAAnB;AACE,iCAAK,SAAS,EAAEF,QAAQ,CAACI,IAAT,CAAcD,KAAd,CAAhB,GADF,CADF;;;AAKD;;AAEDF,aAAa,CAACI,mBAAd,GAAoC,eAApC;;AAEA,SAASJ,aAAT","sourcesContent":["import React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './MenuSeparator.styles';\n\nexport type MenuSeparatorProps = CommonProps;\n/**\n * Разделитель в меню.\n */\nfunction MenuSeparator(props: MenuSeparatorProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <CommonWrapper {...props}>\n      <div className={jsStyles.root(theme)} />\n    </CommonWrapper>\n  );\n}\n\nMenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';\n\nexport { MenuSeparator };\n"]}

package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuSeparator.styles.ts"],"names":["css","memoizeStyle","styles","root","t","menuSeparatorMarginY","menuSeparatorBorderWidth","menuSeparatorBorderColor","jsStyles"],"mappings":"mTAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAACC,oBADd;AAEgBD,IAAAA,CAAC,CAACE,wBAFlB,EAEoDF,CAAC,CAACG,wBAFtD;;AAID,GANY,EAAf;;;AASA,OAAO,IAAMC,QAAQ,GAAGP,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      margin: ${t.menuSeparatorMarginY} 0;\r\n      border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["MenuSeparator.styles.ts"],"names":["css","memoizeStyle","styles","root","t","menuSeparatorMarginY","menuSeparatorBorderWidth","menuSeparatorBorderColor","jsStyles"],"mappings":"mTAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAACC,oBADd;AAEgBD,IAAAA,CAAC,CAACE,wBAFlB,EAEoDF,CAAC,CAACG,wBAFtD;;AAID,GANY,EAAf;;;AASA,OAAO,IAAMC,QAAQ,GAAGP,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      margin: ${t.menuSeparatorMarginY} 0;\n      border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/components/MenuSeparator/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAd","sourcesContent":["export * from './MenuSeparator';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAd","sourcesContent":["export * from './MenuSeparator';\n"]}

package/components/Modal/Modal/Modal.js

@@ -22,19 +22,19 @@ import { ModalBody } from "../ModalBody";
 import { ModalClose } from "../ModalClose";
 import { jsStyles } from "../Modal.styles";
 var mountedModalsCount = 0;
-/**
- * Модальное окно
- *
- * Содержит в себе три компоненты: **Modal.Header**,
- * **Modal.Body** и **Modal.Footer**
- *
- * Для отображения серой плашки в футере в компонент
- * **Footer** необходимо передать пропс **panel**
- *
- * Для отключения прилипания шапки и футера
- * в соответствующий компонет нужно передать
- * проп **sticky** со значением **false**
- * (по-умолчанию прилипание включено)
+/**
+ * Модальное окно
+ *
+ * Содержит в себе три компоненты: **Modal.Header**,
+ * **Modal.Body** и **Modal.Footer**
+ *
+ * Для отображения серой плашки в футере в компонент
+ * **Footer** необходимо передать пропс **panel**
+ *
+ * Для отключения прилипания шапки и футера
+ * в соответствующий компонет нужно передать
+ * проп **sticky** со значением **false**
+ * (по-умолчанию прилипание включено)
  */
 
 export var Modal = /*#__PURE__*/function (_React$Component) {

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

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

package/components/Modal/Modal.md

@@ -1,37 +1,37 @@
-```jsx harmony
-import { Button, Toggle } from '@skbkontur/react-ui';
-
-let initialState = { opened: false };
-
-function renderModal() {
-  return (
-    <Modal onClose={close}>
-      <Modal.Header>Title</Modal.Header>
-      <Modal.Body>
-        <p>Use rxjs operators with react hooks</p>
-
-        <div>
-          <Toggle checked={state.panel} onValueChange={() => setState(({ panel }) => ({ panel: !panel }))} /> Panel{' '}
-          {state.panel ? 'enabled' : 'disabled'}
-        </div>
-      </Modal.Body>
-      <Modal.Footer panel={state.panel}>
-        <Button onClick={close}>Close</Button>
-      </Modal.Footer>
-    </Modal>
-  );
-}
-
-function open() {
-  setState({ opened: true });
-}
-
-function close() {
-  setState({ opened: false });
-}
-
-<div>
-  {state.opened && renderModal()}
-  <Button onClick={open}>Open</Button>
-</div>;
-```
+```jsx harmony
+import { Button, Toggle } from '@skbkontur/react-ui';
+
+let initialState = { opened: false };
+
+function renderModal() {
+  return (
+    <Modal onClose={close}>
+      <Modal.Header>Title</Modal.Header>
+      <Modal.Body>
+        <p>Use rxjs operators with react hooks</p>
+
+        <div>
+          <Toggle checked={state.panel} onValueChange={() => setState(({ panel }) => ({ panel: !panel }))} /> Panel{' '}
+          {state.panel ? 'enabled' : 'disabled'}
+        </div>
+      </Modal.Body>
+      <Modal.Footer panel={state.panel}>
+        <Button onClick={close}>Close</Button>
+      </Modal.Footer>
+    </Modal>
+  );
+}
+
+function open() {
+  setState({ opened: true });
+}
+
+function close() {
+  setState({ opened: false });
+}
+
+<div>
+  {state.opened && renderModal()}
+  <Button onClick={open}>Open</Button>
+</div>;
+```