@skbkontur/react-ui 0.0.0-aaf2aabecb → 0.0.0-bb4cbfe9c6

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

@@ -1 +0,0 @@
-{"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;;;AAGD,GAzEY;;AA2EbW,EAAAA,QA3Ea,sBA2EF;AACT,eAAOX,YAAP;;;AAGD,GA/EY;;AAiFbY,EAAAA,MAjFa,oBAiFJ;AACP,eAAOZ,YAAP;;;AAGI,0BAAQH,MAAM,CAACU,YAAP,EAAR,CAHJ;;;;AAOD,GAzFY;;AA2FbM,EAAAA,SA3Fa,uBA2FD;AACV,eAAOb,YAAP;;;AAGI,0BAAQH,MAAM,CAACU,YAAP,EAAR,CAHJ;;;;AAOD,GAnGY;;AAqGbO,EAAAA,QArGa,sBAqGF;AACT,eAAOd,YAAP;;;AAGD,GAzGY;;AA2Gbe,EAAAA,MA3Ga,oBA2GJ;AACP,eAAOf,YAAP;;;AAGD,GA/GY;;AAiHbgB,EAAAA,aAjHa,2BAiHG;AACd,eAAOhB,YAAP;;;AAGD,GArHY;;AAuHbiB,EAAAA,SAvHa,uBAuHD;AACV,eAAOjB,YAAP;;;;;AAKD,GA7HY;;AA+HbkB,EAAAA,IA/Ha,kBA+HN;AACL,eAAOlB,YAAP;;;;;;;;;AASD,GAzIY;;AA2IbmB,EAAAA,WA3Ia,yBA2IC;AACZ,eAAOnB,YAAP;;;;;AAKD,GAjJY;;AAmJboB,EAAAA,kBAnJa,gCAmJQ;AACnB,eAAOpB,YAAP;;;;;;;;;AASD,GA7JY;;AA+JbqB,EAAAA,oBA/Ja,kCA+JU;AACrB,eAAOrB,YAAP;;;;;;AAMD,GAtKY;;AAwKbsB,EAAAA,kBAxKa,gCAwKQ;AACnB,eAAOtB,YAAP;;;;;;AAMD,GA/KY;;AAiLbuB,EAAAA,uBAjLa,qCAiLa;AACxB,eAAOvB,YAAP;;;;;;;AAOD,GAzLY;;AA2LbwB,EAAAA,yBA3La,uCA2Le;AAC1B,eAAOxB,YAAP;;;AAGD,GA/LY,EAAf;;;AAkMO,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      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"]}

package/cjs/components/TopBar/TopBarButtonItem.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { IconProps } from '../../internal/icons/20px';
-import { TopBarItemProps } from './TopBarItem';
-export interface TopBarButtonItemProps extends TopBarItemProps {
-    active?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    icon?: IconProps['name'];
-    iconOnly?: boolean;
-    minWidth?: string | number;
-    onClick?: () => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    use: 'danger' | 'pay' | 'default';
-}
-/**
- * Интерактивный элемент топбара
- *
- * @visibleName TopBar.ButtonItem
- */
-export declare class TopBarButtonItem extends React.Component<TopBarButtonItemProps> {
-    static defaultProps: {
-        use: string;
-    };
-    render(): JSX.Element;
-}

package/cjs/components/TopBar/TopBarButtonItem.js

@@ -1,35 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.TopBarButtonItem = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-
-
-
-var _TopBarItem = require("./TopBarItem");
-var _TopBar = require("./TopBar.styles");
-
-
-
-
-
-
-
-
-
-
-
-
-/**
-                                           * Интерактивный элемент топбара
-                                           *
-                                           * @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.
-
-
-
-  render = function render() {var _this$props =
-    this.props,onClick = _this$props.onClick,children = _this$props.children,onKeyDown = _this$props.onKeyDown,rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["onClick", "children", "onKeyDown"]);
-    return (
-      _react.default.createElement(_TopBarItem.TopBarItem, (0, _extends2.default)({}, rest, { className: _TopBar.jsStyles.button(), _onKeyDown: onKeyDown, _onClick: onClick }),
-      children));
-
-
-  };return TopBarButtonItem;}(_react.default.Component);exports.TopBarButtonItem = TopBarButtonItem;TopBarButtonItem.defaultProps = { use: 'default' };

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

@@ -1 +0,0 @@
-{"version":3,"sources":["TopBarButtonItem.tsx"],"names":["TopBarButtonItem","render","props","onClick","children","onKeyDown","rest","jsStyles","button","React","Component","defaultProps","use"],"mappings":"0cAAA;;;;AAIA;AACA;;;;;;;;;;;;;AAaA;;;;;AAKaA,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,sBAAD,6BAAgBA,IAAhB,IAAsB,SAAS,EAAEC,iBAASC,MAAT,EAAjC,EAAoD,UAAU,EAAEH,SAAhE,EAA2E,QAAQ,EAAEF,OAArF;AACGC,MAAAA,QADH,CADF;;;AAKD,G,2BAXmCK,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\n\r\nimport { TopBarItem, TopBarItemProps } from './TopBarItem';\r\nimport { jsStyles } from \"./TopBar.styles\";\r\n\r\nexport interface TopBarButtonItemProps extends TopBarItemProps {\r\n  active?: boolean;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n  icon?: IconProps['name'];\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      <TopBarItem {...rest} className={jsStyles.button()} _onKeyDown={onKeyDown} _onClick={onClick}>\r\n        {children}\r\n      </TopBarItem>\r\n    );\r\n  }\r\n}\r\n"]}

package/cjs/components/TopBar/TopBarDivider.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-/**
- * Разделитель в топбаре
- *
- * @visibleName TopBar.Divider
- */
-declare function TopBarDivider(): JSX.Element;
-declare namespace TopBarDivider {
-    var __KONTUR_REACT_UI__: string;
-}
-export { TopBarDivider };

