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

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

@@ -1 +1 @@
-{"version":3,"sources":["ProductWidget.tsx"],"names":["calledLoad","ProductWidget","init","loadWidget","script","document","createElement","src","setTimeout","getElementsByTagName","appendChild"],"mappings":"sEAAA,IAAIA,UAAU,GAAG,KAAjB;;AAEO,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,C","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":"sEAAA,IAAIA,UAAU,GAAG,KAAjB;;AAEO,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,C","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/cjs/components/Logotype/index.js.map

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

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["LogotypeLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"+HAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,oBAAoB,GAAG,IAAIC,0BAAJ,CAAiC;AACnEC,EAAAA,KAAK,EAALA,qBADmE;AAEnEC,EAAAA,KAAK,EAALA,qBAFmE,EAAjC,CAA7B,C","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":["LogotypeLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"+HAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,oBAAoB,GAAG,IAAIC,0BAAJ,CAAiC;AACnEC,EAAAA,KAAK,EAALA,qBADmE;AAEnEC,EAAAA,KAAK,EAALA,qBAFmE,EAAjC,CAA7B,C","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/cjs/components/Logotype/locale/locales/en.js.map

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

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

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

package/cjs/components/MenuHeader/MenuHeader.js

@@ -11,8 +11,8 @@ var _MenuHeader = require("./MenuHeader.styles");
 
 
 
-/**
- * Заголовок в меню.
+/**
+ * Заголовок в меню.
  */
 function MenuHeader(_ref) {var _cn;var _ref$_enableIconPaddi = _ref._enableIconPadding,_enableIconPadding = _ref$_enableIconPaddi === void 0 ? false : _ref$_enableIconPaddi,children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["_enableIconPadding", "children"]);
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuHeader.tsx"],"names":["MenuHeader","_enableIconPadding","children","rest","theme","ThemeContext","jsStyles","root","withLeftPadding","__KONTUR_REACT_UI__","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"6YAAA;AACA;;AAEA;AACA;;AAEA;;;;;;;AAOA;AACA;AACA;AACA,SAASA,UAAT,OAAwF,0CAAlEC,kBAAkE,CAAlEA,kBAAkE,sCAA7C,KAA6C,yBAAtCC,QAAsC,QAAtCA,QAAsC,CAAzBC,IAAyB;AACtF,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE,iCAAC,4BAAD,EAAmBF,IAAnB;AACE;AACE,MAAA,SAAS,EAAE;AACRG,2BAASC,IAAT,CAAcH,KAAd,CADQ,IACe,IADf;AAERE,2BAASE,eAAT,CAAyBJ,KAAzB,CAFQ,IAE0BH,kBAF1B,OADb;;;AAMGC,IAAAA,QANH,CADF,CADF;;;;AAYD;;AAEDF,UAAU,CAACS,mBAAX,GAAiC,YAAjC;AACAT,UAAU,CAACU,eAAX,GAA6B,IAA7B;;;;AAIO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAO,4BAAMC,cAAN,CAAsCD,KAAtC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,iBAAjD,CADG;AAEH,OAFJ;AAGD,CAJM,C","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":["MenuHeader","_enableIconPadding","children","rest","theme","ThemeContext","jsStyles","root","withLeftPadding","__KONTUR_REACT_UI__","__MENU_HEADER__","isMenuHeader","child","isValidElement","Object","prototype","hasOwnProperty","call","type"],"mappings":"6YAAA;AACA;;AAEA;AACA;;AAEA;;;;;;;AAOA;AACA;AACA;AACA,SAASA,UAAT,OAAwF,0CAAlEC,kBAAkE,CAAlEA,kBAAkE,sCAA7C,KAA6C,yBAAtCC,QAAsC,QAAtCA,QAAsC,CAAzBC,IAAyB;AACtF,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE,iCAAC,4BAAD,EAAmBF,IAAnB;AACE;AACE,MAAA,SAAS,EAAE;AACRG,2BAASC,IAAT,CAAcH,KAAd,CADQ,IACe,IADf;AAERE,2BAASE,eAAT,CAAyBJ,KAAzB,CAFQ,IAE0BH,kBAF1B,OADb;;;AAMGC,IAAAA,QANH,CADF,CADF;;;;AAYD;;AAEDF,UAAU,CAACS,mBAAX,GAAiC,YAAjC;AACAT,UAAU,CAACU,eAAX,GAA6B,IAA7B;;;;AAIO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA0E;AACpG,SAAO,4BAAMC,cAAN,CAAsCD,KAAtC;AACHE,EAAAA,MAAM,CAACC,SAAP,CAAiBC,cAAjB,CAAgCC,IAAhC,CAAqCL,KAAK,CAACM,IAA3C,EAAiD,iBAAjD,CADG;AAEH,OAFJ;AAGD,CAJM,C","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/cjs/components/MenuHeader/MenuHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuHeader.styles.ts"],"names":["styles","root","t","legacyPaddingRight","parseFloat","menuHeaderLegacyPaddingRight","paddingRight","menuHeaderPaddingX","css","menuHeaderColor","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","withLeftPadding","menuItemPaddingForIcon","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,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,eAAOC,YAAP;AACWN,IAAAA,CAAC,CAACO,eADb;;AAGeP,IAAAA,CAAC,CAACQ,kBAHjB;AAIiBR,IAAAA,CAAC,CAACS,oBAJnB;AAKaT,IAAAA,CAAC,CAACU,oBALf,EAKuCN,YALvC,EAKuDJ,CAAC,CAACW,uBALzD,EAKoFX,CAAC,CAACK,kBALtF;;AAOD,GAbY;;AAebO,EAAAA,eAfa,2BAeGZ,CAfH,EAea;AACxB,eAAOM,YAAP;AACkBN,IAAAA,CAAC,CAACa,sBADpB;;AAGD,GAnBY,EAAf;;;AAsBO,IAAMC,QAAQ,GAAG,2BAAahB,MAAb,CAAjB,C","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":["styles","root","t","legacyPaddingRight","parseFloat","menuHeaderLegacyPaddingRight","paddingRight","menuHeaderPaddingX","css","menuHeaderColor","menuHeaderFontSize","menuHeaderLineHeight","menuHeaderPaddingTop","menuHeaderPaddingBottom","withLeftPadding","menuItemPaddingForIcon","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,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,eAAOC,YAAP;AACWN,IAAAA,CAAC,CAACO,eADb;;AAGeP,IAAAA,CAAC,CAACQ,kBAHjB;AAIiBR,IAAAA,CAAC,CAACS,oBAJnB;AAKaT,IAAAA,CAAC,CAACU,oBALf,EAKuCN,YALvC,EAKuDJ,CAAC,CAACW,uBALzD,EAKoFX,CAAC,CAACK,kBALtF;;AAOD,GAbY;;AAebO,EAAAA,eAfa,2BAeGZ,CAfH,EAea;AACxB,eAAOM,YAAP;AACkBN,IAAAA,CAAC,CAACa,sBADpB;;AAGD,GAnBY,EAAf;;;AAsBO,IAAMC,QAAQ,GAAG,2BAAahB,MAAb,CAAjB,C","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/cjs/components/MenuHeader/index.js.map

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

package/cjs/components/MenuItem/MenuItem.js

@@ -39,8 +39,8 @@ var _MenuItem = require("./MenuItem.styles");
 
 
 
-/**
- * Элемент меню.
+/**
+ * Элемент меню.
  */var
 MenuItem = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(MenuItem, _React$Component);function MenuItem() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuItem.tsx"],"names":["MenuItem","theme","mouseEntered","renderMain","props","alkoLink","link","comment","icon","loose","state","_enableIconPadding","component","onMouseEnter","onMouseLeave","rest","undefined","hover","disabled","iconElement","jsStyles","className","root","selected","withIcon","Boolean","children","content","Component","getComponent","handleMouseEnterFix","handleMouseLeave","commentHover","e","href","render","React","__KONTUR_REACT_UI__","__MENU_ITEM__","propTypes","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":["MenuItem","theme","mouseEntered","renderMain","props","alkoLink","link","comment","icon","loose","state","_enableIconPadding","component","onMouseEnter","onMouseLeave","rest","undefined","hover","disabled","iconElement","jsStyles","className","root","selected","withIcon","Boolean","children","content","Component","getComponent","handleMouseEnterFix","handleMouseLeave","commentHover","e","href","render","React","__KONTUR_REACT_UI__","__MENU_ITEM__","propTypes","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';\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/cjs/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/cjs/components/MenuItem/MenuItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuItem.styles.ts"],"names":["styles","root","t","legacyPaddingX","parseFloat","menuItemLegacyPaddingX","legacyPaddingY","menuItemLegacyPaddingY","paddingX","menuItemPaddingX","paddingY","menuItemPaddingY","css","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;AACA,iD;;AAEA,IAAMA,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,eAAOC,YAAP;AACI,8BADJ;;;;AAKiBV,IAAAA,CAAC,CAACW,kBALnB;AAMeX,IAAAA,CAAC,CAACY,gBANjB;AAOaZ,IAAAA,CAAC,CAACS,gBAPf,EAOmCH,QAPnC,EAO+CE,QAP/C,EAO2DR,CAAC,CAACO,gBAP7D;;;;;;;;AAeD,GAvBY;;AAyBbM,EAAAA,KAzBa,iBAyBPb,CAzBO,EAyBG;AACd;AACA,eAAOU,YAAP;AACgBV,IAAAA,CAAC,CAACc,eADlB;AAEWd,IAAAA,CAAC,CAACe,kBAFb;;AAID,GA/BY;AAgCbC,EAAAA,QAhCa,oBAgCJhB,CAhCI,EAgCM;AACjB,eAAOU,YAAP;AACgBV,IAAAA,CAAC,CAACiB,kBADlB;;AAGD,GApCY;AAqCbC,EAAAA,QArCa,oBAqCJlB,CArCI,EAqCM;AACjB,eAAOU,YAAP;;AAEWV,IAAAA,CAAC,CAACmB,qBAFb;;;AAKD,GA3CY;AA4CbC,EAAAA,IA5Ca,gBA4CRpB,CA5CQ,EA4CE;AACb,eAAOU,YAAP;AACWV,IAAAA,CAAC,CAACqB,iBADb;;AAGD,GAhDY;AAiDbC,EAAAA,KAjDa,mBAiDL;AACN,eAAOZ,YAAP;;;AAGD,GArDY;AAsDba,EAAAA,QAtDa,oBAsDJvB,CAtDI,EAsDM;AACjB,eAAOU,YAAP;AACkBV,IAAAA,CAAC,CAACwB,sBADpB;;AAGD,GA1DY;AA2DbC,EAAAA,OA3Da,mBA2DLzB,CA3DK,EA2DK;AAChB,eAAOU,YAAP;AACWV,IAAAA,CAAC,CAAC0B,oBADb;;;AAID,GAhEY;AAiEbC,EAAAA,YAjEa,wBAiEA3B,CAjEA,EAiEU;AACrB,eAAOU,YAAP;AACWV,IAAAA,CAAC,CAAC4B,yBADb;;;AAID,GAtEY;AAuEbC,EAAAA,IAvEa,gBAuER7B,CAvEQ,EAuEE;AACb,eAAOU,YAAP;AACWV,IAAAA,CAAC,CAAC8B,iBADb;;;AAIUC,IAAAA,QAAQ,CAAC/B,CAAC,CAACO,gBAAH,CAAR,GAA+BwB,QAAQ,CAAC/B,CAAC,CAACgC,wBAAH,CAJjD;AAKShC,IAAAA,CAAC,CAACS,gBALX;AAM0BT,IAAAA,CAAC,CAACiC,uBAN5B;;AAQD,GAhFY,EAAf;;;AAmFO,IAAMC,QAAQ,GAAG,2BAAapC,MAAb,CAAjB,C","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":["styles","root","t","legacyPaddingX","parseFloat","menuItemLegacyPaddingX","legacyPaddingY","menuItemLegacyPaddingY","paddingX","menuItemPaddingX","paddingY","menuItemPaddingY","css","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;AACA,iD;;AAEA,IAAMA,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,eAAOC,YAAP;AACI,8BADJ;;;;AAKiBV,IAAAA,CAAC,CAACW,kBALnB;AAMeX,IAAAA,CAAC,CAACY,gBANjB;AAOaZ,IAAAA,CAAC,CAACS,gBAPf,EAOmCH,QAPnC,EAO+CE,QAP/C,EAO2DR,CAAC,CAACO,gBAP7D;;;;;;;;AAeD,GAvBY;;AAyBbM,EAAAA,KAzBa,iBAyBPb,CAzBO,EAyBG;AACd;AACA,eAAOU,YAAP;AACgBV,IAAAA,CAAC,CAACc,eADlB;AAEWd,IAAAA,CAAC,CAACe,kBAFb;;AAID,GA/BY;AAgCbC,EAAAA,QAhCa,oBAgCJhB,CAhCI,EAgCM;AACjB,eAAOU,YAAP;AACgBV,IAAAA,CAAC,CAACiB,kBADlB;;AAGD,GApCY;AAqCbC,EAAAA,QArCa,oBAqCJlB,CArCI,EAqCM;AACjB,eAAOU,YAAP;;AAEWV,IAAAA,CAAC,CAACmB,qBAFb;;;AAKD,GA3CY;AA4CbC,EAAAA,IA5Ca,gBA4CRpB,CA5CQ,EA4CE;AACb,eAAOU,YAAP;AACWV,IAAAA,CAAC,CAACqB,iBADb;;AAGD,GAhDY;AAiDbC,EAAAA,KAjDa,mBAiDL;AACN,eAAOZ,YAAP;;;AAGD,GArDY;AAsDba,EAAAA,QAtDa,oBAsDJvB,CAtDI,EAsDM;AACjB,eAAOU,YAAP;AACkBV,IAAAA,CAAC,CAACwB,sBADpB;;AAGD,GA1DY;AA2DbC,EAAAA,OA3Da,mBA2DLzB,CA3DK,EA2DK;AAChB,eAAOU,YAAP;AACWV,IAAAA,CAAC,CAAC0B,oBADb;;;AAID,GAhEY;AAiEbC,EAAAA,YAjEa,wBAiEA3B,CAjEA,EAiEU;AACrB,eAAOU,YAAP;AACWV,IAAAA,CAAC,CAAC4B,yBADb;;;AAID,GAtEY;AAuEbC,EAAAA,IAvEa,gBAuER7B,CAvEQ,EAuEE;AACb,eAAOU,YAAP;AACWV,IAAAA,CAAC,CAAC8B,iBADb;;;AAIUC,IAAAA,QAAQ,CAAC/B,CAAC,CAACO,gBAAH,CAAR,GAA+BwB,QAAQ,CAAC/B,CAAC,CAACgC,wBAAH,CAJjD;AAKShC,IAAAA,CAAC,CAACS,gBALX;AAM0BT,IAAAA,CAAC,CAACiC,uBAN5B;;AAQD,GAhFY,EAAf;;;AAmFO,IAAMC,QAAQ,GAAG,2BAAapC,MAAb,CAAjB,C","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/cjs/components/MenuItem/index.js.map

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

package/cjs/components/MenuSeparator/MenuSeparator.js

@@ -6,8 +6,8 @@ var _CommonWrapper = require("../../internal/CommonWrapper");
 var _MenuSeparator = require("./MenuSeparator.styles");
 
 
-/**
- * Разделитель в меню.
+/**
+ * Разделитель в меню.
  */
 function MenuSeparator(props) {
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);

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

@@ -1 +1 @@
-{"version":3,"sources":["MenuSeparator.tsx"],"names":["MenuSeparator","props","theme","ThemeContext","jsStyles","root","__KONTUR_REACT_UI__"],"mappings":"oKAAA;;AAEA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA,SAASA,aAAT,CAAuBC,KAAvB,EAAkD;AAChD,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE,iCAAC,4BAAD,EAAmBF,KAAnB;AACE,0CAAK,SAAS,EAAEG,wBAASC,IAAT,CAAcH,KAAd,CAAhB,GADF,CADF;;;AAKD;;AAEDF,aAAa,CAACM,mBAAd,GAAoC,eAApC","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":["MenuSeparator","props","theme","ThemeContext","jsStyles","root","__KONTUR_REACT_UI__"],"mappings":"oKAAA;;AAEA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA,SAASA,aAAT,CAAuBC,KAAvB,EAAkD;AAChD,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE,iCAAC,4BAAD,EAAmBF,KAAnB;AACE,0CAAK,SAAS,EAAEG,wBAASC,IAAT,CAAcH,KAAd,CAAhB,GADF,CADF;;;AAKD;;AAEDF,aAAa,CAACM,mBAAd,GAAoC,eAApC","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/cjs/components/MenuSeparator/MenuSeparator.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuSeparator.styles.ts"],"names":["styles","root","t","css","menuSeparatorMarginY","menuSeparatorBorderWidth","menuSeparatorBorderColor","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACE,oBADd;AAEgBF,IAAAA,CAAC,CAACG,wBAFlB,EAEoDH,CAAC,CAACI,wBAFtD;;AAID,GANY,EAAf;;;AASO,IAAMC,QAAQ,GAAG,2BAAaP,MAAb,CAAjB,C","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":["styles","root","t","css","menuSeparatorMarginY","menuSeparatorBorderWidth","menuSeparatorBorderColor","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACE,oBADd;AAEgBF,IAAAA,CAAC,CAACG,wBAFlB,EAEoDH,CAAC,CAACI,wBAFtD;;AAID,GANY,EAAf;;;AASO,IAAMC,QAAQ,GAAG,2BAAaP,MAAb,CAAjB,C","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/cjs/components/MenuSeparator/index.js.map

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

package/cjs/components/Modal/Modal.js

@@ -66,19 +66,19 @@ var mountedModalsCount = 0;
 
 
 
-/**
- * Модальное окно
- *
- * Содержит в себе три компоненты: **Modal.Header**,
- * **Modal.Body** и **Modal.Footer**
- *
- * Для отображения серой плашки в футере в компонент
- * **Footer** необходимо передать пропс **panel**
- *
- * Для отключения прилипания шапки и футера
- * в соответствующий компонет нужно передать
- * проп **sticky** со значением **false**
- * (по-умолчанию прилипание включено)
+/**
+ * Модальное окно
+ *
+ * Содержит в себе три компоненты: **Modal.Header**,
+ * **Modal.Body** и **Modal.Footer**
+ *
+ * Для отображения серой плашки в футере в компонент
+ * **Footer** необходимо передать пропс **panel**
+ *
+ * Для отключения прилипания шапки и футера
+ * в соответствующий компонет нужно передать
+ * проп **sticky** со значением **false**
+ * (по-умолчанию прилипание включено)
  */var
 Modal = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Modal, _React$Component);function Modal() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 

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

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

package/cjs/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>;
+```

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

@@ -1 +1 @@
-{"version":3,"sources":["Modal.styles.ts"],"names":["styles","root","css","bg","t","modalBackBg","modalBackOpacity","container","window","bgDefault","centerContainer","modalAdaptiveThreshold","alignTop","close","padding","parseInt","modalCloseButtonPadding","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","borderColorFocus","modalCloseIconSize","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","legacyGap","modalCloseWrapperLegacyGap","legacyShift","modalCloseButtonLegacyShift","blockSizeX","blockSizeY","disabled","modalCloseButtonDisabledColor","headerWrapper","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","body","modalBodyPaddingBottom","headerWithClose","rightPadding","modalCloseLegacyGap","footer","modalFooterPaddingTop","modalFooterPaddingBottom","footerWrapper","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderShadow","fixedFooter","modalFixedFooterShadow","headerAddPadding","bodyWithoutHeader","modalPaddingTop","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { resetButton } from '../../lib/styles/Mixins';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      height: 100%;\r\n      left: 0;\r\n      position: fixed;\r\n      top: 0;\r\n      width: 100%;\r\n    `;\r\n  },\r\n\r\n  bg(t: Theme) {\r\n    return css`\r\n      bottom: 0;\r\n      left: 0;\r\n      position: absolute;\r\n      right: 0;\r\n      top: 0;\r\n      background: ${t.modalBackBg};\r\n      opacity: ${t.modalBackOpacity};\r\n    `;\r\n  },\r\n\r\n  container() {\r\n    return css`\r\n      position: relative;\r\n      white-space: nowrap;\r\n      text-align: center;\r\n      height: 100%;\r\n      overflow-y: auto;\r\n      outline: none;\r\n\r\n      &::before {\r\n        content: '';\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\r\n      }\r\n    `;\r\n  },\r\n\r\n  window(t: Theme) {\r\n    return css`\r\n      position: relative;\r\n      white-space: normal;\r\n      margin: auto;\r\n      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n      background: ${t.bgDefault};\r\n    `;\r\n  },\r\n\r\n  centerContainer(t: Theme) {\r\n    return css`\r\n      position: relative;\r\n      display: inline-block;\r\n      text-align: left;\r\n      vertical-align: middle;\r\n      box-sizing: border-box;\r\n      z-index: 10;\r\n      margin: 40px 20px;\r\n\r\n      @media screen and (max-width: ${t.modalAdaptiveThreshold}) {\r\n        margin: 0;\r\n        width: 100%;\r\n      }\r\n    `;\r\n  },\r\n\r\n  alignTop(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.centerContainer(t))}& {\r\n        vertical-align: top;\r\n      }\r\n    `;\r\n  },\r\n\r\n  close(t: Theme) {\r\n    const padding = parseInt(t.modalCloseButtonPadding);\r\n    return css`\r\n      ${resetButton()};\r\n      position: absolute;\r\n      display: flex;\r\n      right: ${padding}px;\r\n      top: ${padding}px;\r\n      background: none;\r\n      background: transparent;\r\n      cursor: pointer;\r\n      color: ${t.modalCloseButtonColor};\r\n      text-align: center;\r\n      vertical-align: middle;\r\n      padding: ${t.modalCloseButtonClickArea} !important;\r\n      margin: -${t.modalCloseButtonClickArea} !important;\r\n\r\n      &:focus,\r\n      &:hover {\r\n        color: ${t.modalCloseButtonHoverColor};\r\n      }\r\n\r\n      &:focus {\r\n        outline: 2px solid ${t.borderColorFocus};\r\n      }\r\n\r\n      & > svg {\r\n        width: ${t.modalCloseIconSize};\r\n        height: ${t.modalCloseIconSize};\r\n        box-sizing: content-box;\r\n      }\r\n    `;\r\n  },\r\n\r\n  closeWrapper(t: Theme) {\r\n    const padding = parseInt(t.modalCloseButtonPadding);\r\n    const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\r\n    const legacyGap = parseInt(t.modalCloseWrapperLegacyGap);\r\n    const legacyShift = parseInt(t.modalCloseButtonLegacyShift);\r\n    const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding - legacyShift;\r\n    const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom + legacyGap;\r\n    return css`\r\n      position: relative;\r\n      float: right;\r\n      width: ${blockSizeX + legacyGap}px;\r\n      height: ${blockSizeY}px;\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.close(t))}& {\r\n        pointer-events: none;\r\n        cursor: default;\r\n        color: ${t.modalCloseButtonDisabledColor};\r\n      }\r\n    `;\r\n  },\r\n\r\n  headerWrapper() {\r\n    return css`\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  header(t: Theme) {\r\n    return css`\r\n      font-size: ${t.modalHeaderFontSize};\r\n      line-height: ${t.modalHeaderLineHeight};\r\n      padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\r\n      overflow-wrap: break-word;\r\n      word-wrap: break-word;\r\n    `;\r\n  },\r\n\r\n  body(t: Theme) {\r\n    return css`\r\n      padding: 0 ${t.modalPaddingRight} ${t.modalBodyPaddingBottom} ${t.modalPaddingLeft};\r\n    `;\r\n  },\r\n\r\n  headerWithClose(t: Theme) {\r\n    const rightPadding =\r\n      2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize) + parseInt(t.modalCloseLegacyGap);\r\n\r\n    return css`\r\n      padding-right: ${rightPadding}px;\r\n    `;\r\n  },\r\n\r\n  footer(t: Theme) {\r\n    return css`\r\n      padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\r\n    `;\r\n  },\r\n\r\n  footerWrapper() {\r\n    return css`\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  panel(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.footer(t))}& {\r\n        padding-top: ${t.modalFooterPanelPaddingTop} !important;\r\n        padding-bottom: ${t.modalFooterPanelPaddingBottom} !important;\r\n        background: ${t.modalFooterBg} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  fixedHeader(t: Theme) {\r\n    return css`\r\n      margin-bottom: 10px;\r\n      padding-bottom: ${t.modalFixedHeaderPaddingBottom};\r\n      background: ${t.modalFixedHeaderBg};\r\n\r\n      &:after {\r\n        bottom: 11px;\r\n        content: '';\r\n        position: absolute;\r\n        height: 1px;\r\n        width: 100%;\r\n        left: 0;\r\n        z-index: -1;\r\n        box-shadow: ${t.modalFixedHeaderShadow};\r\n      }\r\n    `;\r\n  },\r\n\r\n  fixedFooter(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.footer(t))}& {\r\n        padding-top: 20px;\r\n        margin-top: 10px;\r\n        background: ${t.modalFixedHeaderBg};\r\n      }\r\n\r\n      &:before {\r\n        top: 11px;\r\n        content: '';\r\n        position: absolute;\r\n        height: 1px;\r\n        width: 100%;\r\n        left: 0;\r\n        z-index: -1;\r\n        box-shadow: ${t.modalFixedFooterShadow};\r\n      }\r\n    `;\r\n  },\r\n\r\n  headerAddPadding() {\r\n    return css`\r\n      padding-bottom: 22px !important;\r\n    `;\r\n  },\r\n\r\n  bodyWithoutHeader(t: Theme) {\r\n    return css`\r\n      padding-top: ${t.modalPaddingTop} !important;\r\n    `;\r\n  },\r\n\r\n  bodyWithoutPadding() {\r\n    return css`\r\n      padding: 0 !important;\r\n    `;\r\n  },\r\n\r\n  bodyAddPaddingForPanel(t: Theme) {\r\n    return css`\r\n      padding-bottom: ${t.modalPaddingBottom};\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Modal.styles.ts"],"names":["styles","root","css","bg","t","modalBackBg","modalBackOpacity","container","window","bgDefault","centerContainer","modalAdaptiveThreshold","alignTop","close","padding","parseInt","modalCloseButtonPadding","modalCloseButtonColor","modalCloseButtonClickArea","modalCloseButtonHoverColor","borderColorFocus","modalCloseIconSize","closeWrapper","paddingBottom","modalCloseButtonBottomPadding","legacyGap","modalCloseWrapperLegacyGap","legacyShift","modalCloseButtonLegacyShift","blockSizeX","blockSizeY","disabled","modalCloseButtonDisabledColor","headerWrapper","header","modalHeaderFontSize","modalHeaderLineHeight","modalHeaderPaddingTop","modalPaddingRight","modalHeaderPaddingBottom","modalPaddingLeft","body","modalBodyPaddingBottom","headerWithClose","rightPadding","modalCloseLegacyGap","footer","modalFooterPaddingTop","modalFooterPaddingBottom","footerWrapper","panel","modalFooterPanelPaddingTop","modalFooterPanelPaddingBottom","modalFooterBg","fixedHeader","modalFixedHeaderPaddingBottom","modalFixedHeaderBg","modalFixedHeaderShadow","fixedFooter","modalFixedFooterShadow","headerAddPadding","bodyWithoutHeader","modalPaddingTop","bodyWithoutPadding","bodyAddPaddingForPanel","modalPaddingBottom","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nconst styles = {\n  root() {\n    return css`\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    `;\n  },\n\n  bg(t: Theme) {\n    return css`\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ${t.modalBackBg};\n      opacity: ${t.modalBackOpacity};\n    `;\n  },\n\n  container() {\n    return css`\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      overflow-y: auto;\n      outline: none;\n\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    `;\n  },\n\n  window(t: Theme) {\n    return css`\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\n      background: ${t.bgDefault};\n    `;\n  },\n\n  centerContainer(t: Theme) {\n    return css`\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n\n      @media screen and (max-width: ${t.modalAdaptiveThreshold}) {\n        margin: 0;\n        width: 100%;\n      }\n    `;\n  },\n\n  alignTop(t: Theme) {\n    return css`\n      ${cssName(styles.centerContainer(t))}& {\n        vertical-align: top;\n      }\n    `;\n  },\n\n  close(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    return css`\n      ${resetButton()};\n      position: absolute;\n      display: flex;\n      right: ${padding}px;\n      top: ${padding}px;\n      background: none;\n      background: transparent;\n      cursor: pointer;\n      color: ${t.modalCloseButtonColor};\n      text-align: center;\n      vertical-align: middle;\n      padding: ${t.modalCloseButtonClickArea} !important;\n      margin: -${t.modalCloseButtonClickArea} !important;\n\n      &:focus,\n      &:hover {\n        color: ${t.modalCloseButtonHoverColor};\n      }\n\n      &:focus {\n        outline: 2px solid ${t.borderColorFocus};\n      }\n\n      & > svg {\n        width: ${t.modalCloseIconSize};\n        height: ${t.modalCloseIconSize};\n        box-sizing: content-box;\n      }\n    `;\n  },\n\n  closeWrapper(t: Theme) {\n    const padding = parseInt(t.modalCloseButtonPadding);\n    const paddingBottom = parseInt(t.modalCloseButtonBottomPadding);\n    const legacyGap = parseInt(t.modalCloseWrapperLegacyGap);\n    const legacyShift = parseInt(t.modalCloseButtonLegacyShift);\n    const blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding - legacyShift;\n    const blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom + legacyGap;\n    return css`\n      position: relative;\n      float: right;\n      width: ${blockSizeX + legacyGap}px;\n      height: ${blockSizeY}px;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      ${cssName(styles.close(t))}& {\n        pointer-events: none;\n        cursor: default;\n        color: ${t.modalCloseButtonDisabledColor};\n      }\n    `;\n  },\n\n  headerWrapper() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  header(t: Theme) {\n    return css`\n      font-size: ${t.modalHeaderFontSize};\n      line-height: ${t.modalHeaderLineHeight};\n      padding: ${t.modalHeaderPaddingTop} ${t.modalPaddingRight} ${t.modalHeaderPaddingBottom} ${t.modalPaddingLeft};\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n    `;\n  },\n\n  body(t: Theme) {\n    return css`\n      padding: 0 ${t.modalPaddingRight} ${t.modalBodyPaddingBottom} ${t.modalPaddingLeft};\n    `;\n  },\n\n  headerWithClose(t: Theme) {\n    const rightPadding =\n      2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize) + parseInt(t.modalCloseLegacyGap);\n\n    return css`\n      padding-right: ${rightPadding}px;\n    `;\n  },\n\n  footer(t: Theme) {\n    return css`\n      padding: ${t.modalFooterPaddingTop} ${t.modalPaddingRight} ${t.modalFooterPaddingBottom} ${t.modalPaddingLeft};\n    `;\n  },\n\n  footerWrapper() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  panel(t: Theme) {\n    return css`\n      ${cssName(styles.footer(t))}& {\n        padding-top: ${t.modalFooterPanelPaddingTop} !important;\n        padding-bottom: ${t.modalFooterPanelPaddingBottom} !important;\n        background: ${t.modalFooterBg} !important;\n      }\n    `;\n  },\n\n  fixedHeader(t: Theme) {\n    return css`\n      margin-bottom: 10px;\n      padding-bottom: ${t.modalFixedHeaderPaddingBottom};\n      background: ${t.modalFixedHeaderBg};\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedHeaderShadow};\n      }\n    `;\n  },\n\n  fixedFooter(t: Theme) {\n    return css`\n      ${cssName(styles.footer(t))}& {\n        padding-top: 20px;\n        margin-top: 10px;\n        background: ${t.modalFixedHeaderBg};\n      }\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ${t.modalFixedFooterShadow};\n      }\n    `;\n  },\n\n  headerAddPadding() {\n    return css`\n      padding-bottom: 22px !important;\n    `;\n  },\n\n  bodyWithoutHeader(t: Theme) {\n    return css`\n      padding-top: ${t.modalPaddingTop} !important;\n    `;\n  },\n\n  bodyWithoutPadding() {\n    return css`\n      padding: 0 !important;\n    `;\n  },\n\n  bodyAddPaddingForPanel(t: Theme) {\n    return css`\n      padding-bottom: ${t.modalPaddingBottom};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/components/Modal/ModalBody.js

