@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ecefada396

package/components/TopBar/Item.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var React = tslib_1.__importStar(require("react"));
-var PropTypes = tslib_1.__importStar(require("prop-types"));
-var _20px_1 = tslib_1.__importDefault(require("../Icon/20px"));
-var TopBar_less_1 = tslib_1.__importDefault(require("./TopBar.css"));
-var createPropsGetter_1 = require("../internal/createPropsGetter");
-var Item = /** @class */function (_super) {
-    tslib_1.__extends(Item, _super);
-    function Item() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.getProps = createPropsGetter_1.createPropsGetter(Item.defaultProps);
-        return _this;
-    }
-    Item.prototype.render = function () {
-        var _a, _b;
-        var _c = this.props,
-            active = _c.active,
-            children = _c.children,
-            _onClick = _c._onClick,
-            _onKeyDown = _c._onKeyDown,
-            iconOnly = _c.iconOnly,
-            icon = _c.icon,
-            minWidth = _c.minWidth,
-            use = _c.use,
-            rest = tslib_1.__rest(_c, ["active", "children", "_onClick", "_onKeyDown", "iconOnly", "icon", "minWidth", "use"]);
-        var className = this.getProps().className;
-        var classes = (_a = {}, _a[TopBar_less_1["default"].item] = true, _a[TopBar_less_1["default"].buttonActive] = active, _a[className] = true, _a);
-        if (use) {
-            var useClassName = 'use-' + use;
-            classes[TopBar_less_1["default"][useClassName]] = true;
-        }
-        var iconClasses = (_b = {}, _b[TopBar_less_1["default"].icon] = icon, _b[TopBar_less_1["default"].iconOnly] = iconOnly, _b);
-        return React.createElement("div", tslib_1.__assign({}, rest, { className: classnames_1["default"](classes), onClick: _onClick, onKeyDown: _onKeyDown, style: { minWidth: minWidth } }), icon && React.createElement("span", { className: classnames_1["default"](iconClasses) }, React.createElement(_20px_1["default"], { color: "#666", name: icon })), icon && iconOnly ? null : children);
-    };
-    Item.propTypes = {
-        use: PropTypes.oneOf(['danger', 'pay'])
-    };
-    Item.defaultProps = {
-        className: ''
-    };
-    return Item;
-}(React.Component);
-exports["default"] = Item;
-//# sourceMappingURL=Item.js.map

package/components/TopBar/Item.js.flow

@@ -1,19 +0,0 @@
-/* @flow */
-import type { IconProps } from '../Icon/20px';
-
-export type ItemProps = {|
-  _onClick?: (event: SyntheticMouseEvent<HTMLDivElement>) => void,
-  _onKeyDown?: (event: SyntheticKeyboardEvent<HTMLDivElement>) => void,
-  active?: boolean,
-  children?: React$Node,
-  className?: string,
-  icon?: $PropertyType<IconProps, 'name'>,
-  iconOnly?: boolean,
-  minWidth?: string | number,
-  use?: 'danger' | 'pay',
-  tabIndex?: number,
-|};
-
-declare class Item extends React$Component<ItemProps> {}
-
-export default Item;