package/cjs/components/TopBar/TopBarDivider.js

@@ -1,17 +0,0 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");exports.__esModule = true;exports.TopBarDivider = TopBarDivider;var _react = _interopRequireWildcard(require("react"));
-
-var _ThemeContext = require("../../lib/theming/ThemeContext");
-
-var _TopBar = require("./TopBar.styles");
-
-/**
-                                           * Разделитель в топбаре
-                                           *
-                                           * @visibleName TopBar.Divider
-                                           */
-function TopBarDivider() {
-  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
-
-  return _react.default.createElement("span", { className: _TopBar.jsStyles.divider(theme) });
-}
-TopBarDivider.__KONTUR_REACT_UI__ = 'TopBarDivider';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["TopBarDivider.tsx"],"names":["TopBarDivider","theme","ThemeContext","jsStyles","divider","__KONTUR_REACT_UI__"],"mappings":"oKAAA;;AAEA;;AAEA;;AAEA;;;;;AAKA,SAASA,aAAT,GAAyB;AACvB,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA,SAAO,uCAAM,SAAS,EAAEC,iBAASC,OAAT,CAAiBH,KAAjB,CAAjB,GAAP;AACD;AACDD,aAAa,CAACK,mBAAd,GAAoC,eAApC","sourcesContent":["import React, { useContext } from 'react';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\n\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\n/**\r\n * Разделитель в топбаре\r\n *\r\n * @visibleName TopBar.Divider\r\n */\r\nfunction TopBarDivider() {\r\n  const theme = useContext(ThemeContext);\r\n\r\n  return <span className={jsStyles.divider(theme)} />;\r\n}\r\nTopBarDivider.__KONTUR_REACT_UI__ = 'TopBarDivider';\r\n\r\nexport { TopBarDivider };\r\n"]}

package/cjs/components/TopBar/TopBarDropdown.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { IconProps } from '../../internal/icons/20px';
-import { DropdownMenuProps } from '../DropdownMenu';
-export interface TopBarDropdownProps extends Omit<DropdownMenuProps, 'caption' | 'disableAnimations'> {
-    icon?: IconProps['name'];
-    minWidth?: string | number | null;
-    use: 'danger' | 'pay' | 'default';
-    label: React.ReactNode;
-    onOpen?: () => void;
-    onClose?: () => void;
-}
-/**
- * Дропдаун в топбаре
- *
- * @visibleName TopBar.Dropdown
- */
-export declare class TopBarDropdown extends React.Component<TopBarDropdownProps> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        use: string;
-    };
-    private dropdownMenu;
-    render(): JSX.Element;
-    open: () => void;
-    close: () => void;
-    private refDropdownMenu;
-    private renderButton;
-    private handleKeyDown;
-}

package/cjs/components/TopBar/TopBarDropdown.js