@@ -16,10 +16,10 @@ var _Modal = require("./Modal.styles");
 
 
 
-/**
- * Контейнер с отступами от края модалки
- *
- * @visibleName Modal.Body
+/**
+ * Контейнер с отступами от края модалки
+ *
+ * @visibleName Modal.Body
  */var
 ModalBody = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ModalBody, _React$Component);function ModalBody() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 

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

@@ -1 +1 @@
-{"version":3,"sources":["ModalBody.tsx"],"names":["ModalBody","theme","render","renderMain","noPadding","props","additionalPadding","hasHeader","jsStyles","body","bodyWithoutHeader","bodyAddPaddingForPanel","bodyWithoutPadding","children","React","Component","__KONTUR_REACT_UI__","__MODAL_BODY__"],"mappings":"qPAAA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;;;;;;;;;AASA;AACA;AACA;AACA;AACA,G;AACaA,S;;;;AAIHC,IAAAA,K;;AAEDC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAAAD,KAAK,EAAI;AACR,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACE,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,G;;AAEMA,EAAAA,U,GAAP,sBAAiC;AACvBC,IAAAA,SADuB,GACT,KAAKC,KADI,CACvBD,SADuB;AAE/B;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,mCAAGE,iBAAH,QAAGA,iBAAH,CAAsBC,SAAtB,QAAsBA,SAAtB;AACC,uCAAC,4BAAD,EAAmB,MAAI,CAACF,KAAxB;AACE,uCAAC,cAAD;AACE,YAAA,QAAQ,EAAE,WADZ;AAEE,YAAA,qBAAqB,MAFvB;AAGE,YAAA,SAAS,EAAE;AACRG,4BAASC,IAAT,CAAc,MAAI,CAACR,KAAnB,CADQ,IACoB,IADpB;AAERO,4BAASE,iBAAT,CAA2B,MAAI,CAACT,KAAhC,CAFQ,IAEiC,CAACM,SAFlC;AAGRC,4BAASG,sBAAT,CAAgC,MAAI,CAACV,KAArC,CAHQ,IAGsCK,iBAHtC;AAIRE,4BAASI,kBAAT,EAJQ,IAIwBR,SAJxB,OAHb;;;AAUG,UAAA,MAAI,CAACC,KAAL,CAAWQ,QAVd,CADF,CADD,GADH,CADF;;;;;;AAoBD,G,oBAvC4BC,eAAMC,S,gCAAxBf,S,CACGgB,mB,GAAsB,W,CADzBhB,S,CAEGiB,c,GAAiB,I","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ZIndex } from '../../internal/ZIndex';\r\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\r\n\r\nimport { ModalContext } from './ModalContext';\r\nimport { jsStyles } from './Modal.styles';\r\n\r\nexport interface ModalBodyProps extends CommonProps {\r\n  /**\r\n   * убирает отступы\r\n   */\r\n  noPadding?: boolean;\r\n}\r\n\r\n/**\r\n * Контейнер с отступами от края модалки\r\n *\r\n * @visibleName Modal.Body\r\n */\r\nexport class ModalBody extends React.Component<ModalBodyProps> {\r\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\r\n  public static __MODAL_BODY__ = true;\r\n\r\n  private theme!: Theme;\r\n\r\n  public render() {\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  public renderMain(): JSX.Element {\r\n    const { noPadding } = this.props;\r\n    return (\r\n      <ModalContext.Consumer>\r\n        {({ additionalPadding, hasHeader }) => (\r\n          <CommonWrapper {...this.props}>\r\n            <ZIndex\r\n              priority={'ModalBody'}\r\n              createStackingContext\r\n              className={cn({\r\n                [jsStyles.body(this.theme)]: true,\r\n                [jsStyles.bodyWithoutHeader(this.theme)]: !hasHeader,\r\n                [jsStyles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\r\n                [jsStyles.bodyWithoutPadding()]: noPadding,\r\n              })}\r\n            >\r\n              {this.props.children}\r\n            </ZIndex>\r\n          </CommonWrapper>\r\n        )}\r\n      </ModalContext.Consumer>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["ModalBody.tsx"],"names":["ModalBody","theme","render","renderMain","noPadding","props","additionalPadding","hasHeader","jsStyles","body","bodyWithoutHeader","bodyAddPaddingForPanel","bodyWithoutPadding","children","React","Component","__KONTUR_REACT_UI__","__MODAL_BODY__"],"mappings":"qPAAA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;;;;;;;;;AASA;AACA;AACA;AACA;AACA,G;AACaA,S;;;;AAIHC,IAAAA,K;;AAEDC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAAAD,KAAK,EAAI;AACR,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACE,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,G;;AAEMA,EAAAA,U,GAAP,sBAAiC;AACvBC,IAAAA,SADuB,GACT,KAAKC,KADI,CACvBD,SADuB;AAE/B;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,mCAAGE,iBAAH,QAAGA,iBAAH,CAAsBC,SAAtB,QAAsBA,SAAtB;AACC,uCAAC,4BAAD,EAAmB,MAAI,CAACF,KAAxB;AACE,uCAAC,cAAD;AACE,YAAA,QAAQ,EAAE,WADZ;AAEE,YAAA,qBAAqB,MAFvB;AAGE,YAAA,SAAS,EAAE;AACRG,4BAASC,IAAT,CAAc,MAAI,CAACR,KAAnB,CADQ,IACoB,IADpB;AAERO,4BAASE,iBAAT,CAA2B,MAAI,CAACT,KAAhC,CAFQ,IAEiC,CAACM,SAFlC;AAGRC,4BAASG,sBAAT,CAAgC,MAAI,CAACV,KAArC,CAHQ,IAGsCK,iBAHtC;AAIRE,4BAASI,kBAAT,EAJQ,IAIwBR,SAJxB,OAHb;;;AAUG,UAAA,MAAI,CAACC,KAAL,CAAWQ,QAVd,CADF,CADD,GADH,CADF;;;;;;AAoBD,G,oBAvC4BC,eAAMC,S,gCAAxBf,S,CACGgB,mB,GAAsB,W,CADzBhB,S,CAEGiB,c,GAAiB,I","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\n\nimport { ModalContext } from './ModalContext';\nimport { jsStyles } from './Modal.styles';\n\nexport interface ModalBodyProps extends CommonProps {\n  /**\n   * убирает отступы\n   */\n  noPadding?: boolean;\n}\n\n/**\n * Контейнер с отступами от края модалки\n *\n * @visibleName Modal.Body\n */\nexport class ModalBody extends React.Component<ModalBodyProps> {\n  public static __KONTUR_REACT_UI__ = 'ModalBody';\n  public static __MODAL_BODY__ = true;\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain(): JSX.Element {\n    const { noPadding } = this.props;\n    return (\n      <ModalContext.Consumer>\n        {({ additionalPadding, hasHeader }) => (\n          <CommonWrapper {...this.props}>\n            <ZIndex\n              priority={'ModalBody'}\n              createStackingContext\n              className={cn({\n                [jsStyles.body(this.theme)]: true,\n                [jsStyles.bodyWithoutHeader(this.theme)]: !hasHeader,\n                [jsStyles.bodyAddPaddingForPanel(this.theme)]: additionalPadding,\n                [jsStyles.bodyWithoutPadding()]: noPadding,\n              })}\n            >\n              {this.props.children}\n            </ZIndex>\n          </CommonWrapper>\n        )}\n      </ModalContext.Consumer>\n    );\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ModalClose.tsx"],"names":["ModalClose","disableClose","requestClose","theme","ThemeContext","jsStyles","close","disabled"],"mappings":"mPAAA;AACA;;AAEA;AACA;;;AAGA;;AAEO,SAASA,UAAT,OAAgE,aAA1CC,YAA0C,QAA1CA,YAA0C,CAA5BC,YAA4B,QAA5BA,YAA4B;AACrE,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE;AACE,MAAA,SAAS,EAAE;AACRC,sBAASC,KAAT,CAAeH,KAAf,CADQ,IACgB,IADhB;AAERE,sBAASE,QAAT,CAAkBJ,KAAlB,CAFQ,IAEmBF,YAFnB,OADb;;AAKE,MAAA,OAAO,EAAEC,YALX;AAME,kBAAS,aANX;;AAQE,iCAAC,oBAAD,OARF,CADF;;;AAYD","sourcesContent":["import React, { useContext } from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\r\n\r\nimport { CloseProps } from './ModalContext';\r\nimport { jsStyles } from './Modal.styles';\r\n\r\nexport function ModalClose({ disableClose, requestClose }: CloseProps) {\r\n  const theme = useContext(ThemeContext);\r\n\r\n  return (\r\n    <button\r\n      className={cn({\r\n        [jsStyles.close(theme)]: true,\r\n        [jsStyles.disabled(theme)]: disableClose,\r\n      })}\r\n      onClick={requestClose}\r\n      data-tid=\"modal-close\"\r\n    >\r\n      <CrossIcon />\r\n    </button>\r\n  );\r\n}\r\n"]}
+{"version":3,"sources":["ModalClose.tsx"],"names":["ModalClose","disableClose","requestClose","theme","ThemeContext","jsStyles","close","disabled"],"mappings":"mPAAA;AACA;;AAEA;AACA;;;AAGA;;AAEO,SAASA,UAAT,OAAgE,aAA1CC,YAA0C,QAA1CA,YAA0C,CAA5BC,YAA4B,QAA5BA,YAA4B;AACrE,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE;AACE,MAAA,SAAS,EAAE;AACRC,sBAASC,KAAT,CAAeH,KAAf,CADQ,IACgB,IADhB;AAERE,sBAASE,QAAT,CAAkBJ,KAAlB,CAFQ,IAEmBF,YAFnB,OADb;;AAKE,MAAA,OAAO,EAAEC,YALX;AAME,kBAAS,aANX;;AAQE,iCAAC,oBAAD,OARF,CADF;;;AAYD","sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CrossIcon } from '../../internal/icons/CrossIcon';\n\nimport { CloseProps } from './ModalContext';\nimport { jsStyles } from './Modal.styles';\n\nexport function ModalClose({ disableClose, requestClose }: CloseProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <button\n      className={cn({\n        [jsStyles.close(theme)]: true,\n        [jsStyles.disabled(theme)]: disableClose,\n      })}\n      onClick={requestClose}\n      data-tid=\"modal-close\"\n    >\n      <CrossIcon />\n    </button>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ModalContext.tsx"],"names":["ModalContext","React","createContext","displayName"],"mappings":"0JAAA;;;;;;;;;;;;;;AAcO,IAAMA,YAAY,gBAAGC,eAAMC,aAAN,CAAuC,EAAvC,CAArB,C;;AAEPF,YAAY,CAACG,WAAb,GAA2B,cAA3B","sourcesContent":["import React from 'react';\r\n\r\nexport interface CloseProps {\r\n  disableClose?: boolean;\r\n  requestClose: () => void;\r\n}\r\n\r\nexport interface ModalContextProps {\r\n  additionalPadding?: boolean;\r\n  hasHeader?: boolean;\r\n  close?: CloseProps;\r\n  horizontalScroll?: boolean;\r\n}\r\n\r\nexport const ModalContext = React.createContext<ModalContextProps>({});\r\n\r\nModalContext.displayName = 'ModalContext';\r\n"]}
+{"version":3,"sources":["ModalContext.tsx"],"names":["ModalContext","React","createContext","displayName"],"mappings":"0JAAA;;;;;;;;;;;;;;AAcO,IAAMA,YAAY,gBAAGC,eAAMC,aAAN,CAAuC,EAAvC,CAArB,C;;AAEPF,YAAY,CAACG,WAAb,GAA2B,cAA3B","sourcesContent":["import React from 'react';\n\nexport interface CloseProps {\n  disableClose?: boolean;\n  requestClose: () => void;\n}\n\nexport interface ModalContextProps {\n  additionalPadding?: boolean;\n  hasHeader?: boolean;\n  close?: CloseProps;\n  horizontalScroll?: boolean;\n}\n\nexport const ModalContext = React.createContext<ModalContextProps>({});\n\nModalContext.displayName = 'ModalContext';\n"]}

package/cjs/components/Modal/ModalFooter.js

@@ -19,10 +19,10 @@ var _ModalContext = require("./ModalContext");
 
 
 
-/**
- * Футер модального окна.
- *
- * @visibleName Modal.Footer
+/**
+ * Футер модального окна.
+ *
+ * @visibleName Modal.Footer
  */
 function ModalFooter(props) {var _props$sticky =
   props.sticky,sticky = _props$sticky === void 0 ? true : _props$sticky,panel = props.panel,children = props.children;