package/components/TopBar/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["Item.tsx"],"names":[],"mappings":";;;AAAA,kEAA4B;AAC5B,mDAA+B;AAC/B,4DAAwC;AACxC,+DAAkD;AAElD,sEAAmC;AACnC,mEAAkE;AAelE;IAAmB,gCAA0B;IAA7C;QAAA,qEA0CC;QAjCS,cAAQ,GAAG,qCAAiB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;;IAiC1D,CAAC;IA/BQ,qBAAM,GAAb;;QACE,IAAM,eAA+F,EAA7F,kBAAM,EAAE,sBAAQ,EAAE,sBAAQ,EAAE,0BAAU,EAAE,sBAAQ,EAAE,cAAI,EAAE,sBAAQ,EAAE,YAAG,EAAE,kHAAsB,CAAC;QAEtG,IAAM,SAAS,GAAW,IAAI,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC;QAEpD,IAAM,OAAO;YACX,GAAC,qBAAM,CAAC,IAAI,IAAG,IAAI;YACnB,GAAC,qBAAM,CAAC,YAAY,IAAG,MAAM;YAC7B,GAAC,SAAS,IAAG,IAAI;eAClB,CAAC;QACF,IAAI,GAAG,EAAE;YACP,IAAM,YAAY,GAAG,CAAC,MAAM,GAAG,GAAG,CAAwB,CAAC;YAC3D,OAAO,CAAC,qBAAM,CAAC,YAAY,CAAC,CAAC,GAAG,IAAI,CAAC;SACtC;QAED,IAAM,WAAW;YACf,GAAC,qBAAM,CAAC,IAAI,IAAG,IAAI;YACnB,GAAC,qBAAM,CAAC,QAAQ,IAAG,QAAQ;eAC5B,CAAC;QAEF,OAAO,CACL,gDAAS,IAAI,IAAE,SAAS,EAAE,oBAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,QAAQ,UAAA,EAAE;YACjG,IAAI,IAAI,CACP,8BAAM,SAAS,EAAE,oBAAE,CAAC,WAAW,CAAC;gBAC9B,oBAAC,eAAO,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,GAAI,CAC/B,CACR;YACA,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAC/B,CACP,CAAC;IACJ,CAAC;IAxCa,cAAS,GAAG;QACxB,GAAG,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;KACxC,CAAC;IAEY,iBAAY,GAAG;QAC3B,SAAS,EAAE,EAAE;KACd,CAAC;IAmCJ,WAAC;CAAA,AA1CD,CAAmB,KAAK,CAAC,SAAS,GA0CjC;AAED,kBAAe,IAAI,CAAC"}

package/components/TopBar/Organizations.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { Nullable } from '../../typings/utility-types';
-export interface OrganizationsProps {
-    caption: React.ReactNode;
-    comment?: Nullable<string>;
-}
-export interface OrganizationsState {
-    captionWhiteSpace: React.CSSProperties['whiteSpace'];
-    minWidth: Nullable<number>;
-}
-declare class Organizations extends React.Component<OrganizationsProps, OrganizationsState> {
-    state: {
-        captionWhiteSpace: "pre" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "nowrap" | "-moz-pre-wrap" | "pre-line" | "pre-wrap" | undefined;
-        minWidth: null;
-    };
-    private _caption;
-    private _comment;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: OrganizationsProps): void;
-    render(): JSX.Element;
-    private _getCaptionRef;
-    private _getCommentRef;
-    private _recalculateWidth;
-}
-export default Organizations;

package/components/TopBar/Organizations.js

@@ -1,64 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var React = tslib_1.__importStar(require("react"));
-var ArrowChevronDown_1 = tslib_1.__importDefault(require("@skbkontur/react-icons/ArrowChevronDown"));
-var TopBarDropdown_1 = tslib_1.__importDefault(require("./TopBarDropdown"));
-var TopBar_less_1 = tslib_1.__importDefault(require("./TopBar.css"));
-var Organizations = /** @class */function (_super) {
-    tslib_1.__extends(Organizations, _super);
-    function Organizations() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            captionWhiteSpace: 'normal',
-            minWidth: null
-        };
-        _this._getCaptionRef = function (element) {
-            _this._caption = element;
-        };
-        _this._getCommentRef = function (element) {
-            _this._comment = element;
-        };
-        return _this;
-    }
-    Organizations.prototype.componentDidMount = function () {
-        this._recalculateWidth();
-    };
-    Organizations.prototype.componentDidUpdate = function (prevProps) {
-        if (prevProps.caption !== this.props.caption) {
-            this._recalculateWidth();
-        }
-    };
-    Organizations.prototype.render = function () {
-        var _a = this.props,
-            caption = _a.caption,
-            comment = _a.comment;
-        var title = React.createElement("div", null, React.createElement("span", { className: TopBar_less_1["default"].organizationsTitle, style: {
-                paddingRight: this._comment ? this._comment.offsetWidth + 30 : undefined
-            } }, React.createElement("span", { ref: this._getCaptionRef }, caption), comment && React.createElement("span", { className: TopBar_less_1["default"].organizationsComment, ref: this._getCommentRef }, comment), React.createElement("span", { className: TopBar_less_1["default"].organizationsArrow }, React.createElement(ArrowChevronDown_1["default"], { color: "#aaa", size: 14 }))), React.createElement("div", { className: TopBar_less_1["default"].organizationsTitleDummy, style: { whiteSpace: this.state.captionWhiteSpace } }, React.createElement("span", null, caption), comment && React.createElement("span", { className: TopBar_less_1["default"].organizationsCommentDummy }, comment)));
-        return React.createElement(TopBarDropdown_1["default"], tslib_1.__assign({}, this.props, { label: title, minWidth: this.state.minWidth }), this.props.children);
-    };
-    Organizations.prototype._recalculateWidth = function () {
-        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 Organizations;
-}(React.Component);
-exports["default"] = Organizations;
-//# sourceMappingURL=Organizations.js.map