@@ -1,82 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.TopBarDropdown = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-
-var _identifiers = require("../../lib/events/keyboard/identifiers");
-
-
-var _DropdownMenu = require("../DropdownMenu");
-
-
-var _TopBarButtonItem = require("./TopBarButtonItem");
-
-
-
-
-
-
-
-
-
-
-/**
-                                                        * Дропдаун в топбаре
-                                                        *
-                                                        * @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.
-
-
-
-
-
-
-    dropdownMenu = null;_this.
-
-
-
-
-
-
-
-
-
-    open = function () {
-      if (_this.dropdownMenu) {
-        _this.dropdownMenu.open();
-      }
-    };_this.
-
-    close = function () {
-      if (_this.dropdownMenu) {
-        _this.dropdownMenu.close();
-      }
-    };_this.
-
-    refDropdownMenu = function (ref) {return _this.dropdownMenu = ref;};_this.
-
-    renderButton = function (captionProps) {
-      var handleKeyDown = function handleKeyDown(event) {
-        _this.handleKeyDown(event, captionProps.openMenu);
-      };
-
-      return (
-        _react.default.createElement(_TopBarButtonItem.TopBarButtonItem, {
-          active: captionProps.opened,
-          icon: _this.props.icon,
-          minWidth: _this.props.minWidth ? _this.props.minWidth : undefined,
-          tabIndex: 0,
-          use: _this.props.use,
-          onClick: captionProps.toggleMenu,
-          onKeyDown: handleKeyDown },
-
-        _this.props.label));
-
-
-    };_this.
-
-    handleKeyDown = function (e, openMenu) {
-      if ((0, _identifiers.someKeys)(_identifiers.isKeyEnter, _identifiers.isKeySpace, _identifiers.isKeyArrowVertical)(e)) {
-        e.preventDefault();
-        openMenu(true);
-      }
-    };return _this;}var _proto = TopBarDropdown.prototype;_proto.render = function render() {return _react.default.createElement(_DropdownMenu.DropdownMenu, (0, _extends2.default)({}, this.props, { ref: this.refDropdownMenu, caption: this.renderButton }), this.props.children);};return TopBarDropdown;}(_react.default.Component);exports.TopBarDropdown = TopBarDropdown;TopBarDropdown.__KONTUR_REACT_UI__ = 'TopBarDropdown';TopBarDropdown.defaultProps = { use: 'default' };

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

@@ -1 +0,0 @@
-{"version":3,"sources":["TopBarDropdown.tsx"],"names":["TopBarDropdown","dropdownMenu","open","close","refDropdownMenu","ref","renderButton","captionProps","handleKeyDown","event","openMenu","opened","props","icon","minWidth","undefined","use","toggleMenu","label","e","isKeyEnter","isKeySpace","isKeyArrowVertical","preventDefault","render","children","React","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"4UAAA;;AAEA;;;AAGA;;;AAGA;;;;;;;;;;;AAWA;;;;;;AAMaA,c;;;;;;;AAOHC,IAAAA,Y,GAAuC,I;;;;;;;;;;AAUxCC,IAAAA,I,GAAO,YAAY;AACxB,UAAI,MAAKD,YAAT,EAAuB;AACrB,cAAKA,YAAL,CAAkBC,IAAlB;AACD;AACF,K;;AAEMC,IAAAA,K,GAAQ,YAAY;AACzB,UAAI,MAAKF,YAAT,EAAuB;AACrB,cAAKA,YAAL,CAAkBE,KAAlB;AACD;AACF,K;;AAEOC,IAAAA,e,GAAkB,UAACC,GAAD,UAAkC,MAAKJ,YAAL,GAAoBI,GAAtD,E;;AAElBC,IAAAA,Y,GAAe,UAACC,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,MAAKC,KAAL,CAAWC,IAFnB;AAGE,UAAA,QAAQ,EAAE,MAAKD,KAAL,CAAWE,QAAX,GAAsB,MAAKF,KAAL,CAAWE,QAAjC,GAA4CC,SAHxD;AAIE,UAAA,QAAQ,EAAE,CAJZ;AAKE,UAAA,GAAG,EAAE,MAAKH,KAAL,CAAWI,GALlB;AAME,UAAA,OAAO,EAAET,YAAY,CAACU,UANxB;AAOE,UAAA,SAAS,EAAET,aAPb;;AASG,cAAKI,KAAL,CAAWM,KATd,CADF;;;AAaD,K;;AAEOV,IAAAA,a,GAAgB,UAACW,CAAD,EAAsCT,QAAtC,EAAsF;AAC5G,UAAI,2BAASU,uBAAT,EAAqBC,uBAArB,EAAiCC,+BAAjC,EAAqDH,CAArD,CAAJ,EAA6D;AAC3DA,QAAAA,CAAC,CAACI,cAAF;AACAb,QAAAA,QAAQ,CAAC,IAAD,CAAR;AACD;AACF,K,4DA/CMc,M,GAAP,kBAAgB,CACd,OACE,6BAAC,0BAAD,6BAAkB,KAAKZ,KAAvB,IAA8B,GAAG,EAAE,KAAKR,eAAxC,EAAyD,OAAO,EAAE,KAAKE,YAAvE,KACG,KAAKM,KAAL,CAAWa,QADd,CADF,CAKD,C,yBAfiCC,eAAMC,S,0CAA7B3B,c,CACG4B,mB,GAAsB,gB,CADzB5B,c,CAGG6B,Y,GAAe,EAC3Bb,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\n\r\nimport { TopBarButtonItem } from './TopBarButtonItem';\r\n\r\nexport interface TopBarDropdownProps extends 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 (\r\n      <DropdownMenu {...this.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"]}

package/cjs/components/TopBar/TopBarEnd.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-/**
- * Контейнер для смещения к концу
- *
- * @visibleName TopBar.End
- */
-export declare const TopBarEnd: React.SFC;

