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

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

@@ -1 +1 @@
-{"version":3,"sources":["TopBar.styles.ts"],"names":["styles","root","t","css","tbBg","tbShadow","divider","tdDividerBg","endItems","startItems","buttonActive","button","noShadow","icon","iconOnly","usePay","useDanger","noMargin","center","containerWrap","container","item","spwDropdown","organizationsTitle","organizationsComment","organizationsArrow","organizationsTitleDummy","organizationsCommentDummy","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,IADlB;AAEgBF,IAAAA,CAAC,CAACG,QAFlB;;;;;AAOD,GATY;;AAWbC,EAAAA,OAXa,mBAWLJ,CAXK,EAWK;AAChB,eAAOC,YAAP;;AAEsBD,IAAAA,CAAC,CAACK,WAFxB;;;;AAMD,GAlBY;;AAoBbC,EAAAA,QApBa,sBAoBF;AACT,eAAOL,YAAP;;;;;AAKD,GA1BY;;AA4BbM,EAAAA,UA5Ba,wBA4BA;AACX,eAAON,YAAP;AACIH,IAAAA,MAAM,CAACQ,QAAP,EADJ;;;;AAKD,GAlCY;;AAoCbE,EAAAA,YApCa,0BAoCE;AACb,eAAOP,YAAP;;;AAGD,GAxCY;;AA0CbQ,EAAAA,MA1Ca,oBA0CJ;AACP,eAAOR,YAAP;;;;;;;;;;;;;;;;;;AAkBD,GA7DY;;AA+DbS,EAAAA,QA/Da,sBA+DF;AACT,eAAOT,YAAP;;;AAGD,GAnEY;;AAqEbU,EAAAA,IArEa,kBAqEN;AACL,eAAOV,YAAP;;;;;AAKD,GA3EY;;AA6EbW,EAAAA,QA7Ea,sBA6EF;AACT,eAAOX,YAAP;;;AAGD,GAjFY;;AAmFbY,EAAAA,MAnFa,oBAmFJ;AACP,eAAOZ,YAAP;;;AAGI,0BAAQH,MAAM,CAACU,YAAP,EAAR,CAHJ;;;;AAOD,GA3FY;;AA6FbM,EAAAA,SA7Fa,uBA6FD;AACV,eAAOb,YAAP;;;AAGI,0BAAQH,MAAM,CAACU,YAAP,EAAR,CAHJ;;;;AAOD,GArGY;;AAuGbO,EAAAA,QAvGa,sBAuGF;AACT,eAAOd,YAAP;;;AAGD,GA3GY;;AA6Gbe,EAAAA,MA7Ga,oBA6GJ;AACP,eAAOf,YAAP;;;AAGD,GAjHY;;AAmHbgB,EAAAA,aAnHa,2BAmHG;AACd,eAAOhB,YAAP;;;AAGD,GAvHY;;AAyHbiB,EAAAA,SAzHa,uBAyHD;AACV,eAAOjB,YAAP;;;;;AAKD,GA/HY;;AAiIbkB,EAAAA,IAjIa,kBAiIN;AACL,eAAOlB,YAAP;;;;;;;;;AASD,GA3IY;;AA6IbmB,EAAAA,WA7Ia,yBA6IC;AACZ,eAAOnB,YAAP;;;;;AAKD,GAnJY;;AAqJboB,EAAAA,kBArJa,gCAqJQ;AACnB,eAAOpB,YAAP;;;;;;;;;AASD,GA/JY;;AAiKbqB,EAAAA,oBAjKa,kCAiKU;AACrB,eAAOrB,YAAP;;;;;;AAMD,GAxKY;;AA0KbsB,EAAAA,kBA1Ka,gCA0KQ;AACnB,eAAOtB,YAAP;;;;;;AAMD,GAjLY;;AAmLbuB,EAAAA,uBAnLa,qCAmLa;AACxB,eAAOvB,YAAP;;;;;;;AAOD,GA3LY;;AA6LbwB,EAAAA,yBA7La,uCA6Le;AAC1B,eAAOxB,YAAP;;;AAGD,GAjMY,EAAf;;;AAoMO,IAAMyB,QAAQ,GAAG,2BAAa5B,MAAb,CAAjB,C","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      background: ${t.tbBg};\r\n      box-shadow: ${t.tbShadow};\r\n      height: 50px;\r\n      margin-bottom: 20px;\r\n      padding: 0 15px;\r\n    `;\r\n  },\r\n\r\n  divider(t: Theme) {\r\n    return css`\r\n      align-self: center;\r\n      background-color: ${t.tdDividerBg};\r\n      height: 30px;\r\n      width: 1px;\r\n    `;\r\n  },\r\n\r\n  endItems() {\r\n    return css`\r\n      align-items: stretch;\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n    `;\r\n  },\r\n\r\n  startItems() {\r\n    return css`\r\n      ${styles.endItems()};\r\n\r\n      padding-right: 60px;\r\n    `;\r\n  },\r\n\r\n  buttonActive() {\r\n    return css`\r\n      background: rgba(0, 0, 0, 0.06);\r\n    `;\r\n  },\r\n\r\n  button() {\r\n    return css`\r\n      cursor: pointer;\r\n      height: 50px;\r\n      line-height: 50px;\r\n      outline: 0;\r\n      padding: 0 10px;\r\n      position: relative;\r\n      vertical-align: middle;\r\n\r\n      &:hover,\r\n      &:focus {\r\n        background: rgba(0, 0, 0, 0.06);\r\n      }\r\n\r\n      .kontur-projects_opened & {\r\n        background: rgba(0, 0, 0, 0.06);\r\n      }\r\n    `;\r\n  },\r\n\r\n  noShadow() {\r\n    return css`\r\n      box-shadow: none;\r\n    `;\r\n  },\r\n\r\n  icon() {\r\n    return css`\r\n      color: #666;\r\n      line-height: normal;\r\n      margin-right: 4px;\r\n    `;\r\n  },\r\n\r\n  iconOnly() {\r\n    return css`\r\n      margin-right: 0;\r\n    `;\r\n  },\r\n\r\n  usePay() {\r\n    return css`\r\n      &,\r\n      &:hover,\r\n      ${cssName(styles.buttonActive())} {\r\n        background: #ffeca9;\r\n      }\r\n    `;\r\n  },\r\n\r\n  useDanger() {\r\n    return css`\r\n      &,\r\n      &:hover,\r\n      ${cssName(styles.buttonActive())} {\r\n        background: #ffe3e3;\r\n      }\r\n    `;\r\n  },\r\n\r\n  noMargin() {\r\n    return css`\r\n      margin-bottom: 0;\r\n    `;\r\n  },\r\n\r\n  center() {\r\n    return css`\r\n      margin: auto;\r\n    `;\r\n  },\r\n\r\n  containerWrap() {\r\n    return css`\r\n      margin: 0 -10px;\r\n    `;\r\n  },\r\n\r\n  container() {\r\n    return css`\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n      justify-content: space-between;\r\n    `;\r\n  },\r\n\r\n  item() {\r\n    return css`\r\n      display: inline-block;\r\n      box-sizing: border-box;\r\n      height: 50px;\r\n      line-height: 50px;\r\n      padding: 0 10px;\r\n      vertical-align: middle;\r\n      white-space: nowrap;\r\n    `;\r\n  },\r\n\r\n  spwDropdown() {\r\n    return css`\r\n      display: table-cell;\r\n      height: 50px;\r\n      white-space: nowrap;\r\n    `;\r\n  },\r\n\r\n  organizationsTitle() {\r\n    return css`\r\n      box-sizing: border-box;\r\n      left: 0;\r\n      overflow: hidden;\r\n      padding: 0 20px 0 10px;\r\n      position: absolute;\r\n      text-overflow: ellipsis;\r\n      width: 100%;\r\n    `;\r\n  },\r\n\r\n  organizationsComment() {\r\n    return css`\r\n      color: #aaa;\r\n      padding-left: 10px;\r\n      position: absolute;\r\n      right: 20px;\r\n    `;\r\n  },\r\n\r\n  organizationsArrow() {\r\n    return css`\r\n      position: absolute;\r\n      right: 0;\r\n      text-align: center;\r\n      width: 20px;\r\n    `;\r\n  },\r\n\r\n  organizationsTitleDummy() {\r\n    return css`\r\n      box-sizing: border-box;\r\n      height: 0;\r\n      overflow: hidden;\r\n      padding-right: 10px;\r\n      white-space: normal;\r\n    `;\r\n  },\r\n\r\n  organizationsCommentDummy() {\r\n    return css`\r\n      padding-left: 10px;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["TopBar.styles.ts"],"names":["styles","root","t","css","tbBg","tbShadow","divider","tdDividerBg","endItems","startItems","buttonActive","button","noShadow","icon","iconOnly","usePay","useDanger","noMargin","center","containerWrap","container","item","spwDropdown","organizationsTitle","organizationsComment","organizationsArrow","organizationsTitleDummy","organizationsCommentDummy","jsStyles"],"mappings":"8QAAA,oD;;;AAGA,IAAMA,MAAM,GAAG;AACbC,EAAAA,IADa,gBACRC,CADQ,EACE;AACb,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACE,IADlB;AAEgBF,IAAAA,CAAC,CAACG,QAFlB;;;;;AAOD,GATY;;AAWbC,EAAAA,OAXa,mBAWLJ,CAXK,EAWK;AAChB,eAAOC,YAAP;;AAEsBD,IAAAA,CAAC,CAACK,WAFxB;;;;AAMD,GAlBY;;AAoBbC,EAAAA,QApBa,sBAoBF;AACT,eAAOL,YAAP;;;;;AAKD,GA1BY;;AA4BbM,EAAAA,UA5Ba,wBA4BA;AACX,eAAON,YAAP;AACIH,IAAAA,MAAM,CAACQ,QAAP,EADJ;;;;AAKD,GAlCY;;AAoCbE,EAAAA,YApCa,0BAoCE;AACb,eAAOP,YAAP;;;AAGD,GAxCY;;AA0CbQ,EAAAA,MA1Ca,oBA0CJ;AACP,eAAOR,YAAP;;;;;;;;;;;;;;;;;;AAkBD,GA7DY;;AA+DbS,EAAAA,QA/Da,sBA+DF;AACT,eAAOT,YAAP;;;AAGD,GAnEY;;AAqEbU,EAAAA,IArEa,kBAqEN;AACL,eAAOV,YAAP;;;;;AAKD,GA3EY;;AA6EbW,EAAAA,QA7Ea,sBA6EF;AACT,eAAOX,YAAP;;;AAGD,GAjFY;;AAmFbY,EAAAA,MAnFa,oBAmFJ;AACP,eAAOZ,YAAP;;;AAGI,0BAAQH,MAAM,CAACU,YAAP,EAAR,CAHJ;;;;AAOD,GA3FY;;AA6FbM,EAAAA,SA7Fa,uBA6FD;AACV,eAAOb,YAAP;;;AAGI,0BAAQH,MAAM,CAACU,YAAP,EAAR,CAHJ;;;;AAOD,GArGY;;AAuGbO,EAAAA,QAvGa,sBAuGF;AACT,eAAOd,YAAP;;;AAGD,GA3GY;;AA6Gbe,EAAAA,MA7Ga,oBA6GJ;AACP,eAAOf,YAAP;;;AAGD,GAjHY;;AAmHbgB,EAAAA,aAnHa,2BAmHG;AACd,eAAOhB,YAAP;;;AAGD,GAvHY;;AAyHbiB,EAAAA,SAzHa,uBAyHD;AACV,eAAOjB,YAAP;;;;;AAKD,GA/HY;;AAiIbkB,EAAAA,IAjIa,kBAiIN;AACL,eAAOlB,YAAP;;;;;;;;;AASD,GA3IY;;AA6IbmB,EAAAA,WA7Ia,yBA6IC;AACZ,eAAOnB,YAAP;;;;;AAKD,GAnJY;;AAqJboB,EAAAA,kBArJa,gCAqJQ;AACnB,eAAOpB,YAAP;;;;;;;;;AASD,GA/JY;;AAiKbqB,EAAAA,oBAjKa,kCAiKU;AACrB,eAAOrB,YAAP;;;;;;AAMD,GAxKY;;AA0KbsB,EAAAA,kBA1Ka,gCA0KQ;AACnB,eAAOtB,YAAP;;;;;;AAMD,GAjLY;;AAmLbuB,EAAAA,uBAnLa,qCAmLa;AACxB,eAAOvB,YAAP;;;;;;;AAOD,GA3LY;;AA6LbwB,EAAAA,yBA7La,uCA6Le;AAC1B,eAAOxB,YAAP;;;AAGD,GAjMY,EAAf;;;AAoMO,IAAMyB,QAAQ,GAAG,2BAAa5B,MAAb,CAAjB,C","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      background: ${t.tbBg};\n      box-shadow: ${t.tbShadow};\n      height: 50px;\n      margin-bottom: 20px;\n      padding: 0 15px;\n    `;\n  },\n\n  divider(t: Theme) {\n    return css`\n      align-self: center;\n      background-color: ${t.tdDividerBg};\n      height: 30px;\n      width: 1px;\n    `;\n  },\n\n  endItems() {\n    return css`\n      align-items: stretch;\n      display: flex;\n      flex-wrap: nowrap;\n    `;\n  },\n\n  startItems() {\n    return css`\n      ${styles.endItems()};\n\n      padding-right: 60px;\n    `;\n  },\n\n  buttonActive() {\n    return css`\n      background: rgba(0, 0, 0, 0.06);\n    `;\n  },\n\n  button() {\n    return css`\n      cursor: pointer;\n      height: 50px;\n      line-height: 50px;\n      outline: 0;\n      padding: 0 10px;\n      position: relative;\n      vertical-align: middle;\n\n      &:hover,\n      &:focus {\n        background: rgba(0, 0, 0, 0.06);\n      }\n\n      .kontur-projects_opened & {\n        background: rgba(0, 0, 0, 0.06);\n      }\n    `;\n  },\n\n  noShadow() {\n    return css`\n      box-shadow: none;\n    `;\n  },\n\n  icon() {\n    return css`\n      color: #666;\n      line-height: normal;\n      margin-right: 4px;\n    `;\n  },\n\n  iconOnly() {\n    return css`\n      margin-right: 0;\n    `;\n  },\n\n  usePay() {\n    return css`\n      &,\n      &:hover,\n      ${cssName(styles.buttonActive())} {\n        background: #ffeca9;\n      }\n    `;\n  },\n\n  useDanger() {\n    return css`\n      &,\n      &:hover,\n      ${cssName(styles.buttonActive())} {\n        background: #ffe3e3;\n      }\n    `;\n  },\n\n  noMargin() {\n    return css`\n      margin-bottom: 0;\n    `;\n  },\n\n  center() {\n    return css`\n      margin: auto;\n    `;\n  },\n\n  containerWrap() {\n    return css`\n      margin: 0 -10px;\n    `;\n  },\n\n  container() {\n    return css`\n      display: flex;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n    `;\n  },\n\n  item() {\n    return css`\n      display: inline-block;\n      box-sizing: border-box;\n      height: 50px;\n      line-height: 50px;\n      padding: 0 10px;\n      vertical-align: middle;\n      white-space: nowrap;\n    `;\n  },\n\n  spwDropdown() {\n    return css`\n      display: table-cell;\n      height: 50px;\n      white-space: nowrap;\n    `;\n  },\n\n  organizationsTitle() {\n    return css`\n      box-sizing: border-box;\n      left: 0;\n      overflow: hidden;\n      padding: 0 20px 0 10px;\n      position: absolute;\n      text-overflow: ellipsis;\n      width: 100%;\n    `;\n  },\n\n  organizationsComment() {\n    return css`\n      color: #aaa;\n      padding-left: 10px;\n      position: absolute;\n      right: 20px;\n    `;\n  },\n\n  organizationsArrow() {\n    return css`\n      position: absolute;\n      right: 0;\n      text-align: center;\n      width: 20px;\n    `;\n  },\n\n  organizationsTitleDummy() {\n    return css`\n      box-sizing: border-box;\n      height: 0;\n      overflow: hidden;\n      padding-right: 10px;\n      white-space: normal;\n    `;\n  },\n\n  organizationsCommentDummy() {\n    return css`\n      padding-left: 10px;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

package/cjs/components/TopBar/TopBarButtonItem.js

@@ -17,10 +17,10 @@ var _TopBar = require("./TopBar.styles");
 
 
 
-/**
- * Интерактивный элемент топбара
- *
- * @visibleName TopBar.ButtonItem
+/**
+ * Интерактивный элемент топбара
+ *
+ * @visibleName TopBar.ButtonItem
  */var
 TopBarButtonItem = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(TopBarButtonItem, _React$Component);function TopBarButtonItem() {return _React$Component.apply(this, arguments) || this;}var _proto = TopBarButtonItem.prototype;_proto.
 

package/cjs/components/TopBar/TopBarButtonItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarButtonItem.tsx"],"names":["TopBarButtonItem","render","props","onClick","children","onKeyDown","rest","jsStyles","button","React","Component","defaultProps","use"],"mappings":"0cAAA;;;AAGA;;AAEA;AACA;;;;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA,G;AACaA,gB;;;;AAIJC,EAAAA,M,GAAP,kBAAgB;AACoC,SAAKC,KADzC,CACNC,OADM,eACNA,OADM,CACGC,QADH,eACGA,QADH,CACaC,SADb,eACaA,SADb,CAC2BC,IAD3B;AAEd;AACE,mCAAC,4BAAD,EAAmB,KAAKJ,KAAxB;AACE,mCAAC,sBAAD,6BAAgBI,IAAhB,IAAsB,SAAS,EAAEC,iBAASC,MAAT,EAAjC,EAAoD,UAAU,EAAEH,SAAhE,EAA2E,QAAQ,EAAEF,OAArF;AACGC,MAAAA,QADH,CADF,CADF;;;;AAOD,G,2BAbmCK,eAAMC,S,8CAA/BV,gB,CACGW,Y,GAAe,EAC3BC,GAAG,EAAE,SADsB,E","sourcesContent":["import React from 'react';\r\n\r\nimport { IconProps } from '../../internal/icons/20px';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { TopBarItem, TopBarItemProps } from './TopBarItem';\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport interface TopBarButtonItemProps extends CommonProps, TopBarItemProps {\r\n  active?: boolean;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n  icon?: IconProps['name'] | React.ReactElement;\r\n  iconOnly?: boolean;\r\n  minWidth?: string | number;\r\n  onClick?: () => void;\r\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\r\n  use: 'danger' | 'pay' | 'default';\r\n}\r\n/**\r\n * Интерактивный элемент топбара\r\n *\r\n * @visibleName TopBar.ButtonItem\r\n */\r\nexport class TopBarButtonItem extends React.Component<TopBarButtonItemProps> {\r\n  public static defaultProps = {\r\n    use: 'default',\r\n  };\r\n  public render() {\r\n    const { onClick, children, onKeyDown, ...rest } = this.props;\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <TopBarItem {...rest} className={jsStyles.button()} _onKeyDown={onKeyDown} _onClick={onClick}>\r\n          {children}\r\n        </TopBarItem>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["TopBarButtonItem.tsx"],"names":["TopBarButtonItem","render","props","onClick","children","onKeyDown","rest","jsStyles","button","React","Component","defaultProps","use"],"mappings":"0cAAA;;;AAGA;;AAEA;AACA;;;;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA,G;AACaA,gB;;;;AAIJC,EAAAA,M,GAAP,kBAAgB;AACoC,SAAKC,KADzC,CACNC,OADM,eACNA,OADM,CACGC,QADH,eACGA,QADH,CACaC,SADb,eACaA,SADb,CAC2BC,IAD3B;AAEd;AACE,mCAAC,4BAAD,EAAmB,KAAKJ,KAAxB;AACE,mCAAC,sBAAD,6BAAgBI,IAAhB,IAAsB,SAAS,EAAEC,iBAASC,MAAT,EAAjC,EAAoD,UAAU,EAAEH,SAAhE,EAA2E,QAAQ,EAAEF,OAArF;AACGC,MAAAA,QADH,CADF,CADF;;;;AAOD,G,2BAbmCK,eAAMC,S,8CAA/BV,gB,CACGW,Y,GAAe,EAC3BC,GAAG,EAAE,SADsB,E","sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../../internal/icons/20px';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { TopBarItem, TopBarItemProps } from './TopBarItem';\nimport { jsStyles } from './TopBar.styles';\n\nexport interface TopBarButtonItemProps extends CommonProps, TopBarItemProps {\n  active?: boolean;\n  children?: React.ReactNode;\n  className?: string;\n  icon?: IconProps['name'] | React.ReactElement;\n  iconOnly?: boolean;\n  minWidth?: string | number;\n  onClick?: () => void;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n  use: 'danger' | 'pay' | 'default';\n}\n/**\n * Интерактивный элемент топбара\n *\n * @visibleName TopBar.ButtonItem\n */\nexport class TopBarButtonItem extends React.Component<TopBarButtonItemProps> {\n  public static defaultProps = {\n    use: 'default',\n  };\n  public render() {\n    const { onClick, children, onKeyDown, ...rest } = this.props;\n    return (\n      <CommonWrapper {...this.props}>\n        <TopBarItem {...rest} className={jsStyles.button()} _onKeyDown={onKeyDown} _onClick={onClick}>\n          {children}\n        </TopBarItem>\n      </CommonWrapper>\n    );\n  }\n}\n"]}

package/cjs/components/TopBar/TopBarDivider.js

@@ -7,10 +7,10 @@ var _TopBar = require("./TopBar.styles");
 
 
 
-/**
- * Разделитель в топбаре
- *
- * @visibleName TopBar.Divider
+/**
+ * Разделитель в топбаре
+ *
+ * @visibleName TopBar.Divider
  */
 function TopBarDivider(props) {
   var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);

package/cjs/components/TopBar/TopBarDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarDivider.tsx"],"names":["TopBarDivider","props","theme","ThemeContext","jsStyles","divider","__KONTUR_REACT_UI__"],"mappings":"oKAAA;;AAEA;AACA;;AAEA;;;;AAIA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAT,CAAuBC,KAAvB,EAAkD;AACvD,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA;AACE,iCAAC,4BAAD,EAAmBF,KAAnB;AACE,2CAAM,SAAS,EAAEG,iBAASC,OAAT,CAAiBH,KAAjB,CAAjB,GADF,CADF;;;AAKD;AACDF,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 './TopBar.styles';\r\n\r\nexport type TopBarDividerProps = CommonProps;\r\n\r\n/**\r\n * Разделитель в топбаре\r\n *\r\n * @visibleName TopBar.Divider\r\n */\r\nexport function TopBarDivider(props: TopBarDividerProps) {\r\n  const theme = useContext(ThemeContext);\r\n  return (\r\n    <CommonWrapper {...props}>\r\n      <span className={jsStyles.divider(theme)} />\r\n    </CommonWrapper>\r\n  );\r\n}\r\nTopBarDivider.__KONTUR_REACT_UI__ = 'TopBarDivider';\r\n"]}
+{"version":3,"sources":["TopBarDivider.tsx"],"names":["TopBarDivider","props","theme","ThemeContext","jsStyles","divider","__KONTUR_REACT_UI__"],"mappings":"oKAAA;;AAEA;AACA;;AAEA;;;;AAIA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAT,CAAuBC,KAAvB,EAAkD;AACvD,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;AACA;AACE,iCAAC,4BAAD,EAAmBF,KAAnB;AACE,2CAAM,SAAS,EAAEG,iBAASC,OAAT,CAAiBH,KAAjB,CAAjB,GADF,CADF;;;AAKD;AACDF,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 './TopBar.styles';\n\nexport type TopBarDividerProps = CommonProps;\n\n/**\n * Разделитель в топбаре\n *\n * @visibleName TopBar.Divider\n */\nexport function TopBarDivider(props: TopBarDividerProps) {\n  const theme = useContext(ThemeContext);\n  return (\n    <CommonWrapper {...props}>\n      <span className={jsStyles.divider(theme)} />\n    </CommonWrapper>\n  );\n}\nTopBarDivider.__KONTUR_REACT_UI__ = 'TopBarDivider';\n"]}

package/cjs/components/TopBar/TopBarDropdown.js

@@ -18,10 +18,10 @@ var _TopBarButtonItem = require("./TopBarButtonItem");
 
 
 
-/**
- * Дропдаун в топбаре
- *
- * @visibleName TopBar.Dropdown
+/**
+ * Дропдаун в топбаре
+ *
+ * @visibleName TopBar.Dropdown
  */var
 
 TopBarDropdown = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(TopBarDropdown, _React$Component);function TopBarDropdown() {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/TopBar/TopBarDropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarDropdown.tsx"],"names":["TopBarDropdown","dropdownMenu","renderMain","props","refDropdownMenu","renderButton","children","open","close","ref","captionProps","handleKeyDown","event","openMenu","opened","icon","minWidth","undefined","use","toggleMenu","label","e","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","render","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"4UAAA;;AAEA;;;AAGA;;AAEA;;AAEA;;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA,G;;AAEaA,c;;;;;;;AAOHC,IAAAA,Y,GAAuC,I;;;;;;AAMvCC,IAAAA,U,GAAa,UAACC,KAAD,EAAwD;AAC3E;AACE,qCAAC,0BAAD,6BAAkBA,KAAlB,IAAyB,GAAG,EAAE,MAAKC,eAAnC,EAAoD,OAAO,EAAE,MAAKC,YAAlE;AACG,cAAKF,KAAL,CAAWG,QADd,CADF;;;AAKD,K;;AAEMC,IAAAA,I,GAAO,YAAY;AACxB,UAAI,MAAKN,YAAT,EAAuB;AACrB,cAAKA,YAAL,CAAkBM,IAAlB;AACD;AACF,K;;AAEMC,IAAAA,K,GAAQ,YAAY;AACzB,UAAI,MAAKP,YAAT,EAAuB;AACrB,cAAKA,YAAL,CAAkBO,KAAlB;AACD;AACF,K;;AAEOJ,IAAAA,e,GAAkB,UAACK,GAAD,UAAkC,MAAKR,YAAL,GAAoBQ,GAAtD,E;;AAElBJ,IAAAA,Y,GAAe,UAACK,YAAD,EAAyC;AAC9D,UAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA6C;AACjE,cAAKD,aAAL,CAAmBC,KAAnB,EAA0BF,YAAY,CAACG,QAAvC;AACD,OAFD;;AAIA;AACE,qCAAC,kCAAD;AACE,UAAA,MAAM,EAAEH,YAAY,CAACI,MADvB;AAEE,UAAA,IAAI,EAAE,MAAKX,KAAL,CAAWY,IAFnB;AAGE,UAAA,QAAQ,EAAE,MAAKZ,KAAL,CAAWa,QAAX,GAAsB,MAAKb,KAAL,CAAWa,QAAjC,GAA4CC,SAHxD;AAIE,UAAA,QAAQ,EAAE,CAJZ;AAKE,UAAA,GAAG,EAAE,MAAKd,KAAL,CAAWe,GALlB;AAME,UAAA,OAAO,EAAER,YAAY,CAACS,UANxB;AAOE,UAAA,SAAS,EAAER,aAPb;;AASG,cAAKR,KAAL,CAAWiB,KATd,CADF;;;AAaD,K;;AAEOT,IAAAA,a,GAAgB,UAACU,CAAD,EAAsCR,QAAtC,EAAsF;AAC5G,UAAI,2BAASS,uBAAT,EAAqBC,uBAArB,EAAiCC,+BAAjC,EAAqDH,CAArD,CAAJ,EAA6D;AAC3DA,QAAAA,CAAC,CAACI,cAAF;AACAZ,QAAAA,QAAQ,CAAC,IAAD,CAAR;AACD;AACF,K,4DAnDMa,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,4BAAD,EAAmB,KAAKvB,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,C,yBAXiCyB,eAAMC,S,0CAA7B5B,c,CACG6B,mB,GAAsB,gB,CADzB7B,c,CAGG8B,Y,GAAe,EAC3BZ,GAAG,EAAE,SADsB,E","sourcesContent":["import React from 'react';\r\n\r\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { IconProps } from '../../internal/icons/20px';\r\nimport { DropdownMenu, DropdownMenuProps } from '../DropdownMenu';\r\nimport { PopupMenuCaptionProps } from '../../internal/PopupMenu';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { TopBarButtonItem } from './TopBarButtonItem';\r\n\r\nexport interface TopBarDropdownProps extends CommonProps, Omit<DropdownMenuProps, 'caption' | 'disableAnimations'> {\r\n  icon?: IconProps['name'];\r\n  minWidth?: string | number | null;\r\n  use: 'danger' | 'pay' | 'default';\r\n  label: React.ReactNode;\r\n  onOpen?: () => void;\r\n  onClose?: () => void;\r\n}\r\n\r\n/**\r\n * Дропдаун в топбаре\r\n *\r\n * @visibleName TopBar.Dropdown\r\n */\r\n\r\nexport class TopBarDropdown extends React.Component<TopBarDropdownProps> {\r\n  public static __KONTUR_REACT_UI__ = 'TopBarDropdown';\r\n\r\n  public static defaultProps = {\r\n    use: 'default',\r\n  };\r\n\r\n  private dropdownMenu: Nullable<DropdownMenu> = null;\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<TopBarDropdownProps>) => {\r\n    return (\r\n      <DropdownMenu {...props} ref={this.refDropdownMenu} caption={this.renderButton}>\r\n        {this.props.children}\r\n      </DropdownMenu>\r\n    );\r\n  };\r\n\r\n  public open = (): void => {\r\n    if (this.dropdownMenu) {\r\n      this.dropdownMenu.open();\r\n    }\r\n  };\r\n\r\n  public close = (): void => {\r\n    if (this.dropdownMenu) {\r\n      this.dropdownMenu.close();\r\n    }\r\n  };\r\n\r\n  private refDropdownMenu = (ref: Nullable<DropdownMenu>) => (this.dropdownMenu = ref);\r\n\r\n  private renderButton = (captionProps: PopupMenuCaptionProps) => {\r\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\r\n      this.handleKeyDown(event, captionProps.openMenu);\r\n    };\r\n\r\n    return (\r\n      <TopBarButtonItem\r\n        active={captionProps.opened}\r\n        icon={this.props.icon}\r\n        minWidth={this.props.minWidth ? this.props.minWidth : undefined}\r\n        tabIndex={0}\r\n        use={this.props.use}\r\n        onClick={captionProps.toggleMenu}\r\n        onKeyDown={handleKeyDown}\r\n      >\r\n        {this.props.label}\r\n      </TopBarButtonItem>\r\n    );\r\n  };\r\n\r\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>, openMenu: PopupMenuCaptionProps['openMenu']) => {\r\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\r\n      e.preventDefault();\r\n      openMenu(true);\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["TopBarDropdown.tsx"],"names":["TopBarDropdown","dropdownMenu","renderMain","props","refDropdownMenu","renderButton","children","open","close","ref","captionProps","handleKeyDown","event","openMenu","opened","icon","minWidth","undefined","use","toggleMenu","label","e","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","render","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"4UAAA;;AAEA;;;AAGA;;AAEA;;AAEA;;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA,G;;AAEaA,c;;;;;;;AAOHC,IAAAA,Y,GAAuC,I;;;;;;AAMvCC,IAAAA,U,GAAa,UAACC,KAAD,EAAwD;AAC3E;AACE,qCAAC,0BAAD,6BAAkBA,KAAlB,IAAyB,GAAG,EAAE,MAAKC,eAAnC,EAAoD,OAAO,EAAE,MAAKC,YAAlE;AACG,cAAKF,KAAL,CAAWG,QADd,CADF;;;AAKD,K;;AAEMC,IAAAA,I,GAAO,YAAY;AACxB,UAAI,MAAKN,YAAT,EAAuB;AACrB,cAAKA,YAAL,CAAkBM,IAAlB;AACD;AACF,K;;AAEMC,IAAAA,K,GAAQ,YAAY;AACzB,UAAI,MAAKP,YAAT,EAAuB;AACrB,cAAKA,YAAL,CAAkBO,KAAlB;AACD;AACF,K;;AAEOJ,IAAAA,e,GAAkB,UAACK,GAAD,UAAkC,MAAKR,YAAL,GAAoBQ,GAAtD,E;;AAElBJ,IAAAA,Y,GAAe,UAACK,YAAD,EAAyC;AAC9D,UAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAA6C;AACjE,cAAKD,aAAL,CAAmBC,KAAnB,EAA0BF,YAAY,CAACG,QAAvC;AACD,OAFD;;AAIA;AACE,qCAAC,kCAAD;AACE,UAAA,MAAM,EAAEH,YAAY,CAACI,MADvB;AAEE,UAAA,IAAI,EAAE,MAAKX,KAAL,CAAWY,IAFnB;AAGE,UAAA,QAAQ,EAAE,MAAKZ,KAAL,CAAWa,QAAX,GAAsB,MAAKb,KAAL,CAAWa,QAAjC,GAA4CC,SAHxD;AAIE,UAAA,QAAQ,EAAE,CAJZ;AAKE,UAAA,GAAG,EAAE,MAAKd,KAAL,CAAWe,GALlB;AAME,UAAA,OAAO,EAAER,YAAY,CAACS,UANxB;AAOE,UAAA,SAAS,EAAER,aAPb;;AASG,cAAKR,KAAL,CAAWiB,KATd,CADF;;;AAaD,K;;AAEOT,IAAAA,a,GAAgB,UAACU,CAAD,EAAsCR,QAAtC,EAAsF;AAC5G,UAAI,2BAASS,uBAAT,EAAqBC,uBAArB,EAAiCC,+BAAjC,EAAqDH,CAArD,CAAJ,EAA6D;AAC3DA,QAAAA,CAAC,CAACI,cAAF;AACAZ,QAAAA,QAAQ,CAAC,IAAD,CAAR;AACD;AACF,K,4DAnDMa,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,4BAAD,EAAmB,KAAKvB,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,C,yBAXiCyB,eAAMC,S,0CAA7B5B,c,CACG6B,mB,GAAsB,gB,CADzB7B,c,CAGG8B,Y,GAAe,EAC3BZ,GAAG,EAAE,SADsB,E","sourcesContent":["import React from 'react';\n\nimport { isKeyArrowVertical, isKeyEnter, isKeySpace, someKeys } from '../../lib/events/keyboard/identifiers';\nimport { Nullable } from '../../typings/utility-types';\nimport { IconProps } from '../../internal/icons/20px';\nimport { DropdownMenu, DropdownMenuProps } from '../DropdownMenu';\nimport { PopupMenuCaptionProps } from '../../internal/PopupMenu';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\n\nimport { TopBarButtonItem } from './TopBarButtonItem';\n\nexport interface TopBarDropdownProps extends CommonProps, Omit<DropdownMenuProps, 'caption' | 'disableAnimations'> {\n  icon?: IconProps['name'];\n  minWidth?: string | number | null;\n  use: 'danger' | 'pay' | 'default';\n  label: React.ReactNode;\n  onOpen?: () => void;\n  onClose?: () => void;\n}\n\n/**\n * Дропдаун в топбаре\n *\n * @visibleName TopBar.Dropdown\n */\n\nexport class TopBarDropdown extends React.Component<TopBarDropdownProps> {\n  public static __KONTUR_REACT_UI__ = 'TopBarDropdown';\n\n  public static defaultProps = {\n    use: 'default',\n  };\n\n  private dropdownMenu: Nullable<DropdownMenu> = null;\n\n  public render() {\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<TopBarDropdownProps>) => {\n    return (\n      <DropdownMenu {...props} ref={this.refDropdownMenu} caption={this.renderButton}>\n        {this.props.children}\n      </DropdownMenu>\n    );\n  };\n\n  public open = (): void => {\n    if (this.dropdownMenu) {\n      this.dropdownMenu.open();\n    }\n  };\n\n  public close = (): void => {\n    if (this.dropdownMenu) {\n      this.dropdownMenu.close();\n    }\n  };\n\n  private refDropdownMenu = (ref: Nullable<DropdownMenu>) => (this.dropdownMenu = ref);\n\n  private renderButton = (captionProps: PopupMenuCaptionProps) => {\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n      this.handleKeyDown(event, captionProps.openMenu);\n    };\n\n    return (\n      <TopBarButtonItem\n        active={captionProps.opened}\n        icon={this.props.icon}\n        minWidth={this.props.minWidth ? this.props.minWidth : undefined}\n        tabIndex={0}\n        use={this.props.use}\n        onClick={captionProps.toggleMenu}\n        onKeyDown={handleKeyDown}\n      >\n        {this.props.label}\n      </TopBarButtonItem>\n    );\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>, openMenu: PopupMenuCaptionProps['openMenu']) => {\n    if (someKeys(isKeyEnter, isKeySpace, isKeyArrowVertical)(e)) {\n      e.preventDefault();\n      openMenu(true);\n    }\n  };\n}\n"]}

package/cjs/components/TopBar/TopBarEnd.js

@@ -6,10 +6,10 @@ var _TopBar = require("./TopBar.styles");
 
 
 
-/**
- * Контейнер для смещения к концу
- *
- * @visibleName TopBar.End
+/**
+ * Контейнер для смещения к концу
+ *
+ * @visibleName TopBar.End
  */
 
 var TopBarEnd = function TopBarEnd(_ref) {var children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["children"]);return /*#__PURE__*/(

package/cjs/components/TopBar/TopBarEnd.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarEnd.tsx"],"names":["TopBarEnd","children","rest","jsStyles","endItems","__KONTUR_REACT_UI__"],"mappings":"mRAAA;;AAEA;;AAEA;;;;AAIA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,SAAmC,GAAG,SAAtCA,SAAsC,YAAGC,QAAH,QAAGA,QAAH,CAAgBC,IAAhB;AACjD,iCAAC,4BAAD,EAAmBA,IAAnB;AACE,0CAAK,SAAS,EAAEC,iBAASC,QAAT,EAAhB,IAAsCH,QAAtC,CADF,CADiD,GAA5C,C;;;AAKND,SAAD,CAAmBK,mBAAnB,GAAyC,WAAzC","sourcesContent":["import React from 'react';\r\n\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport type TopBarEndProps = CommonProps;\r\n\r\n/**\r\n * Контейнер для смещения к концу\r\n *\r\n * @visibleName TopBar.End\r\n */\r\n\r\nexport const TopBarEnd: React.FC<TopBarEndProps> = ({ children, ...rest }) => (\r\n  <CommonWrapper {...rest}>\r\n    <div className={jsStyles.endItems()}>{children}</div>\r\n  </CommonWrapper>\r\n);\r\n(TopBarEnd as any).__KONTUR_REACT_UI__ = 'TopBarEnd';\r\n"]}
+{"version":3,"sources":["TopBarEnd.tsx"],"names":["TopBarEnd","children","rest","jsStyles","endItems","__KONTUR_REACT_UI__"],"mappings":"mRAAA;;AAEA;;AAEA;;;;AAIA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,SAAmC,GAAG,SAAtCA,SAAsC,YAAGC,QAAH,QAAGA,QAAH,CAAgBC,IAAhB;AACjD,iCAAC,4BAAD,EAAmBA,IAAnB;AACE,0CAAK,SAAS,EAAEC,iBAASC,QAAT,EAAhB,IAAsCH,QAAtC,CADF,CADiD,GAA5C,C;;;AAKND,SAAD,CAAmBK,mBAAnB,GAAyC,WAAzC","sourcesContent":["import React from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './TopBar.styles';\n\nexport type TopBarEndProps = CommonProps;\n\n/**\n * Контейнер для смещения к концу\n *\n * @visibleName TopBar.End\n */\n\nexport const TopBarEnd: React.FC<TopBarEndProps> = ({ children, ...rest }) => (\n  <CommonWrapper {...rest}>\n    <div className={jsStyles.endItems()}>{children}</div>\n  </CommonWrapper>\n);\n(TopBarEnd as any).__KONTUR_REACT_UI__ = 'TopBarEnd';\n"]}

package/cjs/components/TopBar/TopBarItem.js

@@ -19,10 +19,10 @@ var _TopBar = require("./TopBar.styles");
 
 
 
-/**
- * Статичный элемент топбара
- *
- * @visibleName TopBar.ItemStatic
+/**
+ * Статичный элемент топбара
+ *
+ * @visibleName TopBar.ItemStatic
  */var
 
 TopBarItem = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(TopBarItem, _React$Component);function TopBarItem() {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/TopBar/TopBarItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarItem.tsx"],"names":["TopBarItem","renderMain","props","active","_onClick","_onKeyDown","iconOnly","icon","minWidth","use","rest","classes","jsStyles","item","buttonActive","usePay","useDanger","iconClasses","iconNode","children","render","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","oneOf","defaultProps","className"],"mappings":"ocAAA;AACA;AACA;;AAEA;AACA;;AAEA;;;;;;;;;;;;;;AAcA;AACA;AACA;AACA;AACA,G;;AAEaA,U;;;;;;;;;;;;;;;;AAgBHC,IAAAA,U,GAAa,UAACC,KAAD,EAAoD;AAC/DC,MAAAA,MAD+D,GACUD,KADV,CAC/DC,MAD+D,CACvDC,QADuD,GACUF,KADV,CACvDE,QADuD,CAC7CC,UAD6C,GACUH,KADV,CAC7CG,UAD6C,CACjCC,QADiC,GACUJ,KADV,CACjCI,QADiC,CACvBC,IADuB,GACUL,KADV,CACvBK,IADuB,CACjBC,QADiB,GACUN,KADV,CACjBM,QADiB,CACPC,GADO,GACUP,KADV,CACPO,GADO,CACCC,IADD,+CACUR,KADV;;AAGvE,UAAMS,OAAO,GAAG;AACbC,uBAASC,IAAT,EADa,IACK,IADL;AAEbD,uBAASE,YAAT,EAFa,IAEa,CAAC,CAACX,MAFf;AAGbS,uBAASG,MAAT,EAHa,IAGON,GAAG,KAAK,KAHf;AAIbG,uBAASI,SAAT,EAJa,IAIUP,GAAG,KAAK,QAJlB,OAAhB;;;AAOA,UAAMQ,WAAW,GAAG;AACjBL,uBAASL,IAAT,EADiB,IACC,CAAC,CAACA,IADH;AAEjBK,uBAASN,QAAT,EAFiB,IAEK,CAAC,CAACA,QAFP,QAApB;;AAIA,UAAMY,QAAQ,GAAG,OAAOX,IAAP,KAAgB,QAAhB,gBAA2B,6BAAC,QAAD,IAAM,IAAI,EAAEA,IAAZ,GAA3B,GAAkDA,IAAnE;;AAEA;AACE,uEAASG,IAAT,IAAe,SAAS,EAAEC,OAA1B,EAAmC,OAAO,EAAEP,QAA5C,EAAsD,SAAS,EAAEC,UAAjE,EAA6E,KAAK,EAAE,EAAEG,QAAQ,EAARA,QAAF,EAApF;AACGD,QAAAA,IAAI,iBAAI,uCAAM,SAAS,EAAEU,WAAjB,IAA+BC,QAA/B,CADX;AAEGX,QAAAA,IAAI,IAAID,QAAR,GAAmB,IAAnB,GAA0B,MAAKJ,KAAL,CAAWiB,QAFxC,CADF;;;AAMD,K,wDA1BMC,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,4BAAD,EAAmB,KAAKlB,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,C,qBAd6BoB,eAAMC,S,kCAAzBtB,U,CACGuB,mB,GAAsB,Y,CADzBvB,U,CAGGwB,S,GAAY,EACxBf,GAAG,EAAEgB,mBAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,EAAkB,SAAlB,CAAhB,CADmB,E,CAHf1B,U,CAOG2B,Y,GAAe,EAC3BC,SAAS,EAAE,EADgB,EAE3BnB,GAAG,EAAE,SAFsB,E","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport { Icon, IconProps } from '../../internal/icons/20px';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport interface TopBarItemProps extends CommonProps {\r\n  _onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\r\n  _onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\r\n  active?: boolean;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n  icon?: IconProps['name'] | React.ReactElement;\r\n  iconOnly?: boolean;\r\n  minWidth?: string | number;\r\n  use: 'danger' | 'pay' | 'default';\r\n  tabIndex?: number;\r\n}\r\n/**\r\n * Статичный элемент топбара\r\n *\r\n * @visibleName TopBar.ItemStatic\r\n */\r\n\r\nexport class TopBarItem extends React.Component<TopBarItemProps> {\r\n  public static __KONTUR_REACT_UI__ = 'TopBarItem';\r\n\r\n  public static propTypes = {\r\n    use: PropTypes.oneOf(['danger', 'pay', 'default']),\r\n  };\r\n\r\n  public static defaultProps = {\r\n    className: '',\r\n    use: 'default',\r\n  };\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<TopBarItemProps>) => {\r\n    const { active, _onClick, _onKeyDown, iconOnly, icon, minWidth, use, ...rest } = props;\r\n\r\n    const classes = cn({\r\n      [jsStyles.item()]: true,\r\n      [jsStyles.buttonActive()]: !!active,\r\n      [jsStyles.usePay()]: use === 'pay',\r\n      [jsStyles.useDanger()]: use === 'danger',\r\n    });\r\n\r\n    const iconClasses = cn({\r\n      [jsStyles.icon()]: !!icon,\r\n      [jsStyles.iconOnly()]: !!iconOnly,\r\n    });\r\n    const iconNode = typeof icon === 'string' ? <Icon name={icon} /> : icon;\r\n\r\n    return (\r\n      <div {...rest} className={classes} onClick={_onClick} onKeyDown={_onKeyDown} style={{ minWidth }}>\r\n        {icon && <span className={iconClasses}>{iconNode}</span>}\r\n        {icon && iconOnly ? null : this.props.children}\r\n      </div>\r\n    );\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["TopBarItem.tsx"],"names":["TopBarItem","renderMain","props","active","_onClick","_onKeyDown","iconOnly","icon","minWidth","use","rest","classes","jsStyles","item","buttonActive","usePay","useDanger","iconClasses","iconNode","children","render","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","oneOf","defaultProps","className"],"mappings":"ocAAA;AACA;AACA;;AAEA;AACA;;AAEA;;;;;;;;;;;;;;AAcA;AACA;AACA;AACA;AACA,G;;AAEaA,U;;;;;;;;;;;;;;;;AAgBHC,IAAAA,U,GAAa,UAACC,KAAD,EAAoD;AAC/DC,MAAAA,MAD+D,GACUD,KADV,CAC/DC,MAD+D,CACvDC,QADuD,GACUF,KADV,CACvDE,QADuD,CAC7CC,UAD6C,GACUH,KADV,CAC7CG,UAD6C,CACjCC,QADiC,GACUJ,KADV,CACjCI,QADiC,CACvBC,IADuB,GACUL,KADV,CACvBK,IADuB,CACjBC,QADiB,GACUN,KADV,CACjBM,QADiB,CACPC,GADO,GACUP,KADV,CACPO,GADO,CACCC,IADD,+CACUR,KADV;;AAGvE,UAAMS,OAAO,GAAG;AACbC,uBAASC,IAAT,EADa,IACK,IADL;AAEbD,uBAASE,YAAT,EAFa,IAEa,CAAC,CAACX,MAFf;AAGbS,uBAASG,MAAT,EAHa,IAGON,GAAG,KAAK,KAHf;AAIbG,uBAASI,SAAT,EAJa,IAIUP,GAAG,KAAK,QAJlB,OAAhB;;;AAOA,UAAMQ,WAAW,GAAG;AACjBL,uBAASL,IAAT,EADiB,IACC,CAAC,CAACA,IADH;AAEjBK,uBAASN,QAAT,EAFiB,IAEK,CAAC,CAACA,QAFP,QAApB;;AAIA,UAAMY,QAAQ,GAAG,OAAOX,IAAP,KAAgB,QAAhB,gBAA2B,6BAAC,QAAD,IAAM,IAAI,EAAEA,IAAZ,GAA3B,GAAkDA,IAAnE;;AAEA;AACE,uEAASG,IAAT,IAAe,SAAS,EAAEC,OAA1B,EAAmC,OAAO,EAAEP,QAA5C,EAAsD,SAAS,EAAEC,UAAjE,EAA6E,KAAK,EAAE,EAAEG,QAAQ,EAARA,QAAF,EAApF;AACGD,QAAAA,IAAI,iBAAI,uCAAM,SAAS,EAAEU,WAAjB,IAA+BC,QAA/B,CADX;AAEGX,QAAAA,IAAI,IAAID,QAAR,GAAmB,IAAnB,GAA0B,MAAKJ,KAAL,CAAWiB,QAFxC,CADF;;;AAMD,K,wDA1BMC,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,4BAAD,EAAmB,KAAKlB,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,C,qBAd6BoB,eAAMC,S,kCAAzBtB,U,CACGuB,mB,GAAsB,Y,CADzBvB,U,CAGGwB,S,GAAY,EACxBf,GAAG,EAAEgB,mBAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,EAAkB,SAAlB,CAAhB,CADmB,E,CAHf1B,U,CAOG2B,Y,GAAe,EAC3BC,SAAS,EAAE,EADgB,EAE3BnB,GAAG,EAAE,SAFsB,E","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport { Icon, IconProps } from '../../internal/icons/20px';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './TopBar.styles';\n\nexport interface TopBarItemProps extends CommonProps {\n  _onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  _onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;\n  active?: boolean;\n  children?: React.ReactNode;\n  className?: string;\n  icon?: IconProps['name'] | React.ReactElement;\n  iconOnly?: boolean;\n  minWidth?: string | number;\n  use: 'danger' | 'pay' | 'default';\n  tabIndex?: number;\n}\n/**\n * Статичный элемент топбара\n *\n * @visibleName TopBar.ItemStatic\n */\n\nexport class TopBarItem extends React.Component<TopBarItemProps> {\n  public static __KONTUR_REACT_UI__ = 'TopBarItem';\n\n  public static propTypes = {\n    use: PropTypes.oneOf(['danger', 'pay', 'default']),\n  };\n\n  public static defaultProps = {\n    className: '',\n    use: 'default',\n  };\n\n  public render() {\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<TopBarItemProps>) => {\n    const { active, _onClick, _onKeyDown, iconOnly, icon, minWidth, use, ...rest } = props;\n\n    const classes = cn({\n      [jsStyles.item()]: true,\n      [jsStyles.buttonActive()]: !!active,\n      [jsStyles.usePay()]: use === 'pay',\n      [jsStyles.useDanger()]: use === 'danger',\n    });\n\n    const iconClasses = cn({\n      [jsStyles.icon()]: !!icon,\n      [jsStyles.iconOnly()]: !!iconOnly,\n    });\n    const iconNode = typeof icon === 'string' ? <Icon name={icon} /> : icon;\n\n    return (\n      <div {...rest} className={classes} onClick={_onClick} onKeyDown={_onKeyDown} style={{ minWidth }}>\n        {icon && <span className={iconClasses}>{iconNode}</span>}\n        {icon && iconOnly ? null : this.props.children}\n      </div>\n    );\n  };\n}\n"]}

package/cjs/components/TopBar/TopBarLogout.js

@@ -7,10 +7,10 @@ var _TopBarButtonItem = require("./TopBarButtonItem");
 var _locale = require("./locale");var _dec, _class, _class2, _temp;
 
 
-/**
- * Кнопка выхода
- *
- * @visibleName TopBar.Logout
+/**
+ * Кнопка выхода
+ *
+ * @visibleName TopBar.Logout
  */var
 
 TopBarLogout = (_dec = (0, _decorators.locale)('TopBar', _locale.TopBarLocaleHelper), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(TopBarLogout, _React$Component);function TopBarLogout() {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/TopBar/TopBarLogout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarLogout.tsx"],"names":["TopBarLogout","TopBarLocaleHelper","locale","renderMain","props","children","logout","render","React","Component","__KONTUR_REACT_UI__","defaultProps","TopBarButtonItem"],"mappings":"wPAAA;;AAEA;AACA;;AAEA;AACA,kC;;;AAGA;AACA;AACA;AACA;AACA,G;;AAEaA,Y,WADZ,wBAAO,QAAP,EAAiBC,0BAAjB,C;;;;AAKkBC,IAAAA,M;;;;;;AAMTC,IAAAA,U,GAAa,UAACC,KAAD,EAAsD;AACzE,0BAAO,6BAAC,kCAAD,EAAsBA,KAAtB,EAA8B,MAAKA,KAAL,CAAWC,QAAX,IAAuB,MAAKH,MAAL,CAAYI,MAAjE,CAAP;AACD,K,0DANMC,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,4BAAD,EAAmB,KAAKH,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,C,uBAR+BK,eAAMC,S,WACxBC,mB,GAAsB,c,UAEtBC,Y,GAAeC,mCAAiBD,Y","sourcesContent":["import React from 'react';\r\n\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { TopBarButtonItem, TopBarButtonItemProps } from './TopBarButtonItem';\r\nimport { TopBarLocale, TopBarLocaleHelper } from './locale';\r\n\r\nexport interface TopBarLogoutProps extends CommonProps, TopBarButtonItemProps {}\r\n/**\r\n * Кнопка выхода\r\n *\r\n * @visibleName TopBar.Logout\r\n */\r\n@locale('TopBar', TopBarLocaleHelper)\r\nexport class TopBarLogout extends React.Component<TopBarLogoutProps> {\r\n  public static __KONTUR_REACT_UI__ = 'TopBarLogout';\r\n\r\n  public static defaultProps = TopBarButtonItem.defaultProps;\r\n  private readonly locale!: TopBarLocale;\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<TopBarLogoutProps>) => {\r\n    return <TopBarButtonItem {...props}>{this.props.children || this.locale.logout}</TopBarButtonItem>;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["TopBarLogout.tsx"],"names":["TopBarLogout","TopBarLocaleHelper","locale","renderMain","props","children","logout","render","React","Component","__KONTUR_REACT_UI__","defaultProps","TopBarButtonItem"],"mappings":"wPAAA;;AAEA;AACA;;AAEA;AACA,kC;;;AAGA;AACA;AACA;AACA;AACA,G;;AAEaA,Y,WADZ,wBAAO,QAAP,EAAiBC,0BAAjB,C;;;;AAKkBC,IAAAA,M;;;;;;AAMTC,IAAAA,U,GAAa,UAACC,KAAD,EAAsD;AACzE,0BAAO,6BAAC,kCAAD,EAAsBA,KAAtB,EAA8B,MAAKA,KAAL,CAAWC,QAAX,IAAuB,MAAKH,MAAL,CAAYI,MAAjE,CAAP;AACD,K,0DANMC,M,GAAP,kBAAgB,CACd,oBAAO,6BAAC,4BAAD,EAAmB,KAAKH,KAAxB,EAAgC,KAAKD,UAArC,CAAP,CACD,C,uBAR+BK,eAAMC,S,WACxBC,mB,GAAsB,c,UAEtBC,Y,GAAeC,mCAAiBD,Y","sourcesContent":["import React from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\n\nimport { TopBarButtonItem, TopBarButtonItemProps } from './TopBarButtonItem';\nimport { TopBarLocale, TopBarLocaleHelper } from './locale';\n\nexport interface TopBarLogoutProps extends CommonProps, TopBarButtonItemProps {}\n/**\n * Кнопка выхода\n *\n * @visibleName TopBar.Logout\n */\n@locale('TopBar', TopBarLocaleHelper)\nexport class TopBarLogout extends React.Component<TopBarLogoutProps> {\n  public static __KONTUR_REACT_UI__ = 'TopBarLogout';\n\n  public static defaultProps = TopBarButtonItem.defaultProps;\n  private readonly locale!: TopBarLocale;\n\n  public render() {\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<TopBarLogoutProps>) => {\n    return <TopBarButtonItem {...props}>{this.props.children || this.locale.logout}</TopBarButtonItem>;\n  };\n}\n"]}

package/cjs/components/TopBar/TopBarOrganizations.js

@@ -16,10 +16,10 @@ var _TopBar = require("./TopBar.styles");
 
 
 
-/**
- * Дропдаун с организациями
- *
- * @visibleName TopBar.OrganizationsDropdown
+/**
+ * Дропдаун с организациями
+ *
+ * @visibleName TopBar.OrganizationsDropdown
  */var
 
 TopBarOrganizations = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(TopBarOrganizations, _React$Component);function TopBarOrganizations() {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/TopBar/TopBarOrganizations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarOrganizations.tsx"],"names":["TopBarOrganizations","state","captionWhiteSpace","minWidth","_caption","_comment","renderMain","props","caption","comment","rest","title","jsStyles","organizationsTitle","paddingRight","offsetWidth","undefined","_getCaptionRef","organizationsComment","_getCommentRef","organizationsArrow","organizationsTitleDummy","whiteSpace","organizationsCommentDummy","children","element","componentDidMount","_recalculateWidth","componentDidUpdate","prevProps","render","commentWidth","setState","React","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ArrowChevronDownIcon } from '../../internal/icons/16px';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { TopBarDropdown } from './TopBarDropdown';\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport interface TopBarOrganizationsProps extends CommonProps {\r\n  caption: React.ReactNode;\r\n  comment?: Nullable<string>;\r\n}\r\n\r\nexport interface TopBarOrganizationsState {\r\n  captionWhiteSpace: React.CSSProperties['whiteSpace'];\r\n  minWidth: Nullable<number>;\r\n}\r\n/**\r\n * Дропдаун с организациями\r\n *\r\n * @visibleName TopBar.OrganizationsDropdown\r\n */\r\n\r\nexport class TopBarOrganizations extends React.Component<TopBarOrganizationsProps, TopBarOrganizationsState> {\r\n  public static __KONTUR_REACT_UI__ = 'TopBarOrganizations';\r\n\r\n  public state = {\r\n    captionWhiteSpace: 'normal' as React.CSSProperties['whiteSpace'],\r\n    minWidth: null,\r\n  };\r\n\r\n  private _caption: Nullable<HTMLElement>;\r\n  private _comment: Nullable<HTMLElement>;\r\n\r\n  public componentDidMount() {\r\n    this._recalculateWidth();\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: TopBarOrganizationsProps) {\r\n    if (prevProps.caption !== this.props.caption) {\r\n      this._recalculateWidth();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<TopBarOrganizationsProps>) => {\r\n    const { caption, comment, ...rest } = props;\r\n\r\n    const title = (\r\n      <div>\r\n        <span\r\n          className={jsStyles.organizationsTitle()}\r\n          style={{\r\n            paddingRight: this._comment ? this._comment.offsetWidth + 30 : undefined,\r\n          }}\r\n        >\r\n          <span ref={this._getCaptionRef}>{caption}</span>\r\n          {comment && (\r\n            <span className={jsStyles.organizationsComment()} ref={this._getCommentRef}>\r\n              {comment}\r\n            </span>\r\n          )}\r\n          <span className={jsStyles.organizationsArrow()}>\r\n            <ArrowChevronDownIcon color=\"#aaa\" size={14} />\r\n          </span>\r\n        </span>\r\n        <div className={jsStyles.organizationsTitleDummy()} style={{ whiteSpace: this.state.captionWhiteSpace }}>\r\n          <span>{caption}</span>\r\n          {comment && <span className={jsStyles.organizationsCommentDummy()}>{comment}</span>}\r\n        </div>\r\n      </div>\r\n    );\r\n\r\n    return (\r\n      <TopBarDropdown {...rest} label={title} minWidth={this.state.minWidth}>\r\n        {this.props.children}\r\n      </TopBarDropdown>\r\n    );\r\n  };\r\n\r\n  private _getCaptionRef = (element: HTMLSpanElement) => {\r\n    this._caption = element;\r\n  };\r\n\r\n  private _getCommentRef = (element: HTMLSpanElement) => {\r\n    this._comment = element;\r\n  };\r\n\r\n  private _recalculateWidth() {\r\n    const commentWidth = this._comment ? this._comment.offsetWidth : 0;\r\n    if (!this._caption) {\r\n      return;\r\n    }\r\n    // 360 is minWidth from guides. Apply it when content is bigger.\r\n    // 315 is because of 15px left padding and 30px arrow.\r\n    if (this._caption.offsetWidth + commentWidth > 315) {\r\n      this.setState({\r\n        captionWhiteSpace: 'normal',\r\n        minWidth: 360,\r\n      });\r\n    } else {\r\n      this.setState({\r\n        captionWhiteSpace: 'nowrap',\r\n        minWidth: null,\r\n      });\r\n    }\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["TopBarOrganizations.tsx"],"names":["TopBarOrganizations","state","captionWhiteSpace","minWidth","_caption","_comment","renderMain","props","caption","comment","rest","title","jsStyles","organizationsTitle","paddingRight","offsetWidth","undefined","_getCaptionRef","organizationsComment","_getCommentRef","organizationsArrow","organizationsTitleDummy","whiteSpace","organizationsCommentDummy","children","element","componentDidMount","_recalculateWidth","componentDidUpdate","prevProps","render","commentWidth","setState","React","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { ArrowChevronDownIcon } from '../../internal/icons/16px';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\n\nimport { TopBarDropdown } from './TopBarDropdown';\nimport { jsStyles } from './TopBar.styles';\n\nexport interface TopBarOrganizationsProps extends CommonProps {\n  caption: React.ReactNode;\n  comment?: Nullable<string>;\n}\n\nexport interface TopBarOrganizationsState {\n  captionWhiteSpace: React.CSSProperties['whiteSpace'];\n  minWidth: Nullable<number>;\n}\n/**\n * Дропдаун с организациями\n *\n * @visibleName TopBar.OrganizationsDropdown\n */\n\nexport class TopBarOrganizations extends React.Component<TopBarOrganizationsProps, TopBarOrganizationsState> {\n  public static __KONTUR_REACT_UI__ = 'TopBarOrganizations';\n\n  public state = {\n    captionWhiteSpace: 'normal' as React.CSSProperties['whiteSpace'],\n    minWidth: null,\n  };\n\n  private _caption: Nullable<HTMLElement>;\n  private _comment: Nullable<HTMLElement>;\n\n  public componentDidMount() {\n    this._recalculateWidth();\n  }\n\n  public componentDidUpdate(prevProps: TopBarOrganizationsProps) {\n    if (prevProps.caption !== this.props.caption) {\n      this._recalculateWidth();\n    }\n  }\n\n  public render() {\n    return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<TopBarOrganizationsProps>) => {\n    const { caption, comment, ...rest } = props;\n\n    const title = (\n      <div>\n        <span\n          className={jsStyles.organizationsTitle()}\n          style={{\n            paddingRight: this._comment ? this._comment.offsetWidth + 30 : undefined,\n          }}\n        >\n          <span ref={this._getCaptionRef}>{caption}</span>\n          {comment && (\n            <span className={jsStyles.organizationsComment()} ref={this._getCommentRef}>\n              {comment}\n            </span>\n          )}\n          <span className={jsStyles.organizationsArrow()}>\n            <ArrowChevronDownIcon color=\"#aaa\" size={14} />\n          </span>\n        </span>\n        <div className={jsStyles.organizationsTitleDummy()} style={{ whiteSpace: this.state.captionWhiteSpace }}>\n          <span>{caption}</span>\n          {comment && <span className={jsStyles.organizationsCommentDummy()}>{comment}</span>}\n        </div>\n      </div>\n    );\n\n    return (\n      <TopBarDropdown {...rest} label={title} minWidth={this.state.minWidth}>\n        {this.props.children}\n      </TopBarDropdown>\n    );\n  };\n\n  private _getCaptionRef = (element: HTMLSpanElement) => {\n    this._caption = element;\n  };\n\n  private _getCommentRef = (element: HTMLSpanElement) => {\n    this._comment = element;\n  };\n\n  private _recalculateWidth() {\n    const commentWidth = this._comment ? this._comment.offsetWidth : 0;\n    if (!this._caption) {\n      return;\n    }\n    // 360 is minWidth from guides. Apply it when content is bigger.\n    // 315 is because of 15px left padding and 30px arrow.\n    if (this._caption.offsetWidth + commentWidth > 315) {\n      this.setState({\n        captionWhiteSpace: 'normal',\n        minWidth: 360,\n      });\n    } else {\n      this.setState({\n        captionWhiteSpace: 'nowrap',\n        minWidth: null,\n      });\n    }\n  }\n}\n"]}

package/cjs/components/TopBar/TopBarStart.js

@@ -6,10 +6,10 @@ var _TopBar = require("./TopBar.styles");
 
 
 
-/**
- * Контейнер для сдвига к началу
- *
- * @visibleName TopBar.Start
+/**
+ * Контейнер для сдвига к началу
+ *
+ * @visibleName TopBar.Start
  */
 
 var TopBarStart = function TopBarStart(_ref) {var children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["children"]);return /*#__PURE__*/(

package/cjs/components/TopBar/TopBarStart.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarStart.tsx"],"names":["TopBarStart","children","rest","jsStyles","startItems","__KONTUR_REACT_UI__"],"mappings":"qRAAA;;AAEA;;AAEA;;;;AAIA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,YAAGC,QAAH,QAAGA,QAAH,CAAgBC,IAAhB;AACrD,iCAAC,4BAAD,EAAmBA,IAAnB;AACE,0CAAK,SAAS,EAAEC,iBAASC,UAAT,EAAhB,IAAwCH,QAAxC,CADF,CADqD,GAAhD,C;;;AAKND,WAAD,CAAqBK,mBAArB,GAA2C,aAA3C","sourcesContent":["import React from 'react';\r\n\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport type TopBarStartProps = CommonProps;\r\n\r\n/**\r\n * Контейнер для сдвига к началу\r\n *\r\n * @visibleName TopBar.Start\r\n */\r\n\r\nexport const TopBarStart: React.FC<TopBarStartProps> = ({ children, ...rest }) => (\r\n  <CommonWrapper {...rest}>\r\n    <div className={jsStyles.startItems()}>{children}</div>\r\n  </CommonWrapper>\r\n);\r\n(TopBarStart as any).__KONTUR_REACT_UI__ = 'TopBarStart';\r\n"]}
+{"version":3,"sources":["TopBarStart.tsx"],"names":["TopBarStart","children","rest","jsStyles","startItems","__KONTUR_REACT_UI__"],"mappings":"qRAAA;;AAEA;;AAEA;;;;AAIA;AACA;AACA;AACA;AACA;;AAEO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,YAAGC,QAAH,QAAGA,QAAH,CAAgBC,IAAhB;AACrD,iCAAC,4BAAD,EAAmBA,IAAnB;AACE,0CAAK,SAAS,EAAEC,iBAASC,UAAT,EAAhB,IAAwCH,QAAxC,CADF,CADqD,GAAhD,C;;;AAKND,WAAD,CAAqBK,mBAArB,GAA2C,aAA3C","sourcesContent":["import React from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { jsStyles } from './TopBar.styles';\n\nexport type TopBarStartProps = CommonProps;\n\n/**\n * Контейнер для сдвига к началу\n *\n * @visibleName TopBar.Start\n */\n\nexport const TopBarStart: React.FC<TopBarStartProps> = ({ children, ...rest }) => (\n  <CommonWrapper {...rest}>\n    <div className={jsStyles.startItems()}>{children}</div>\n  </CommonWrapper>\n);\n(TopBarStart as any).__KONTUR_REACT_UI__ = 'TopBarStart';\n"]}

package/cjs/components/TopBar/TopBarUser.js

@@ -12,10 +12,10 @@ var _TopBarDropdown = require("./TopBarDropdown");var _dec, _class, _class2, _te
 
 
 
-/**
- * Меню работы с кабинетом пользователя
- *
- * @visibleName TopBar.User
+/**
+ * Меню работы с кабинетом пользователя
+ *
+ * @visibleName TopBar.User
  */var
 
 
@@ -56,6 +56,6 @@ TopBarUser = (_dec = (0, _decorators.locale)('TopBar', _locale.TopBarLocaleHelpe
 
 
 
-  };return TopBarUser;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'TopBarUser', _class2.defaultProps = { cabinetUrl: 'https://cabinet.kontur.ru' }, _class2.propTypes = { userName: _propTypes.default.string, /**
-   * URL для кастомизации ссылок в меню пользователя
+  };return TopBarUser;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'TopBarUser', _class2.defaultProps = { cabinetUrl: 'https://cabinet.kontur.ru' }, _class2.propTypes = { userName: _propTypes.default.string, /**
+   * URL для кастомизации ссылок в меню пользователя
    */cabinetUrl: _propTypes.default.string }, _temp)) || _class);exports.TopBarUser = TopBarUser;

package/cjs/components/TopBar/TopBarUser.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TopBarUser.tsx"],"names":["TopBarUser","TopBarLocaleHelper","locale","render","props","userName","cabinetUrl","cabinetSettings","cabinetCertificates","cabinetServices","React","Component","__KONTUR_REACT_UI__","defaultProps","propTypes","PropTypes","string"],"mappings":"sPAAA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,kD;;;;;;AAMA;AACA;AACA;AACA;AACA,G;;;AAGaA,U,WADZ,wBAAO,QAAP,EAAiBC,0BAAjB,C;;;;;;;;;;;;;;;;AAiBkBC,IAAAA,M;;AAEVC,EAAAA,M,GAAP,kBAAgB;AACmB,SAAKC,KADxB,CACNC,QADM,eACNA,QADM,CACIC,UADJ,eACIA,UADJ;AAEoD,SAAKJ,MAFzD,CAENK,eAFM,gBAENA,eAFM,CAEWC,mBAFX,gBAEWA,mBAFX,CAEgCC,eAFhC,gBAEgCA,eAFhC;;AAId;AACE,mCAAC,4BAAD,EAAmB,KAAKL,KAAxB;AACE,mCAAC,8BAAD,IAAgB,IAAI,EAAE,MAAtB,EAA8B,KAAK,EAAEC,QAArC;AACE,mCAAC,kBAAD,IAAU,KAAK,MAAf,EAAgB,IAAI,EAAEC,UAAtB,EAAkC,MAAM,EAAC,QAAzC;AACGC,MAAAA,eADH,CADF;;AAIE,mCAAC,kBAAD,IAAU,KAAK,MAAf,EAAgB,IAAI,EAAKD,UAAL,kBAApB,EAAoD,MAAM,EAAC,QAA3D;AACGE,MAAAA,mBADH,CAJF;;AAOE,mCAAC,kBAAD,IAAU,KAAK,MAAf,EAAgB,IAAI,EAAKF,UAAL,cAApB,EAAgD,MAAM,EAAC,QAAvD;AACGG,MAAAA,eADH,CAPF,CADF,CADF;;;;;AAeD,G,qBArC6BC,eAAMC,S,WACtBC,mB,GAAsB,Y,UAEtBC,Y,GAAe,EAC3BP,UAAU,EAAE,2BADe,E,UAIfQ,S,GAAY,EACxBT,QAAQ,EAAEU,mBAAUC,MADI,EAGxB;AACJ;AACA,KACIV,UAAU,EAAES,mBAAUC,MANE,E","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { MenuItem } from '../MenuItem';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { TopBarLocale, TopBarLocaleHelper } from './locale';\r\nimport { TopBarDropdown } from './TopBarDropdown';\r\n\r\nexport interface TopBarUserProps extends CommonProps {\r\n  userName: string;\r\n  cabinetUrl?: string;\r\n}\r\n/**\r\n * Меню работы с кабинетом пользователя\r\n *\r\n * @visibleName TopBar.User\r\n */\r\n\r\n@locale('TopBar', TopBarLocaleHelper)\r\nexport class TopBarUser extends React.Component<TopBarUserProps> {\r\n  public static __KONTUR_REACT_UI__ = 'TopBarUser';\r\n\r\n  public static defaultProps = {\r\n    cabinetUrl: 'https://cabinet.kontur.ru',\r\n  };\r\n\r\n  public static propTypes = {\r\n    userName: PropTypes.string,\r\n\r\n    /**\r\n     * URL для кастомизации ссылок в меню пользователя\r\n     */\r\n    cabinetUrl: PropTypes.string,\r\n  };\r\n\r\n  private readonly locale!: TopBarLocale;\r\n\r\n  public render() {\r\n    const { userName, cabinetUrl } = this.props;\r\n    const { cabinetSettings, cabinetCertificates, cabinetServices } = this.locale;\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <TopBarDropdown icon={'user'} label={userName}>\r\n          <MenuItem loose href={cabinetUrl} target=\"_blank\">\r\n            {cabinetSettings}\r\n          </MenuItem>\r\n          <MenuItem loose href={`${cabinetUrl}/certificates`} target=\"_blank\">\r\n            {cabinetCertificates}\r\n          </MenuItem>\r\n          <MenuItem loose href={`${cabinetUrl}/services`} target=\"_blank\">\r\n            {cabinetServices}\r\n          </MenuItem>\r\n        </TopBarDropdown>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["TopBarUser.tsx"],"names":["TopBarUser","TopBarLocaleHelper","locale","render","props","userName","cabinetUrl","cabinetSettings","cabinetCertificates","cabinetServices","React","Component","__KONTUR_REACT_UI__","defaultProps","propTypes","PropTypes","string"],"mappings":"sPAAA;AACA;;AAEA;AACA;AACA;;AAEA;AACA,kD;;;;;;AAMA;AACA;AACA;AACA;AACA,G;;;AAGaA,U,WADZ,wBAAO,QAAP,EAAiBC,0BAAjB,C;;;;;;;;;;;;;;;;AAiBkBC,IAAAA,M;;AAEVC,EAAAA,M,GAAP,kBAAgB;AACmB,SAAKC,KADxB,CACNC,QADM,eACNA,QADM,CACIC,UADJ,eACIA,UADJ;AAEoD,SAAKJ,MAFzD,CAENK,eAFM,gBAENA,eAFM,CAEWC,mBAFX,gBAEWA,mBAFX,CAEgCC,eAFhC,gBAEgCA,eAFhC;;AAId;AACE,mCAAC,4BAAD,EAAmB,KAAKL,KAAxB;AACE,mCAAC,8BAAD,IAAgB,IAAI,EAAE,MAAtB,EAA8B,KAAK,EAAEC,QAArC;AACE,mCAAC,kBAAD,IAAU,KAAK,MAAf,EAAgB,IAAI,EAAEC,UAAtB,EAAkC,MAAM,EAAC,QAAzC;AACGC,MAAAA,eADH,CADF;;AAIE,mCAAC,kBAAD,IAAU,KAAK,MAAf,EAAgB,IAAI,EAAKD,UAAL,kBAApB,EAAoD,MAAM,EAAC,QAA3D;AACGE,MAAAA,mBADH,CAJF;;AAOE,mCAAC,kBAAD,IAAU,KAAK,MAAf,EAAgB,IAAI,EAAKF,UAAL,cAApB,EAAgD,MAAM,EAAC,QAAvD;AACGG,MAAAA,eADH,CAPF,CADF,CADF;;;;;AAeD,G,qBArC6BC,eAAMC,S,WACtBC,mB,GAAsB,Y,UAEtBC,Y,GAAe,EAC3BP,UAAU,EAAE,2BADe,E,UAIfQ,S,GAAY,EACxBT,QAAQ,EAAEU,mBAAUC,MADI,EAGxB;AACJ;AACA,KACIV,UAAU,EAAES,mBAAUC,MANE,E","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { MenuItem } from '../MenuItem';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { TopBarLocale, TopBarLocaleHelper } from './locale';\nimport { TopBarDropdown } from './TopBarDropdown';\n\nexport interface TopBarUserProps extends CommonProps {\n  userName: string;\n  cabinetUrl?: string;\n}\n/**\n * Меню работы с кабинетом пользователя\n *\n * @visibleName TopBar.User\n */\n\n@locale('TopBar', TopBarLocaleHelper)\nexport class TopBarUser extends React.Component<TopBarUserProps> {\n  public static __KONTUR_REACT_UI__ = 'TopBarUser';\n\n  public static defaultProps = {\n    cabinetUrl: 'https://cabinet.kontur.ru',\n  };\n\n  public static propTypes = {\n    userName: PropTypes.string,\n\n    /**\n     * URL для кастомизации ссылок в меню пользователя\n     */\n    cabinetUrl: PropTypes.string,\n  };\n\n  private readonly locale!: TopBarLocale;\n\n  public render() {\n    const { userName, cabinetUrl } = this.props;\n    const { cabinetSettings, cabinetCertificates, cabinetServices } = this.locale;\n\n    return (\n      <CommonWrapper {...this.props}>\n        <TopBarDropdown icon={'user'} label={userName}>\n          <MenuItem loose href={cabinetUrl} target=\"_blank\">\n            {cabinetSettings}\n          </MenuItem>\n          <MenuItem loose href={`${cabinetUrl}/certificates`} target=\"_blank\">\n            {cabinetCertificates}\n          </MenuItem>\n          <MenuItem loose href={`${cabinetUrl}/services`} target=\"_blank\">\n            {cabinetServices}\n          </MenuItem>\n        </TopBarDropdown>\n      </CommonWrapper>\n    );\n  }\n}\n"]}

package/cjs/components/TopBar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["export * from './TopBar';\r\nexport * from './TopBarButtonItem';\r\nexport * from './TopBarDivider';\r\nexport * from './TopBarDropdown';\r\nexport * from './TopBarEnd';\r\nexport * from './TopBarItem';\r\nexport * from './TopBarLogout';\r\nexport * from './TopBarOrganizations';\r\nexport * from './TopBarStart';\r\nexport * from './TopBarUser';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["export * from './TopBar';\nexport * from './TopBarButtonItem';\nexport * from './TopBarDivider';\nexport * from './TopBarDropdown';\nexport * from './TopBarEnd';\nexport * from './TopBarItem';\nexport * from './TopBarLogout';\nexport * from './TopBarOrganizations';\nexport * from './TopBarStart';\nexport * from './TopBarUser';\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["TopBarLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"2HAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,kBAAkB,GAAG,IAAIC,0BAAJ,CAA+B;AAC/DC,EAAAA,KAAK,EAALA,qBAD+D;AAE/DC,EAAAA,KAAK,EAALA,qBAF+D,EAA/B,CAA3B,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 { TopBarLocale } from './types';\r\n\r\nexport * from './types';\r\n\r\nexport const TopBarLocaleHelper = new LocaleHelper<TopBarLocale>({\r\n  ru_RU,\r\n  en_GB,\r\n});\r\n"]}
+{"version":3,"sources":["index.ts"],"names":["TopBarLocaleHelper","LocaleHelper","ru_RU","en_GB"],"mappings":"2HAAA;;AAEA;AACA;;;AAGA;;AAEO,IAAMA,kBAAkB,GAAG,IAAIC,0BAAJ,CAA+B;AAC/DC,EAAAA,KAAK,EAALA,qBAD+D;AAE/DC,EAAAA,KAAK,EAALA,qBAF+D,EAA/B,CAA3B,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 { TopBarLocale } from './types';\n\nexport * from './types';\n\nexport const TopBarLocaleHelper = new LocaleHelper<TopBarLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/cjs/components/TopBar/locale/locales/en.js.map

@@ -1 +1 @@
-{"version":3,"sources":["en.ts"],"names":["componentsLocales","cabinetSettings","cabinetCertificates","cabinetServices","logout"],"mappings":";;AAEO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,eAAe,EAAE,yBAD4B;AAE7CC,EAAAA,mBAAmB,EAAE,cAFwB;AAG7CC,EAAAA,eAAe,EAAE,sBAH4B;AAI7CC,EAAAA,MAAM,EAAE,QAJqC,EAAxC,C","sourcesContent":["import { TopBarLocale } from '../types';\r\n\r\nexport const componentsLocales: TopBarLocale = {\r\n  cabinetSettings: 'Personal account Kontur',\r\n  cabinetCertificates: 'Certificates',\r\n  cabinetServices: 'Payment for services',\r\n  logout: 'Logout',\r\n};\r\n"]}
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","cabinetSettings","cabinetCertificates","cabinetServices","logout"],"mappings":";;AAEO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,eAAe,EAAE,yBAD4B;AAE7CC,EAAAA,mBAAmB,EAAE,cAFwB;AAG7CC,EAAAA,eAAe,EAAE,sBAH4B;AAI7CC,EAAAA,MAAM,EAAE,QAJqC,EAAxC,C","sourcesContent":["import { TopBarLocale } from '../types';\n\nexport const componentsLocales: TopBarLocale = {\n  cabinetSettings: 'Personal account Kontur',\n  cabinetCertificates: 'Certificates',\n  cabinetServices: 'Payment for services',\n  logout: 'Logout',\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ru.ts"],"names":["componentsLocales","cabinetSettings","cabinetCertificates","cabinetServices","logout"],"mappings":";;AAEO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,eAAe,EAAE,wBAD4B;AAE7CC,EAAAA,mBAAmB,EAAE,aAFwB;AAG7CC,EAAAA,eAAe,EAAE,iBAH4B;AAI7CC,EAAAA,MAAM,EAAE,OAJqC,EAAxC,C","sourcesContent":["import { TopBarLocale } from '../types';\r\n\r\nexport const componentsLocales: TopBarLocale = {\r\n  cabinetSettings: 'Личный кабинет Контура',\r\n  cabinetCertificates: 'Сертификаты',\r\n  cabinetServices: 'Оплата сервисов',\r\n  logout: 'Выйти',\r\n};\r\n"]}
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","cabinetSettings","cabinetCertificates","cabinetServices","logout"],"mappings":";;AAEO,IAAMA,iBAA+B,GAAG;AAC7CC,EAAAA,eAAe,EAAE,wBAD4B;AAE7CC,EAAAA,mBAAmB,EAAE,aAFwB;AAG7CC,EAAAA,eAAe,EAAE,iBAH4B;AAI7CC,EAAAA,MAAM,EAAE,OAJqC,EAAxC,C","sourcesContent":["import { TopBarLocale } from '../types';\n\nexport const componentsLocales: TopBarLocale = {\n  cabinetSettings: 'Личный кабинет Контура',\n  cabinetCertificates: 'Сертификаты',\n  cabinetServices: 'Оплата сервисов',\n  logout: 'Выйти',\n};\n"]}

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["export * from './components/Autocomplete';\r\nexport * from './components/Button';\r\nexport * from './components/Center';\r\nexport * from './components/Checkbox';\r\nexport * from './components/ComboBox';\r\nexport * from './components/CurrencyInput';\r\nexport * from './components/CurrencyLabel';\r\nexport * from './components/DateInput';\r\nexport * from './components/DatePicker';\r\nexport * from './components/Dropdown';\r\nexport * from './components/DropdownMenu';\r\nexport * from './components/Fias';\r\nexport * from './components/FxInput';\r\nexport * from './components/Gapped';\r\nexport * from './components/Group';\r\nexport * from './components/Hint';\r\nexport * from './components/Input';\r\nexport * from './components/Kebab';\r\nexport * from './components/Link';\r\nexport * from './components/Loader';\r\nexport * from './components/LocaleProvider';\r\nexport * from './components/Logotype';\r\nexport * from './components/MenuHeader';\r\nexport * from './components/MenuItem';\r\nexport * from './components/MenuSeparator';\r\nexport * from './components/Modal';\r\nexport * from './components/Paging';\r\nexport * from './components/PasswordInput';\r\nexport * from './components/Radio';\r\nexport * from './components/RadioGroup';\r\nexport * from './components/ScrollContainer';\r\nexport * from './components/Select';\r\nexport * from './components/SidePage';\r\nexport * from './components/Spinner';\r\nexport * from './components/Sticky';\r\nexport * from './components/Switcher';\r\nexport * from './components/Tabs';\r\nexport * from './components/Textarea';\r\nexport * from './components/ThemeConsumer';\r\nexport * from './components/ThemeProvider';\r\nexport * from './components/Toast';\r\nexport * from './components/Toggle';\r\nexport * from './components/Token';\r\nexport * from './components/TokenInput';\r\nexport * from './components/Tooltip';\r\nexport * from './components/TooltipMenu';\r\nexport * from './components/TopBar';\r\nexport * from './lib/locale';\r\nexport * from './lib/theming/ThemeContext';\r\nexport * from './lib/theming/ThemeFactory';\r\nexport * from './lib/theming/themes/DefaultTheme';\r\nexport * from './lib/theming/themes/DefaultTheme8px';\r\nexport * from './lib/theming/themes/FlatTheme';\r\nexport * from './lib/theming/themes/FlatTheme8px';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["export * from './components/Autocomplete';\nexport * from './components/Button';\nexport * from './components/Center';\nexport * from './components/Checkbox';\nexport * from './components/ComboBox';\nexport * from './components/CurrencyInput';\nexport * from './components/CurrencyLabel';\nexport * from './components/DateInput';\nexport * from './components/DatePicker';\nexport * from './components/Dropdown';\nexport * from './components/DropdownMenu';\nexport * from './components/Fias';\nexport * from './components/FxInput';\nexport * from './components/Gapped';\nexport * from './components/Group';\nexport * from './components/Hint';\nexport * from './components/Input';\nexport * from './components/Kebab';\nexport * from './components/Link';\nexport * from './components/Loader';\nexport * from './components/LocaleProvider';\nexport * from './components/Logotype';\nexport * from './components/MenuHeader';\nexport * from './components/MenuItem';\nexport * from './components/MenuSeparator';\nexport * from './components/Modal';\nexport * from './components/Paging';\nexport * from './components/PasswordInput';\nexport * from './components/Radio';\nexport * from './components/RadioGroup';\nexport * from './components/ScrollContainer';\nexport * from './components/Select';\nexport * from './components/SidePage';\nexport * from './components/Spinner';\nexport * from './components/Sticky';\nexport * from './components/Switcher';\nexport * from './components/Tabs';\nexport * from './components/Textarea';\nexport * from './components/ThemeConsumer';\nexport * from './components/ThemeProvider';\nexport * from './components/Toast';\nexport * from './components/Toggle';\nexport * from './components/Token';\nexport * from './components/TokenInput';\nexport * from './components/Tooltip';\nexport * from './components/TooltipMenu';\nexport * from './components/TopBar';\nexport * from './lib/locale';\nexport * from './lib/theming/ThemeContext';\nexport * from './lib/theming/ThemeFactory';\nexport * from './lib/theming/themes/DefaultTheme';\nexport * from './lib/theming/themes/DefaultTheme8px';\nexport * from './lib/theming/themes/FlatTheme';\nexport * from './lib/theming/themes/FlatTheme8px';\n"]}

package/cjs/internal/BGRuler.js

@@ -1,10 +1,10 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.BGRuler = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
-/**
- * Компонент рисует пиксельную линейку на заднем фоне.
- * Помогает контролировать размеры элементов при скриншотном тестировании.
- *
- * @see FxInput/__stories__/FxInput.stories.tsx
+/**
+ * Компонент рисует пиксельную линейку на заднем фоне.
+ * Помогает контролировать размеры элементов при скриншотном тестировании.
+ *
+ * @see FxInput/__stories__/FxInput.stories.tsx
  */var
 BGRuler = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(BGRuler, _React$Component);function BGRuler() {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/internal/BGRuler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BGRuler.tsx"],"names":["BGRuler","iframe","componentDidMount","contentWindow","addEventListener","update","componentWillUnmount","removeEventListener","forceUpdate","iframeRef","ref","render","props","width","height","color","top","bottom","left","right","wrapper","position","overflow","border","visibility","marks","backgroundSize","backgroundRepeat","highMarks","backgroundImage","middleMarks","shortMarks","rulerWidth","getBoundingClientRect","labels","Array","Math","ceil","fill","map","value","index","label","fontFamily","fontSize","lineHeight","React","Component","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\n/**\r\n * Компонент рисует пиксельную линейку на заднем фоне.\r\n * Помогает контролировать размеры элементов при скриншотном тестировании.\r\n *\r\n * @see FxInput/__stories__/FxInput.stories.tsx\r\n */\r\nexport class BGRuler extends React.Component<{\r\n  width?: string | number;\r\n  height?: string | number;\r\n  top?: string | number;\r\n  bottom?: string | number;\r\n  right?: string | number;\r\n  left?: string | number;\r\n  color?: string;\r\n}> {\r\n  public static defaultProps = {\r\n    height: 20,\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    color: '#333',\r\n  };\r\n\r\n  private iframe: HTMLIFrameElement | null = null;\r\n\r\n  public componentDidMount = () => {\r\n    if (this.iframe && this.iframe.contentWindow) {\r\n      this.iframe.contentWindow.addEventListener('resize', this.update, true);\r\n    }\r\n    this.update();\r\n  };\r\n\r\n  public componentWillUnmount = () => {\r\n    if (this.iframe && this.iframe.contentWindow) {\r\n      this.iframe.contentWindow.removeEventListener('resize', this.update, true);\r\n    }\r\n  };\r\n\r\n  public update = () => {\r\n    this.forceUpdate();\r\n  };\r\n\r\n  public render() {\r\n    const { width, height, color, top, bottom, left, right } = this.props;\r\n    const wrapper: React.CSSProperties = {\r\n      position: 'absolute',\r\n      width,\r\n      height,\r\n      top,\r\n      bottom,\r\n      left,\r\n      right,\r\n      overflow: 'hidden',\r\n    };\r\n    const iframe: React.CSSProperties = {\r\n      position: 'absolute',\r\n      width: '100%',\r\n      height: '100%',\r\n      border: 0,\r\n      visibility: 'hidden',\r\n    };\r\n    const marks: React.CSSProperties = {\r\n      position: 'absolute',\r\n      top: 0,\r\n      left: 0,\r\n      width: '100%',\r\n      backgroundSize: '100px 20px',\r\n      backgroundRepeat: 'repeat-x',\r\n    };\r\n    const highMarks: React.CSSProperties = {\r\n      ...marks,\r\n      height: '100%',\r\n      backgroundImage: `linear-gradient(90deg, ${color} 0, ${color} 1px, transparent 1px)`,\r\n    };\r\n    const middleMarks: React.CSSProperties = {\r\n      ...marks,\r\n      height: '75%',\r\n      backgroundImage: `linear-gradient(90deg, transparent 0, transparent 49px, ${color} 49px, ${color} 50px, transparent 50px)`,\r\n    };\r\n    const shortMarks: React.CSSProperties = {\r\n      ...marks,\r\n      height: '40%',\r\n      backgroundImage: `\r\n        linear-gradient(90deg, transparent 0, transparent 9px, ${color} 9px, ${color} 10px, transparent 10px),\r\n        linear-gradient(90deg, transparent 0, transparent 19px, ${color} 19px, ${color} 20px, transparent 20px),\r\n        linear-gradient(90deg, transparent 0, transparent 29px, ${color} 29px, ${color} 30px, transparent 30px),\r\n        linear-gradient(90deg, transparent 0, transparent 39px, ${color} 39px, ${color} 40px, transparent 40px),\r\n        linear-gradient(90deg, transparent 0, transparent 59px, ${color} 59px, ${color} 60px, transparent 60px),\r\n        linear-gradient(90deg, transparent 0, transparent 69px, ${color} 69px, ${color} 70px, transparent 70px),\r\n        linear-gradient(90deg, transparent 0, transparent 79px, ${color} 79px, ${color} 80px, transparent 80px),\r\n        linear-gradient(90deg, transparent 0, transparent 89px, ${color} 89px, ${color} 90px, transparent 90px)\r\n      `,\r\n    };\r\n    const rulerWidth = this.iframe ? this.iframe.getBoundingClientRect().width : 0;\r\n    const labels = Array(Math.ceil(rulerWidth / 100) + 1)\r\n      .fill(null)\r\n      .map((value, index) => {\r\n        const label: React.CSSProperties = {\r\n          position: 'absolute',\r\n          fontFamily: 'Arial',\r\n          fontSize: 10,\r\n          lineHeight: 1,\r\n          color,\r\n          bottom: -1,\r\n          left: index * 100 + 5,\r\n        };\r\n        return (\r\n          <span key={index} style={label}>\r\n            {index * 100}\r\n          </span>\r\n        );\r\n      });\r\n    return (\r\n      <div style={wrapper}>\r\n        <div style={highMarks} />\r\n        <div style={middleMarks} />\r\n        <div style={shortMarks} />\r\n        {labels}\r\n        <iframe title=\"BGRuler\" style={iframe} ref={this.iframeRef} />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private iframeRef = (ref: HTMLIFrameElement | null) => {\r\n    this.iframe = ref;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["BGRuler.tsx"],"names":["BGRuler","iframe","componentDidMount","contentWindow","addEventListener","update","componentWillUnmount","removeEventListener","forceUpdate","iframeRef","ref","render","props","width","height","color","top","bottom","left","right","wrapper","position","overflow","border","visibility","marks","backgroundSize","backgroundRepeat","highMarks","backgroundImage","middleMarks","shortMarks","rulerWidth","getBoundingClientRect","labels","Array","Math","ceil","fill","map","value","index","label","fontFamily","fontSize","lineHeight","React","Component","defaultProps"],"mappings":"qUAAA;;AAEA;AACA;AACA;AACA;AACA;AACA,G;AACaA,O;;;;;;;;;;;;;;;;;AAiBHC,IAAAA,M,GAAmC,I;;AAEpCC,IAAAA,iB,GAAoB,YAAM;AAC/B,UAAI,MAAKD,MAAL,IAAe,MAAKA,MAAL,CAAYE,aAA/B,EAA8C;AAC5C,cAAKF,MAAL,CAAYE,aAAZ,CAA0BC,gBAA1B,CAA2C,QAA3C,EAAqD,MAAKC,MAA1D,EAAkE,IAAlE;AACD;AACD,YAAKA,MAAL;AACD,K;;AAEMC,IAAAA,oB,GAAuB,YAAM;AAClC,UAAI,MAAKL,MAAL,IAAe,MAAKA,MAAL,CAAYE,aAA/B,EAA8C;AAC5C,cAAKF,MAAL,CAAYE,aAAZ,CAA0BI,mBAA1B,CAA8C,QAA9C,EAAwD,MAAKF,MAA7D,EAAqE,IAArE;AACD;AACF,K;;AAEMA,IAAAA,M,GAAS,YAAM;AACpB,YAAKG,WAAL;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFOC,IAAAA,S,GAAY,UAACC,GAAD,EAAmC;AACrD,YAAKT,MAAL,GAAcS,GAAd;AACD,K,qDAnFMC,M,GAAP,kBAAgB,mBAC6C,KAAKC,KADlD,CACNC,KADM,eACNA,KADM,CACCC,MADD,eACCA,MADD,CACSC,KADT,eACSA,KADT,CACgBC,GADhB,eACgBA,GADhB,CACqBC,MADrB,eACqBA,MADrB,CAC6BC,IAD7B,eAC6BA,IAD7B,CACmCC,KADnC,eACmCA,KADnC,CAEd,IAAMC,OAA4B,GAAG,EACnCC,QAAQ,EAAE,UADyB,EAEnCR,KAAK,EAALA,KAFmC,EAGnCC,MAAM,EAANA,MAHmC,EAInCE,GAAG,EAAHA,GAJmC,EAKnCC,MAAM,EAANA,MALmC,EAMnCC,IAAI,EAAJA,IANmC,EAOnCC,KAAK,EAALA,KAPmC,EAQnCG,QAAQ,EAAE,QARyB,EAArC,CAUA,IAAMrB,MAA2B,GAAG,EAClCoB,QAAQ,EAAE,UADwB,EAElCR,KAAK,EAAE,MAF2B,EAGlCC,MAAM,EAAE,MAH0B,EAIlCS,MAAM,EAAE,CAJ0B,EAKlCC,UAAU,EAAE,QALsB,EAApC,CAOA,IAAMC,KAA0B,GAAG,EACjCJ,QAAQ,EAAE,UADuB,EAEjCL,GAAG,EAAE,CAF4B,EAGjCE,IAAI,EAAE,CAH2B,EAIjCL,KAAK,EAAE,MAJ0B,EAKjCa,cAAc,EAAE,YALiB,EAMjCC,gBAAgB,EAAE,UANe,EAAnC,CAQA,IAAMC,SAA8B,8BAC/BH,KAD+B,IAElCX,MAAM,EAAE,MAF0B,EAGlCe,eAAe,8BAA4Bd,KAA5B,YAAwCA,KAAxC,2BAHmB,GAApC,CAKA,IAAMe,WAAgC,8BACjCL,KADiC,IAEpCX,MAAM,EAAE,KAF4B,EAGpCe,eAAe,+DAA6Dd,KAA7D,eAA4EA,KAA5E,6BAHqB,GAAtC,CAKA,IAAMgB,UAA+B,8BAChCN,KADgC,IAEnCX,MAAM,EAAE,KAF2B,EAGnCe,eAAe,wEAC4Cd,KAD5C,cAC0DA,KAD1D,mGAE6CA,KAF7C,eAE4DA,KAF5D,mGAG6CA,KAH7C,eAG4DA,KAH5D,mGAI6CA,KAJ7C,eAI4DA,KAJ5D,mGAK6CA,KAL7C,eAK4DA,KAL5D,mGAM6CA,KAN7C,eAM4DA,KAN5D,mGAO6CA,KAP7C,eAO4DA,KAP5D,mGAQ6CA,KAR7C,eAQ4DA,KAR5D,qCAHoB,GAArC,CAcA,IAAMiB,UAAU,GAAG,KAAK/B,MAAL,GAAc,KAAKA,MAAL,CAAYgC,qBAAZ,GAAoCpB,KAAlD,GAA0D,CAA7E,CACA,IAAMqB,MAAM,GAAGC,KAAK,CAACC,IAAI,CAACC,IAAL,CAAUL,UAAU,GAAG,GAAvB,IAA8B,CAA/B,CAAL,CACZM,IADY,CACP,IADO,EAEZC,GAFY,CAER,UAACC,KAAD,EAAQC,KAAR,EAAkB,CACrB,IAAMC,KAA0B,GAAG,EACjCrB,QAAQ,EAAE,UADuB,EAEjCsB,UAAU,EAAE,OAFqB,EAGjCC,QAAQ,EAAE,EAHuB,EAIjCC,UAAU,EAAE,CAJqB,EAKjC9B,KAAK,EAALA,KALiC,EAMjCE,MAAM,EAAE,CAAC,CANwB,EAOjCC,IAAI,EAAEuB,KAAK,GAAG,GAAR,GAAc,CAPa,EAAnC,CASA,oBACE,uCAAM,GAAG,EAAEA,KAAX,EAAkB,KAAK,EAAEC,KAAzB,IACGD,KAAK,GAAG,GADX,CADF,CAKD,CAjBY,CAAf,CAkBA,oBACE,sCAAK,KAAK,EAAErB,OAAZ,iBACE,sCAAK,KAAK,EAAEQ,SAAZ,GADF,eAEE,sCAAK,KAAK,EAAEE,WAAZ,GAFF,eAGE,sCAAK,KAAK,EAAEC,UAAZ,GAHF,EAIGG,MAJH,eAKE,yCAAQ,KAAK,EAAC,SAAd,EAAwB,KAAK,EAAEjC,MAA/B,EAAuC,GAAG,EAAE,KAAKQ,SAAjD,GALF,CADF,CASD,C,kBAnH0BqC,eAAMC,S,4BAAtB/C,O,CASGgD,Y,GAAe,EAC3BlC,MAAM,EAAE,EADmB,EAE3BE,GAAG,EAAE,CAFsB,EAG3BE,IAAI,EAAE,CAHqB,EAI3BC,KAAK,EAAE,CAJoB,EAK3BJ,KAAK,EAAE,MALoB,E","sourcesContent":["import React from 'react';\n\n/**\n * Компонент рисует пиксельную линейку на заднем фоне.\n * Помогает контролировать размеры элементов при скриншотном тестировании.\n *\n * @see FxInput/__stories__/FxInput.stories.tsx\n */\nexport class BGRuler extends React.Component<{\n  width?: string | number;\n  height?: string | number;\n  top?: string | number;\n  bottom?: string | number;\n  right?: string | number;\n  left?: string | number;\n  color?: string;\n}> {\n  public static defaultProps = {\n    height: 20,\n    top: 0,\n    left: 0,\n    right: 0,\n    color: '#333',\n  };\n\n  private iframe: HTMLIFrameElement | null = null;\n\n  public componentDidMount = () => {\n    if (this.iframe && this.iframe.contentWindow) {\n      this.iframe.contentWindow.addEventListener('resize', this.update, true);\n    }\n    this.update();\n  };\n\n  public componentWillUnmount = () => {\n    if (this.iframe && this.iframe.contentWindow) {\n      this.iframe.contentWindow.removeEventListener('resize', this.update, true);\n    }\n  };\n\n  public update = () => {\n    this.forceUpdate();\n  };\n\n  public render() {\n    const { width, height, color, top, bottom, left, right } = this.props;\n    const wrapper: React.CSSProperties = {\n      position: 'absolute',\n      width,\n      height,\n      top,\n      bottom,\n      left,\n      right,\n      overflow: 'hidden',\n    };\n    const iframe: React.CSSProperties = {\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      border: 0,\n      visibility: 'hidden',\n    };\n    const marks: React.CSSProperties = {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      width: '100%',\n      backgroundSize: '100px 20px',\n      backgroundRepeat: 'repeat-x',\n    };\n    const highMarks: React.CSSProperties = {\n      ...marks,\n      height: '100%',\n      backgroundImage: `linear-gradient(90deg, ${color} 0, ${color} 1px, transparent 1px)`,\n    };\n    const middleMarks: React.CSSProperties = {\n      ...marks,\n      height: '75%',\n      backgroundImage: `linear-gradient(90deg, transparent 0, transparent 49px, ${color} 49px, ${color} 50px, transparent 50px)`,\n    };\n    const shortMarks: React.CSSProperties = {\n      ...marks,\n      height: '40%',\n      backgroundImage: `\n        linear-gradient(90deg, transparent 0, transparent 9px, ${color} 9px, ${color} 10px, transparent 10px),\n        linear-gradient(90deg, transparent 0, transparent 19px, ${color} 19px, ${color} 20px, transparent 20px),\n        linear-gradient(90deg, transparent 0, transparent 29px, ${color} 29px, ${color} 30px, transparent 30px),\n        linear-gradient(90deg, transparent 0, transparent 39px, ${color} 39px, ${color} 40px, transparent 40px),\n        linear-gradient(90deg, transparent 0, transparent 59px, ${color} 59px, ${color} 60px, transparent 60px),\n        linear-gradient(90deg, transparent 0, transparent 69px, ${color} 69px, ${color} 70px, transparent 70px),\n        linear-gradient(90deg, transparent 0, transparent 79px, ${color} 79px, ${color} 80px, transparent 80px),\n        linear-gradient(90deg, transparent 0, transparent 89px, ${color} 89px, ${color} 90px, transparent 90px)\n      `,\n    };\n    const rulerWidth = this.iframe ? this.iframe.getBoundingClientRect().width : 0;\n    const labels = Array(Math.ceil(rulerWidth / 100) + 1)\n      .fill(null)\n      .map((value, index) => {\n        const label: React.CSSProperties = {\n          position: 'absolute',\n          fontFamily: 'Arial',\n          fontSize: 10,\n          lineHeight: 1,\n          color,\n          bottom: -1,\n          left: index * 100 + 5,\n        };\n        return (\n          <span key={index} style={label}>\n            {index * 100}\n          </span>\n        );\n      });\n    return (\n      <div style={wrapper}>\n        <div style={highMarks} />\n        <div style={middleMarks} />\n        <div style={shortMarks} />\n        {labels}\n        <iframe title=\"BGRuler\" style={iframe} ref={this.iframeRef} />\n      </div>\n    );\n  }\n\n  private iframeRef = (ref: HTMLIFrameElement | null) => {\n    this.iframe = ref;\n  };\n}\n"]}

package/cjs/internal/Calendar/Calendar.js

@@ -323,7 +323,7 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
 
       onEnd);
 
-    };var today = getTodayDate();var initialMonth = props.initialMonth == null ? today.month : props.initialMonth;var initialYear = props.initialYear == null ? today.year : props.initialYear;_this.state = { scrollPosition: 0, months: CalendarUtils.getMonths(initialMonth, initialYear), today: today, scrollDirection: 1, scrollTarget: 0 };return _this;}var _proto = Calendar.prototype;_proto.componentWillUnmount = function componentWillUnmount() {if (this.animation.inProgress()) {this.animation.cancel();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} /**
-   * Scrolls calendar to given date
-   * @public
+    };var today = getTodayDate();var initialMonth = props.initialMonth == null ? today.month : props.initialMonth;var initialYear = props.initialYear == null ? today.year : props.initialYear;_this.state = { scrollPosition: 0, months: CalendarUtils.getMonths(initialMonth, initialYear), today: today, scrollDirection: 1, scrollTarget: 0 };return _this;}var _proto = Calendar.prototype;_proto.componentWillUnmount = function componentWillUnmount() {if (this.animation.inProgress()) {this.animation.cancel();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} /**
+   * Scrolls calendar to given date
+   * @public
    */;_proto.renderMonth = function renderMonth(_ref5) {var top = _ref5[0],month = _ref5[1];return /*#__PURE__*/_react.default.createElement(_Month.Month, { key: month.month + '-' + month.year, top: top, month: month, maxDate: this.props.maxDate, minDate: this.props.minDate, today: this.state.today, value: this.props.value, onDateClick: this.props.onSelect, onMonthYearChange: this.handleMonthYearChange, isHoliday: this.props.isHoliday });};_proto.getMonthPositions = function getMonthPositions() {var _this$state2 = this.state,scrollPosition = _this$state2.scrollPosition,months = _this$state2.months;var positions = [scrollPosition - months[0].getHeight(this.theme)];for (var i = 1; i < months.length; i++) {var position = positions[i - 1] + months[i - 1].getHeight(this.theme);positions.push(position);}return positions;};return Calendar;}(_react.default.Component);exports.Calendar = Calendar;Calendar.__KONTUR_REACT_UI__ = 'Calendar';Calendar.defaultProps = { holidays: [], minDate: { year: _constants.MIN_YEAR, month: _constants.MIN_MONTH, date: _constants.MIN_DATE }, maxDate: { year: _constants.MAX_YEAR, month: _constants.MAX_MONTH, date: _constants.MAX_DATE } };