package/components/TopBar/Organizations.js.flow

@@ -1,16 +0,0 @@
-/* @flow */
-import type { WhiteSpaceProperty } from 'csstype';
-
-export type OrganizationsProps = {|
-  caption: React$Node,
-  comment?: ?string,
-|};
-
-export type OrganizationsState = {|
-  captionWhiteSpace: WhiteSpaceProperty,
-  minWidth: ?number,
-|};
-
-declare class Organizations extends React$Component<OrganizationsProps, OrganizationsState> {}
-
-export default Organizations;

package/components/TopBar/Organizations.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Organizations.js","sourceRoot":"","sources":["Organizations.tsx"],"names":[],"mappings":";;;AAAA,mDAA+B;AAE/B,qGAA2E;AAC3E,4EAA8C;AAE9C,sEAAmC;AAanC;IAA4B,yCAAuD;IAAnF;QAAA,qEAiFC;QAhFQ,WAAK,GAAG;YACb,iBAAiB,EAAE,QAA6C;YAChE,QAAQ,EAAE,IAAI;SACf,CAAC;QAkDM,oBAAc,GAAG,UAAC,OAAwB;YAChD,KAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC1B,CAAC,CAAC;QAEM,oBAAc,GAAG,UAAC,OAAwB;YAChD,KAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QAC1B,CAAC,CAAC;;IAqBJ,CAAC;IAxEQ,yCAAiB,GAAxB;QACE,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAEM,0CAAkB,GAAzB,UAA0B,SAA6B;QACrD,IAAI,SAAS,CAAC,OAAO,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAC5C,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B;IACH,CAAC;IAEM,8BAAM,GAAb;QACQ,IAAA,eAAiC,EAA/B,oBAAO,EAAE,oBAAsB,CAAC;QAExC,IAAM,KAAK,GAAG,CACZ;YACE,8BACE,SAAS,EAAE,qBAAM,CAAC,kBAAkB,EACpC,KAAK,EAAE;oBACL,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS;iBACzE;gBAED,8BAAM,GAAG,EAAE,IAAI,CAAC,cAAc,IAAG,OAAO,CAAQ;gBAC/C,OAAO,IAAI,CACV,8BAAM,SAAS,EAAE,qBAAM,CAAC,oBAAoB,EAAE,GAAG,EAAE,IAAI,CAAC,cAAc,IACnE,OAAO,CACH,CACR;gBACD,8BAAM,SAAS,EAAE,qBAAM,CAAC,kBAAkB;oBACxC,oBAAC,0BAAoB,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,GAAI,CAC1C,CACF;YACP,6BAAK,SAAS,EAAE,qBAAM,CAAC,uBAAuB,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE;gBACjG,kCAAO,OAAO,CAAQ;gBACrB,OAAO,IAAI,8BAAM,SAAS,EAAE,qBAAM,CAAC,yBAAyB,IAAG,OAAO,CAAQ,CAC3E,CACF,CACP,CAAC;QAEF,OAAO,CACL,oBAAC,wBAAc,uBAAK,IAAI,CAAC,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,KACxE,IAAI,CAAC,KAAK,CAAC,QAAQ,CACL,CAClB,CAAC;IACJ,CAAC;IAUO,yCAAiB,GAAzB;QACE,IAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;QACnE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO;SACR;QACD,gEAAgE;QAChE,sDAAsD;QACtD,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,YAAY,GAAG,GAAG,EAAE;YAClD,IAAI,CAAC,QAAQ,CAAC;gBACZ,iBAAiB,EAAE,QAAQ;gBAC3B,QAAQ,EAAE,GAAG;aACd,CAAC,CAAC;SACJ;aAAM;YACL,IAAI,CAAC,QAAQ,CAAC;gBACZ,iBAAiB,EAAE,QAAQ;gBAC3B,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC;SACJ;IACH,CAAC;IACH,oBAAC;AAAD,CAAC,AAjFD,CAA4B,KAAK,CAAC,SAAS,GAiF1C;AAED,kBAAe,aAAa,CAAC"}