package/cjs/components/TopBar/TopBarEnd.js

@@ -1,12 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.TopBarEnd = void 0;var _react = _interopRequireDefault(require("react"));
-
-var _TopBar = require("./TopBar.styles");
-
-/**
-                                           * Контейнер для смещения к концу
-                                           *
-                                           * @visibleName TopBar.End
-                                           */
-
-var TopBarEnd = function TopBarEnd(_ref) {var children = _ref.children;return _react.default.createElement("div", { className: _TopBar.jsStyles.endItems() }, children);};exports.TopBarEnd = TopBarEnd;
-TopBarEnd.__KONTUR_REACT_UI__ = 'TopBarEnd';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["TopBarEnd.tsx"],"names":["TopBarEnd","children","jsStyles","endItems","__KONTUR_REACT_UI__"],"mappings":"uJAAA;;AAEA;;AAEA;;;;;;AAMO,IAAMA,SAAoB,GAAG,SAAvBA,SAAuB,YAAGC,QAAH,QAAGA,QAAH,QAAkB,sCAAK,SAAS,EAAEC,iBAASC,QAAT,EAAhB,IAAsCF,QAAtC,CAAlB,EAA7B,C;AACND,SAAD,CAAmBI,mBAAnB,GAAyC,WAAzC","sourcesContent":["import React from 'react';\r\n\r\nimport { jsStyles } from \"./TopBar.styles\";\r\n\r\n/**\r\n * Контейнер для смещения к концу\r\n *\r\n * @visibleName TopBar.End\r\n */\r\n\r\nexport const TopBarEnd: React.SFC = ({ children }) => <div className={jsStyles.endItems()}>{children}</div>;\r\n(TopBarEnd as any).__KONTUR_REACT_UI__ = 'TopBarEnd';\r\n"]}

package/cjs/components/TopBar/TopBarItem.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { IconProps } from '../../internal/icons/20px';
-export interface TopBarItemProps {
-    _onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    _onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-    active?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    icon?: IconProps['name'];
-    iconOnly?: boolean;
-    minWidth?: string | number;
-    use: 'danger' | 'pay' | 'default';
-    tabIndex?: number;
-}
-/**
- * Статичный элемент топбара
- *
- * @visibleName TopBar.ItemStatic
- */
-export declare class TopBarItem extends React.Component<TopBarItemProps> {
-    static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        use: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        className: string;
-        use: string;
-    };
-    private getProps;
-    render(): JSX.Element;
-}

package/cjs/components/TopBar/TopBarItem.js

@@ -1,70 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.TopBarItem = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _px = require("../../internal/icons/20px");
-var _createPropsGetter = require("../../lib/createPropsGetter");
-
-var _TopBar = require("./TopBar.styles");
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
-                                           * Статичный элемент топбара
-                                           *
-                                           * @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.
-
-
-
-
-
-
-
-
-
-
-
-    getProps = (0, _createPropsGetter.createPropsGetter)(TopBarItem.defaultProps);return _this;}var _proto = TopBarItem.prototype;_proto.
-
-  render = function render() {var _cn, _cn2;var _this$props =
-    this.props,active = _this$props.active,children = _this$props.children,_onClick = _this$props._onClick,_onKeyDown = _this$props._onKeyDown,iconOnly = _this$props.iconOnly,icon = _this$props.icon,minWidth = _this$props.minWidth,use = _this$props.use,rest = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["active", "children", "_onClick", "_onKeyDown", "iconOnly", "icon", "minWidth", "use"]);
-
-    var className = this.getProps().className;
-
-    var classes = (0, _classnames.default)((_cn = {}, _cn[
-    _TopBar.jsStyles.item()] = true, _cn[
-    _TopBar.jsStyles.buttonActive()] = !!active, _cn[
-    _TopBar.jsStyles.usePay()] = use === 'pay', _cn[
-    _TopBar.jsStyles.useDanger()] = use === 'danger', _cn[
-    className] = true, _cn));
-
-
-    var iconClasses = (0, _classnames.default)((_cn2 = {}, _cn2[
-    _TopBar.jsStyles.icon()] = !!icon, _cn2[
-    _TopBar.jsStyles.iconOnly()] = !!iconOnly, _cn2));
-
-
-    return (
-      _react.default.createElement("div", (0, _extends2.default)({}, rest, { className: classes, onClick: _onClick, onKeyDown: _onKeyDown, style: { minWidth: minWidth } }),
-      icon &&
-      _react.default.createElement("span", { className: iconClasses },
-      _react.default.createElement(_px.Icon, { color: "#666", name: icon })),
-
-
-      icon && iconOnly ? null : children));
-
-
-  };return TopBarItem;}(_react.default.Component);exports.TopBarItem = TopBarItem;TopBarItem.__KONTUR_REACT_UI__ = 'TopBarItem';TopBarItem.propTypes = { use: _propTypes.default.oneOf(['danger', 'pay', 'default']) };TopBarItem.defaultProps = { className: '', use: 'default' };

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

@@ -1 +0,0 @@
-{"version":3,"sources":["TopBarItem.tsx"],"names":["TopBarItem","getProps","defaultProps","render","props","active","children","_onClick","_onKeyDown","iconOnly","icon","minWidth","use","rest","className","classes","jsStyles","item","buttonActive","usePay","useDanger","iconClasses","React","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","oneOf"],"mappings":"ocAAA;AACA;AACA;;AAEA;AACA;;AAEA;;;;;;;;;;;;;;AAcA;;;;;;AAMaA,U;;;;;;;;;;;;AAYHC,IAAAA,Q,GAAW,0CAAkBD,UAAU,CAACE,YAA7B,C;;AAEZC,EAAAA,M,GAAP,kBAAgB;AAC6E,SAAKC,KADlF,CACNC,MADM,eACNA,MADM,CACEC,QADF,eACEA,QADF,CACYC,QADZ,eACYA,QADZ,CACsBC,UADtB,eACsBA,UADtB,CACkCC,QADlC,eACkCA,QADlC,CAC4CC,IAD5C,eAC4CA,IAD5C,CACkDC,QADlD,eACkDA,QADlD,CAC4DC,GAD5D,eAC4DA,GAD5D,CACoEC,IADpE;;AAGd,QAAMC,SAAiB,GAAG,KAAKb,QAAL,GAAgBa,SAA1C;;AAEA,QAAMC,OAAO,GAAG;AACbC,qBAASC,IAAT,EADa,IACK,IADL;AAEbD,qBAASE,YAAT,EAFa,IAEa,CAAC,CAACb,MAFf;AAGbW,qBAASG,MAAT,EAHa,IAGOP,GAAG,KAAK,KAHf;AAIbI,qBAASI,SAAT,EAJa,IAIUR,GAAG,KAAK,QAJlB;AAKbE,IAAAA,SALa,IAKD,IALC,OAAhB;;;AAQA,QAAMO,WAAW,GAAG;AACjBL,qBAASN,IAAT,EADiB,IACC,CAAC,CAACA,IADH;AAEjBM,qBAASP,QAAT,EAFiB,IAEK,CAAC,CAACA,QAFP,QAApB;;;AAKA;AACE,qEAASI,IAAT,IAAe,SAAS,EAAEE,OAA1B,EAAmC,OAAO,EAAER,QAA5C,EAAsD,SAAS,EAAEC,UAAjE,EAA6E,KAAK,EAAE,EAAEG,QAAQ,EAARA,QAAF,EAApF;AACGD,MAAAA,IAAI;AACH,6CAAM,SAAS,EAAEW,WAAjB;AACE,mCAAC,QAAD,IAAM,KAAK,EAAC,MAAZ,EAAmB,IAAI,EAAEX,IAAzB,GADF,CAFJ;;;AAMGA,MAAAA,IAAI,IAAID,QAAR,GAAmB,IAAnB,GAA0BH,QAN7B,CADF;;;AAUD,G,qBA1C6BgB,eAAMC,S,kCAAzBvB,U,CACGwB,mB,GAAsB,Y,CADzBxB,U,CAGGyB,S,GAAY,EACxBb,GAAG,EAAEc,mBAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,EAAkB,SAAlB,CAAhB,CADmB,E,CAHf3B,U,CAOGE,Y,GAAe,EAC3BY,SAAS,EAAE,EADgB,EAE3BF,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 { createPropsGetter } from '../../lib/createPropsGetter';\r\n\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport interface TopBarItemProps {\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'];\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  private getProps = createPropsGetter(TopBarItem.defaultProps);\r\n\r\n  public render() {\r\n    const { active, children, _onClick, _onKeyDown, iconOnly, icon, minWidth, use, ...rest } = this.props;\r\n\r\n    const className: string = this.getProps().className;\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      [className]: true,\r\n    });\r\n\r\n    const iconClasses = cn({\r\n      [jsStyles.icon()]: !!icon,\r\n      [jsStyles.iconOnly()]: !!iconOnly,\r\n    });\r\n\r\n    return (\r\n      <div {...rest} className={classes} onClick={_onClick} onKeyDown={_onKeyDown} style={{ minWidth }}>\r\n        {icon && (\r\n          <span className={iconClasses}>\r\n            <Icon color=\"#666\" name={icon} />\r\n          </span>\r\n        )}\r\n        {icon && iconOnly ? null : children}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/cjs/components/TopBar/TopBarLogout.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { TopBarButtonItemProps } from './TopBarButtonItem';
-/**
- * Кнопка выхода
- *
- * @visibleName TopBar.Logout
- */
-export declare class TopBarLogout extends React.Component<TopBarButtonItemProps> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        use: string;
-    };
-    private readonly locale;
-    render(): JSX.Element;
-}