package/components/TopBar/README.md

@@ -1,112 +0,0 @@
-### Использование
-
-Рекомендуемое
-
-```jsx
-const BabyIcon = require('@skbkontur/react-icons/Baby').default;
-
-let pageStyle = {
-  background: '#e6e6e6',
-  height: 400,
-  border: '1px solid #dedfdf',
-  overflow: 'hidden',
-};
-
-let contentStyle = {
-  background: 'white',
-  padding: 15,
-  height: 280,
-};
-
-<div style={pageStyle}>
-  <TopBar>
-    <TopBar.Start>
-      <TopBar.ItemStatic>
-        <Logotype suffix="ui" withWidget />
-      </TopBar.ItemStatic>
-      <TopBar.Item>
-        <BabyIcon color="#666" />
-      </TopBar.Item>
-      <TopBar.Item>
-        <BabyIcon color="#666" />
-      </TopBar.Item>
-    </TopBar.Start>
-    <TopBar.End>
-      <TopBar.Item>
-        <BabyIcon color="#666" />
-      </TopBar.Item>
-      <TopBar.User userName="Alexander The Great" />
-      <TopBar.Divider />
-      <TopBar.Logout onClick={() => alert('Logout!')} />
-    </TopBar.End>
-  </TopBar>
-  <Loader active caption="neverending...">
-    <div style={contentStyle} />
-  </Loader>
-</div>;
-```
-
-Старый вариант. (Продуктовый виджет работает только у первого Logotype на странице)
-
-```jsx
-const BabyIcon = require('@skbkontur/react-icons/Baby').default;
-
-let Item = TopBar.Item;
-
-let pageStyle = {
-  background: '#e6e6e6',
-  height: 400,
-  border: '1px solid #dedfdf',
-  overflow: 'hidden',
-};
-
-let contentStyle = {
-  background: 'white',
-  padding: 15,
-  height: 280,
-};
-
-<div style={pageStyle}>
-  <TopBar
-    userName="Alexander The Great"
-    suffix="ui"
-    onLogout={() => alert('Logout!')}
-    leftItems={[
-      <Item>
-        <BabyIcon color="#666" />
-      </Item>,
-    ]}
-  />
-  <Loader active caption="neverending...">
-    <div style={contentStyle} />
-  </Loader>
-</div>;
-```
-
-#### Локали по умолчанию (см. `LocaleProvider`)
-
-```typescript
-interface TopBarLocale {
-  logout?: string;
-  cabinetTitle?: string;
-  cabinetSettings?: string;
-  cabinetCertificates?: string;
-  cabinetServices?: string;
-}
-
-const ru_RU = {
-  cabinetTitle: 'Личный кабинет Контура',
-  cabinetSettings: 'Настройка входа в сервисы',
-  cabinetCertificates: 'Сертификаты',
-  cabinetServices: 'Оплата сервисов',
-  logout: 'Выйти',
-};
-
-const en_GB = {
-  cabinetTitle: 'Personal account Kontur',
-  cabinetSettings: 'Configure login services',
-  cabinetCertificates: 'Certificates',
-  cabinetServices: 'Payment for services',
-  logout: 'Logout',
-};
-```

package/components/TopBar/TopBar.css