package/cjs/components/TopBar/TopBarLogout.js

@@ -1,22 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.TopBarLogout = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-
-var _decorators = require("../../lib/locale/decorators");
-
-var _TopBarButtonItem = require("./TopBarButtonItem");
-var _locale = require("./locale");var _dec, _class, _class2, _temp;
-
-/**
-                                                                     * Кнопка выхода
-                                                                     *
-                                                                     * @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.
-
-
-
-    locale = void 0;return _this;}var _proto = TopBarLogout.prototype;_proto.
-
-  render = function render() {
-    return _react.default.createElement(_TopBarButtonItem.TopBarButtonItem, this.props, this.props.children || this.locale.logout);
-  };return TopBarLogout;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'TopBarLogout', _class2.defaultProps = _TopBarButtonItem.TopBarButtonItem.defaultProps, _temp)) || _class);exports.TopBarLogout = TopBarLogout;

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

@@ -1 +0,0 @@
-{"version":3,"sources":["TopBarLogout.tsx"],"names":["TopBarLogout","TopBarLocaleHelper","locale","render","props","children","logout","React","Component","__KONTUR_REACT_UI__","defaultProps","TopBarButtonItem"],"mappings":"wPAAA;;AAEA;;AAEA;AACA,kC;;AAEA;;;;;;AAMaA,Y,WADZ,wBAAO,QAAP,EAAiBC,0BAAjB,C;;;;AAKkBC,IAAAA,M;;AAEVC,EAAAA,M,GAAP,kBAAgB;AACd,WAAO,6BAAC,kCAAD,EAAsB,KAAKC,KAA3B,EAAmC,KAAKA,KAAL,CAAWC,QAAX,IAAuB,KAAKH,MAAL,CAAYI,MAAtE,CAAP;AACD,G,uBAR+BC,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\n\r\nimport { TopBarButtonItem, TopBarButtonItemProps } from './TopBarButtonItem';\r\nimport { TopBarLocale, TopBarLocaleHelper } from './locale';\r\n\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<TopBarButtonItemProps> {\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 <TopBarButtonItem {...this.props}>{this.props.children || this.locale.logout}</TopBarButtonItem>;\r\n  }\r\n}\r\n"]}

package/cjs/components/TopBar/TopBarOrganizations.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { Nullable } from '../../typings/utility-types';
-export interface TopBarOrganizationsProps {
-    caption: React.ReactNode;
-    comment?: Nullable<string>;
-}
-export interface TopBarOrganizationsState {
-    captionWhiteSpace: React.CSSProperties['whiteSpace'];
-    minWidth: Nullable<number>;
-}
-/**
- * Дропдаун с организациями
- *
- * @visibleName TopBar.OrganizationsDropdown
- */
-export declare class TopBarOrganizations extends React.Component<TopBarOrganizationsProps, TopBarOrganizationsState> {
-    static __KONTUR_REACT_UI__: string;
-    state: {
-        captionWhiteSpace: "pre" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "normal" | "nowrap" | "-moz-pre-wrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
-        minWidth: null;
-    };
-    private _caption;
-    private _comment;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: TopBarOrganizationsProps): void;
-    render(): JSX.Element;
-    private _getCaptionRef;
-    private _getCommentRef;
-    private _recalculateWidth;
-}

package/cjs/components/TopBar/TopBarOrganizations.js

@@ -1,106 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.TopBarOrganizations = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-
-
-var _px = require("../../internal/icons/16px");
-
-var _TopBarDropdown = require("./TopBarDropdown");
-var _TopBar = require("./TopBar.styles");
-
-
-
-
-
-
-
-
-
-
-/**
-                                           * Дропдаун с организациями
-                                           *
-                                           * @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.
-
-
-    state = {
-      captionWhiteSpace: 'normal',
-      minWidth: null };_this.
-
-
-    _caption = void 0;_this.
-    _comment = void 0;_this.
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    _getCaptionRef = function (element) {
-      _this._caption = element;
-    };_this.
-
-    _getCommentRef = function (element) {
-      _this._comment = element;
-    };return _this;}var _proto = TopBarOrganizations.prototype;_proto.componentDidMount = function componentDidMount() {this._recalculateWidth();};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.caption !== this.props.caption) {this._recalculateWidth();}};_proto.render = function render() {var _this$props = this.props,caption = _this$props.caption,comment = _this$props.comment;var title = _react.default.createElement("div", null, _react.default.createElement("span", { className: _TopBar.jsStyles.organizationsTitle(), style: { paddingRight: this._comment ? this._comment.offsetWidth + 30 : undefined } }, _react.default.createElement("span", { ref: this._getCaptionRef }, caption), comment && _react.default.createElement("span", { className: _TopBar.jsStyles.organizationsComment(), ref: this._getCommentRef }, comment), _react.default.createElement("span", { className: _TopBar.jsStyles.organizationsArrow() }, _react.default.createElement(_px.ArrowChevronDownIcon, { color: "#aaa", size: 14 }))), _react.default.createElement("div", { className: _TopBar.jsStyles.organizationsTitleDummy(), style: { whiteSpace: this.state.captionWhiteSpace } }, _react.default.createElement("span", null, caption), comment && _react.default.createElement("span", { className: _TopBar.jsStyles.organizationsCommentDummy() }, comment)));return _react.default.createElement(_TopBarDropdown.TopBarDropdown, (0, _extends2.default)({}, this.props, { label: title, minWidth: this.state.minWidth }), this.props.children);};_proto.
-
-  _recalculateWidth = function _recalculateWidth() {
-    var commentWidth = this._comment ? this._comment.offsetWidth : 0;
-    if (!this._caption) {
-      return;
-    }
-    // 360 is minWidth from guides. Apply it when content is bigger.
-    // 315 is because of 15px left padding and 30px arrow.
-    if (this._caption.offsetWidth + commentWidth > 315) {
-      this.setState({
-        captionWhiteSpace: 'normal',
-        minWidth: 360 });
-
-    } else {
-      this.setState({
-        captionWhiteSpace: 'nowrap',
-        minWidth: null });
-
-    }
-  };return TopBarOrganizations;}(_react.default.Component);exports.TopBarOrganizations = TopBarOrganizations;TopBarOrganizations.__KONTUR_REACT_UI__ = 'TopBarOrganizations';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["TopBarOrganizations.tsx"],"names":["TopBarOrganizations","state","captionWhiteSpace","minWidth","_caption","_comment","_getCaptionRef","element","_getCommentRef","componentDidMount","_recalculateWidth","componentDidUpdate","prevProps","caption","props","render","comment","title","jsStyles","organizationsTitle","paddingRight","offsetWidth","undefined","organizationsComment","organizationsArrow","organizationsTitleDummy","whiteSpace","organizationsCommentDummy","children","commentWidth","setState","React","Component","__KONTUR_REACT_UI__"],"mappings":"iVAAA;;;AAGA;;AAEA;AACA;;;;;;;;;;;AAWA;;;;;;AAMaA,mB;;;AAGJC,IAAAA,K,GAAQ;AACbC,MAAAA,iBAAiB,EAAE,QADN;AAEbC,MAAAA,QAAQ,EAAE,IAFG,E;;;AAKPC,IAAAA,Q;AACAC,IAAAA,Q;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CAC,IAAAA,c,GAAiB,UAACC,OAAD,EAA8B;AACrD,YAAKH,QAAL,GAAgBG,OAAhB;AACD,K;;AAEOC,IAAAA,c,GAAiB,UAACD,OAAD,EAA8B;AACrD,YAAKF,QAAL,GAAgBE,OAAhB;AACD,K,iEAnDME,iB,GAAP,6BAA2B,CACzB,KAAKC,iBAAL,GACD,C,QAEMC,kB,GAAP,4BAA0BC,SAA1B,EAA+D,CAC7D,IAAIA,SAAS,CAACC,OAAV,KAAsB,KAAKC,KAAL,CAAWD,OAArC,EAA8C,CAC5C,KAAKH,iBAAL,GACD,CACF,C,QAEMK,M,GAAP,kBAAgB,mBACe,KAAKD,KADpB,CACND,OADM,eACNA,OADM,CACGG,OADH,eACGA,OADH,CAGd,IAAMC,KAAK,GACT,0CACE,uCACE,SAAS,EAAEC,iBAASC,kBAAT,EADb,EAEE,KAAK,EAAE,EACLC,YAAY,EAAE,KAAKf,QAAL,GAAgB,KAAKA,QAAL,CAAcgB,WAAd,GAA4B,EAA5C,GAAiDC,SAD1D,EAFT,IAME,uCAAM,GAAG,EAAE,KAAKhB,cAAhB,IAAiCO,OAAjC,CANF,EAOGG,OAAO,IACN,uCAAM,SAAS,EAAEE,iBAASK,oBAAT,EAAjB,EAAkD,GAAG,EAAE,KAAKf,cAA5D,IACGQ,OADH,CARJ,EAYE,uCAAM,SAAS,EAAEE,iBAASM,kBAAT,EAAjB,IACE,6BAAC,wBAAD,IAAsB,KAAK,EAAC,MAA5B,EAAmC,IAAI,EAAE,EAAzC,GADF,CAZF,CADF,EAiBE,sCAAK,SAAS,EAAEN,iBAASO,uBAAT,EAAhB,EAAoD,KAAK,EAAE,EAAEC,UAAU,EAAE,KAAKzB,KAAL,CAAWC,iBAAzB,EAA3D,IACE,2CAAOW,OAAP,CADF,EAEGG,OAAO,IAAI,uCAAM,SAAS,EAAEE,iBAASS,yBAAT,EAAjB,IAAwDX,OAAxD,CAFd,CAjBF,CADF,CAyBA,OACE,6BAAC,8BAAD,6BAAoB,KAAKF,KAAzB,IAAgC,KAAK,EAAEG,KAAvC,EAA8C,QAAQ,EAAE,KAAKhB,KAAL,CAAWE,QAAnE,KACG,KAAKW,KAAL,CAAWc,QADd,CADF,CAKD,C;;AAUOlB,EAAAA,iB,GAAR,6BAA4B;AAC1B,QAAMmB,YAAY,GAAG,KAAKxB,QAAL,GAAgB,KAAKA,QAAL,CAAcgB,WAA9B,GAA4C,CAAjE;AACA,QAAI,CAAC,KAAKjB,QAAV,EAAoB;AAClB;AACD;AACD;AACA;AACA,QAAI,KAAKA,QAAL,CAAciB,WAAd,GAA4BQ,YAA5B,GAA2C,GAA/C,EAAoD;AAClD,WAAKC,QAAL,CAAc;AACZ5B,QAAAA,iBAAiB,EAAE,QADP;AAEZC,QAAAA,QAAQ,EAAE,GAFE,EAAd;;AAID,KALD,MAKO;AACL,WAAK2B,QAAL,CAAc;AACZ5B,QAAAA,iBAAiB,EAAE,QADP;AAEZC,QAAAA,QAAQ,EAAE,IAFE,EAAd;;AAID;AACF,G,8BAlFsC4B,eAAMC,S,oDAAlChC,mB,CACGiC,mB,GAAsB,qB","sourcesContent":["import React from 'react';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ArrowChevronDownIcon } from '../../internal/icons/16px';\r\n\r\nimport { TopBarDropdown } from './TopBarDropdown';\r\nimport { jsStyles } from \"./TopBar.styles\";\r\n\r\nexport interface TopBarOrganizationsProps {\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    const { caption, comment } = this.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 {...this.props} 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"]}

package/cjs/components/TopBar/TopBarStart.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-/**
- * Контейнер для сдвига к началу
- *
- * @visibleName TopBar.Start
- */
-export declare const TopBarStart: React.SFC;