@@ -1,122 +0,0 @@
-:local .root {
-  background: #fff;
-  margin-bottom: 20px;
-  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1);
-  height: 50px;
-  padding: 0 15px;
-}
-:local :global(.rt-ie8) .root {
-  border-bottom: 1px solid #d9d9d9;
-}
-:local .noShadow {
-  box-shadow: none;
-}
-:local .noMargin {
-  margin-bottom: 0;
-}
-:local .center {
-  margin: auto;
-}
-:local .containerWrap {
-  margin: 0 -10px;
-}
-:local .container {
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-}
-:local .startItems,
-:local .endItems {
-  display: flex;
-  align-items: stretch;
-  flex-wrap: nowrap;
-}
-:local .startItems {
-  padding-right: 60px;
-}
-:local .divider {
-  height: 30px;
-  align-self: center;
-  width: 1px;
-  background-color: #dfdfdf;
-}
-:local .item {
-  display: inline-block;
-  box-sizing: border-box;
-  height: 50px;
-  line-height: 50px;
-  padding: 0 10px;
-  vertical-align: middle;
-  white-space: nowrap;
-}
-:local .button {
-  height: 50px;
-  line-height: 50px;
-  cursor: pointer;
-  outline: 0;
-  padding: 0 10px;
-  position: relative;
-  vertical-align: middle;
-}
-:local .button:hover,
-:local .button:focus {
-  background: rgba(0, 0, 0, 0.06);
-}
-:local .buttonActive {
-  background: rgba(0, 0, 0, 0.06);
-}
-:local .icon {
-  margin-right: 4px;
-}
-:local .icon.iconOnly {
-  margin-right: 0;
-}
-:local .use-pay,
-:local .use-pay:hover,
-:local .use-pay.buttonActive {
-  background: #ffeca9;
-}
-:local .use-danger,
-:local .use-danger:hover,
-:local .use-danger.buttonActive {
-  background: #ffe3e3;
-}
-:local .spwDropdown {
-  display: table-cell;
-  height: 50px;
-  white-space: nowrap;
-}
-:local :global(.kontur-projects_opened) .button {
-  background: rgba(0, 0, 0, 0.06);
-}
-:local .organizationsTitle {
-  box-sizing: border-box;
-  left: 0;
-  overflow: hidden;
-  padding: 0 20px 0 10px;
-  position: absolute;
-  text-overflow: ellipsis;
-  width: 100%;
-}
-:local .organizationsComment {
-  color: #aaa;
-  padding-left: 10px;
-  position: absolute;
-  right: 20px;
-}
-:local .organizationsArrow {
-  position: absolute;
-  right: 0;
-  text-align: center;
-  width: 20px;
-}
-:local .organizationsTitleDummy {
-  box-sizing: border-box;
-  height: 0;
-  overflow: hidden;
-  padding-right: 10px;
-  white-space: normal;
-}
-:local .organizationsCommentDummy {
-  padding-left: 10px;
-}

package/components/TopBar/TopBar.d.ts

@@ -1,108 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import ButtonItem from './ButtonItem';
-import Divider from './Divider';
-import Item from './Item';
-import Organizations from './Organizations';
-import TopBarDropdown from './TopBarDropdown';
-import User from './User';
-import '../ensureOldIEClassName';
-import Logout from './TopBarLogout';
-export interface TopBarProps {
-    children?: React.ReactNode;
-    color?: string;
-    cabinetUrl?: string;
-    leftItems?: Array<React.ReactElement<any>>;
-    logoComponent?: React.ComponentType<any> | string;
-    logoHref?: string;
-    maxWidth?: string | number;
-    noMargin?: boolean;
-    noShadow?: boolean;
-    noWidget?: boolean;
-    onLogout?: () => void;
-    rightItems?: Array<React.ReactElement<any>>;
-    suffix?: string;
-    userName?: string;
-}
-export interface TopBarDefaultProps {
-    maxWidth: string | number;
-    rightItems: Array<React.ReactElement<any>>;
-}
-/**
- * __DRAFT__
- *
- * Шапка
- *
- * `Item({children: node, iconOnly: bool, onClick: func})` – кликабельный элемент шапки
- *
- * `Divider()` – разделитель
- *
- * `Start({children: node})` – контейнер для элементов в начале шапки
- *
- * `End({children: node})` – контейнер для элементов в конце шапки
- *
- * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст
- *
- */
-declare class TopBar extends React.Component<TopBarProps> {
-    static Divider: typeof Divider;
-    static Item: typeof ButtonItem;
-    static Dropdown: typeof TopBarDropdown;
-    static OrganizationsDropdown: typeof Organizations;
-    static Start: React.FunctionComponent<{}>;
-    static End: React.FunctionComponent<{}>;
-    static ItemStatic: typeof Item;
-    static User: typeof User;
-    static Logout: typeof Logout;
-    static defaultProps: TopBarDefaultProps;
-    static propTypes: {
-        /**
-         * URL для кастомизации ссылок в меню пользователя
-         */
-        cabinetUrl: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Цвет логотипа
-         */
-        color: PropTypes.Requireable<string>;
-        leftItems: PropTypes.Requireable<(PropTypes.ReactElementLike | null)[]>;
-        /**
-         * Компонент используемый для рендеринга ссылки.
-         * Нужно переопределить если вы хотите подставить ссылку для роутера
-         */
-        logoComponent: PropTypes.Requireable<any>;
-        logoHref: PropTypes.Requireable<string>;
-        /**
-         * Максимальная ширина контейнера в шапке
-         */
-        maxWidth: PropTypes.Requireable<React.ReactText>;
-        /**
-         * Отключает отступ снизу
-         */
-        noMargin: PropTypes.Requireable<boolean>;
-        /**
-         * Отключает тень
-         */
-        noShadow: PropTypes.Requireable<boolean>;
-        /**
-         * Отключает виджет
-         */
-        noWidget: PropTypes.Requireable<boolean>;
-        rightItems: PropTypes.Requireable<(PropTypes.ReactElementLike | null)[]>;
-        /**
-         * Суффикс логотипа
-         */
-        suffix: PropTypes.Requireable<string>;
-        /**
-         * Имя пользователя
-         */
-        userName: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Функция выхода
-         */
-        onLogout: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    render(): JSX.Element;
-    private _renderItems;
-}
-export default TopBar;

package/components/TopBar/TopBar.js

@@ -1,146 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var React = tslib_1.__importStar(require("react"));
-var PropTypes = tslib_1.__importStar(require("prop-types"));
-var Logotype_1 = tslib_1.__importDefault(require("../Logotype"));
-var ButtonItem_1 = tslib_1.__importDefault(require("./ButtonItem"));
-var Divider_1 = tslib_1.__importDefault(require("./Divider"));
-var Item_1 = tslib_1.__importDefault(require("./Item"));
-var Organizations_1 = tslib_1.__importDefault(require("./Organizations"));
-var TopBarDropdown_1 = tslib_1.__importDefault(require("./TopBarDropdown"));
-var User_1 = tslib_1.__importDefault(require("./User"));
-require("../ensureOldIEClassName");
-var TopBar_less_1 = tslib_1.__importDefault(require("./TopBar.css"));
-var TopBarEnd_1 = tslib_1.__importDefault(require("./TopBarEnd"));
-var TopBarStart_1 = tslib_1.__importDefault(require("./TopBarStart"));
-var TopBarLogout_1 = tslib_1.__importDefault(require("./TopBarLogout"));
-/**
- * __DRAFT__
- *
- * Шапка
- *
- * `Item({children: node, iconOnly: bool, onClick: func})` – кликабельный элемент шапки
- *
- * `Divider()` – разделитель
- *
- * `Start({children: node})` – контейнер для элементов в начале шапки
- *
- * `End({children: node})` – контейнер для элементов в конце шапки
- *
- * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст
- *
- */
-var TopBar = /** @class */function (_super) {
-    tslib_1.__extends(TopBar, _super);
-    function TopBar() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    TopBar.prototype.render = function () {
-        var _a;
-        var _b = this.props,
-            children = _b.children,
-            leftItems = _b.leftItems,
-            cabinetUrl = _b.cabinetUrl,
-            maxWidth = _b.maxWidth,
-            noShadow = _b.noShadow,
-            noMargin = _b.noMargin,
-            userName = _b.userName,
-            onLogout = _b.onLogout,
-            _c = _b.rightItems,
-            rightItems = _c === void 0 ? TopBar.defaultProps.rightItems : _c;
-        var _rightItems = rightItems.slice();
-        if (userName) {
-            _rightItems.push(React.createElement(User_1["default"], { userName: userName, cabinetUrl: cabinetUrl }), React.createElement(Divider_1["default"], null));
-        }
-        if (onLogout) {
-            _rightItems.push(React.createElement(TopBarLogout_1["default"], { onClick: onLogout }));
-        }
-        var logoProps = {
-            suffix: this.props.suffix,
-            color: this.props.color,
-            href: this.props.logoHref,
-            logoComponent: this.props.logoComponent,
-            withWidget: !this.props.noWidget
-        };
-        return React.createElement("div", { className: classnames_1["default"]((_a = {}, _a[TopBar_less_1["default"].root] = true, _a[TopBar_less_1["default"].noShadow] = noShadow, _a[TopBar_less_1["default"].noMargin] = noMargin, _a)) }, React.createElement("div", { className: TopBar_less_1["default"].center, style: { maxWidth: maxWidth } }, React.createElement("div", { className: TopBar_less_1["default"].containerWrap }, children ? React.createElement("div", { className: TopBar_less_1["default"].container }, children) : React.createElement("div", { className: TopBar_less_1["default"].container }, React.createElement("div", { className: TopBar_less_1["default"].startItems }, React.createElement(Item_1["default"], null, React.createElement(Logotype_1["default"], tslib_1.__assign({}, logoProps))), this._renderItems(leftItems)), React.createElement("div", { className: TopBar_less_1["default"].endItems }, this._renderItems(_rightItems))))));
-    };
-    TopBar.prototype._renderItems = function (items) {
-        if (!items) {
-            return null;
-        }
-        return items.map(function (item, i) {
-            if (item && !item.key) {
-                return React.cloneElement(item, {
-                    key: '$topbar_' + i
-                });
-            }
-            return item;
-        });
-    };
-    TopBar.Divider = Divider_1["default"];
-    TopBar.Item = ButtonItem_1["default"];
-    TopBar.Dropdown = TopBarDropdown_1["default"];
-    TopBar.OrganizationsDropdown = Organizations_1["default"];
-    TopBar.Start = TopBarStart_1["default"];
-    TopBar.End = TopBarEnd_1["default"];
-    TopBar.ItemStatic = Item_1["default"];
-    TopBar.User = User_1["default"];
-    TopBar.Logout = TopBarLogout_1["default"];
-    TopBar.defaultProps = {
-        maxWidth: 1166,
-        rightItems: []
-    };
-    TopBar.propTypes = {
-        /**
-         * URL для кастомизации ссылок в меню пользователя
-         */
-        cabinetUrl: PropTypes.string,
-        children: PropTypes.node,
-        /**
-         * Цвет логотипа
-         */
-        color: PropTypes.string,
-        leftItems: PropTypes.arrayOf(PropTypes.element),
-        /**
-         * Компонент используемый для рендеринга ссылки.
-         * Нужно переопределить если вы хотите подставить ссылку для роутера
-         */
-        logoComponent: PropTypes.any,
-        logoHref: PropTypes.string,
-        /**
-         * Максимальная ширина контейнера в шапке
-         */
-        maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-        /**
-         * Отключает отступ снизу
-         */
-        noMargin: PropTypes.bool,
-        /**
-         * Отключает тень
-         */
-        noShadow: PropTypes.bool,
-        /**
-         * Отключает виджет
-         */
-        noWidget: PropTypes.bool,
-        rightItems: PropTypes.arrayOf(PropTypes.element),
-        /**
-         * Суффикс логотипа
-         */
-        suffix: PropTypes.string,
-        /**
-         * Имя пользователя
-         */
-        userName: PropTypes.node,
-        /**
-         * Функция выхода
-         */
-        onLogout: PropTypes.func
-    };
-    return TopBar;
-}(React.Component);
-exports["default"] = TopBar;
-//# sourceMappingURL=TopBar.js.map