package/cjs/components/TopBar/TopBarStart.js

@@ -1,12 +0,0 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.TopBarStart = void 0;var _react = _interopRequireDefault(require("react"));
-
-var _TopBar = require("./TopBar.styles");
-
-/**
-                                           * Контейнер для сдвига к началу
-                                           *
-                                           * @visibleName TopBar.Start
-                                           */
-
-var TopBarStart = function TopBarStart(_ref) {var children = _ref.children;return _react.default.createElement("div", { className: _TopBar.jsStyles.startItems() }, children);};exports.TopBarStart = TopBarStart;
-TopBarStart.__KONTUR_REACT_UI__ = 'TopBarStart';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["TopBarStart.tsx"],"names":["TopBarStart","children","jsStyles","startItems","__KONTUR_REACT_UI__"],"mappings":"yJAAA;;AAEA;;AAEA;;;;;;AAMO,IAAMA,WAAsB,GAAG,SAAzBA,WAAyB,YAAGC,QAAH,QAAGA,QAAH,QAAkB,sCAAK,SAAS,EAAEC,iBAASC,UAAT,EAAhB,IAAwCF,QAAxC,CAAlB,EAA/B,C;AACND,WAAD,CAAqBI,mBAArB,GAA2C,aAA3C","sourcesContent":["import React from 'react';\r\n\r\nimport { jsStyles } from \"./TopBar.styles\";\r\n\r\n/**\r\n * Контейнер для сдвига к началу\r\n *\r\n * @visibleName TopBar.Start\r\n */\r\n\r\nexport const TopBarStart: React.SFC = ({ children }) => <div className={jsStyles.startItems()}>{children}</div>;\r\n(TopBarStart as any).__KONTUR_REACT_UI__ = 'TopBarStart';\r\n"]}