@skbkontur/react-ui 0.0.0-cb54865bf2 → 0.0.0-ccbe7cf017

package/components/ThemeProvider/ThemeProvider/ThemeProvider.js

@@ -1,51 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import isEqual from 'lodash.isequal';
-import warning from 'warning';
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
-import { isDevelopmentEnv } from "../../../lib/currentEnvironment";
-export var ThemeProvider =
-/*#__PURE__*/
-function (_React$Component) {
-  _inheritsLoose(ThemeProvider, _React$Component);
-
-  function ThemeProvider(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.theme = void 0;
-    _this.theme = _this.makeFullTheme(props.value);
-    return _this;
-  }
-
-  var _proto = ThemeProvider.prototype;
-
-  _proto.componentDidMount = function componentDidMount() {
-    warning(true, "ThemeProvider was deprecated please use 'ThemeContext' instead. \nSee https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext");
-  };
-
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.value !== this.props.value) {
-      if (isDevelopmentEnv) {
-        var hasSameShape = isEqual(nextProps.value, this.props.value);
-        warning(!hasSameShape, "ThemeProvider received next value with the same shape as the previous one." + '\n' + "Consider using the same object reference for performance reasons." + '\n' + ("Shape: " + JSON.stringify(nextProps.value)));
-      }
-
-      this.theme = this.makeFullTheme(nextProps.value);
-    }
-  };
-
-  _proto.render = function render() {
-    return React.createElement(ThemeContext.Provider, {
-      value: this.theme
-    }, this.props.children);
-  };
-
-  _proto.makeFullTheme = function makeFullTheme(theme) {
-    return ThemeFactory.isFullTheme(theme) ? theme : ThemeFactory.create(theme);
-  };
-
-  return ThemeProvider;
-}(React.Component);
-ThemeProvider.__KONTUR_REACT_UI__ = 'ThemeProvider';

package/components/ThemeProvider/ThemeProvider/ThemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ThemeProvider.tsx"],"names":["React","isEqual","warning","ThemeContext","ThemeFactory","isDevelopmentEnv","ThemeProvider","props","theme","makeFullTheme","value","componentDidMount","UNSAFE_componentWillReceiveProps","nextProps","hasSameShape","JSON","stringify","render","children","isFullTheme","create","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,OAAP,MAAoB,SAApB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,gBAAT,QAAiC,8BAAjC;;;;;;;AAOA,WAAaC,aAAb;;;;;AAKE,yBAAYC,KAAZ,EAAuC;AACrC,wCAAMA,KAAN,UADqC,MAF/BC,KAE+B;AAErC,UAAKA,KAAL,GAAa,MAAKC,aAAL,CAAmBF,KAAK,CAACG,KAAzB,CAAb,CAFqC;AAGtC,GARH;;AAUEC,EAAAA,iBAVF,GAUE,6BAA0B;AACxBT,IAAAA,OAAO;AACL,QADK;AAEL,2IAFK,CAAP;;AAID,GAfH;;AAiBSU,EAAAA,gCAjBT,GAiBE,0CAAwCC,SAAxC,EAAuF;AACrF,QAAIA,SAAS,CAACH,KAAV,KAAoB,KAAKH,KAAL,CAAWG,KAAnC,EAA0C;AACxC,UAAIL,gBAAJ,EAAsB;AACpB,YAAMS,YAAY,GAAGb,OAAO,CAACY,SAAS,CAACH,KAAX,EAAkB,KAAKH,KAAL,CAAWG,KAA7B,CAA5B;AACAR,QAAAA,OAAO;AACL,SAACY,YADI;AAEL;AACE,YADF;;AAGE,YAHF;AAIYC,QAAAA,IAAI,CAACC,SAAL,CAAeH,SAAS,CAACH,KAAzB,CAJZ,CAFK,CAAP;;AAQD;;AAED,WAAKF,KAAL,GAAa,KAAKC,aAAL,CAAmBI,SAAS,CAACH,KAA7B,CAAb;AACD;AACF,GAjCH;;AAmCSO,EAAAA,MAnCT,GAmCE,kBAAgB;AACd,WAAO,oBAAC,YAAD,CAAc,QAAd,IAAuB,KAAK,EAAE,KAAKT,KAAnC,IAA2C,KAAKD,KAAL,CAAWW,QAAtD,CAAP;AACD,GArCH;;AAuCUT,EAAAA,aAvCV,GAuCE,uBAAsBD,KAAtB,EAAqD;AACnD,WAAOJ,YAAY,CAACe,WAAb,CAAyBX,KAAzB,IAAkCA,KAAlC,GAA0CJ,YAAY,CAACgB,MAAb,CAA6BZ,KAA7B,CAAjD;AACD,GAzCH,wBAAmCR,KAAK,CAACqB,SAAzC,EAAaf,a,CACGgB,mB,GAAsB,e","sourcesContent":["import React from 'react';\r\nimport isEqual from 'lodash.isequal';\r\nimport warning from 'warning';\r\n\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { isDevelopmentEnv } from '../../lib/currentEnvironment';\r\n\r\ninterface ThemeProviderProps {\r\n  children: React.ReactNode;\r\n  value: ThemeIn | Theme;\r\n}\r\n\r\nexport class ThemeProvider extends React.Component<ThemeProviderProps> {\r\n  public static __KONTUR_REACT_UI__ = 'ThemeProvider';\r\n\r\n  private theme: Theme;\r\n\r\n  constructor(props: ThemeProviderProps) {\r\n    super(props);\r\n    this.theme = this.makeFullTheme(props.value);\r\n  }\r\n\r\n  componentDidMount(): void {\r\n    warning(\r\n      true,\r\n      \"ThemeProvider was deprecated please use 'ThemeContext' instead. \\nSee https://tech.skbkontur.ru/react-ui/#/Customization/ThemeContext\",\r\n    );\r\n  }\r\n\r\n  public UNSAFE_componentWillReceiveProps(nextProps: Readonly<ThemeProviderProps>): void {\r\n    if (nextProps.value !== this.props.value) {\r\n      if (isDevelopmentEnv) {\r\n        const hasSameShape = isEqual(nextProps.value, this.props.value);\r\n        warning(\r\n          !hasSameShape,\r\n          `ThemeProvider received next value with the same shape as the previous one.` +\r\n            '\\n' +\r\n            `Consider using the same object reference for performance reasons.` +\r\n            '\\n' +\r\n            `Shape: ${JSON.stringify(nextProps.value)}`,\r\n        );\r\n      }\r\n\r\n      this.theme = this.makeFullTheme(nextProps.value);\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return <ThemeContext.Provider value={this.theme}>{this.props.children}</ThemeContext.Provider>;\r\n  }\r\n\r\n  private makeFullTheme(theme: ThemeIn | Theme): Theme {\r\n    return ThemeFactory.isFullTheme(theme) ? theme : ThemeFactory.create<ThemeIn>(theme);\r\n  }\r\n}\r\n"]}

package/components/ThemeProvider/ThemeProvider/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/ThemeProvider/ThemeProvider.js",
-  "module": "ThemeProvider",
-  "types": "../ThemeProvider.d.ts",
-  "sideEffects": false
-}

package/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Theme, ThemeIn } from '../../lib/theming/Theme';
-interface ThemeProviderProps {
-    children: React.ReactNode;
-    value: ThemeIn | Theme;
-}
-export declare class ThemeProvider extends React.Component<ThemeProviderProps> {
-    static __KONTUR_REACT_UI__: string;
-    private theme;
-    constructor(props: ThemeProviderProps);
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Readonly<ThemeProviderProps>): void;
-    render(): JSX.Element;
-    private makeFullTheme;
-}
-export {};

package/components/ThemeProvider/index/index.js

@@ -1 +0,0 @@
-export * from "../ThemeProvider";

package/components/ThemeProvider/index/index.js.map

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

package/components/ThemeProvider/index/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/ThemeProvider/index.js",
-  "module": "index",
-  "types": "../index.d.ts",
-  "sideEffects": false
-}

package/components/ThemeProvider/index.d.ts

@@ -1 +0,0 @@
-export * from './ThemeProvider';

package/components/ThemeProvider/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../cjs/components/ThemeProvider/index.js",
-  "module": "index",
-  "types": "index.d.ts",
-  "sideEffects": false
-}

package/components/TopBar/TopBar/TopBar.js

@@ -1,208 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import PropTypes from 'prop-types';
-import warning from 'warning';
-import cn from 'classnames';
-import { Logotype } from "../../Logotype";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { TopBarButtonItem } from "../TopBarButtonItem";
-import { TopBarDivider } from "../TopBarDivider";
-import { TopBarItem } from "../TopBarItem";
-import { TopBarOrganizations } from "../TopBarOrganizations";
-import { TopBarDropdown } from "../TopBarDropdown";
-import { TopBarUser } from "../TopBarUser";
-import { TopBarEnd } from "../TopBarEnd";
-import { TopBarStart } from "../TopBarStart";
-import { TopBarLogout } from "../TopBarLogout";
-import { jsStyles } from "../TopBar.styles";
-/**
-                                             * __DRAFT__
-                                             *
-                                             * Шапка
-                                             *
-                                             * `Item({children: node, iconOnly: bool, onClick: func})` – кликабельный элемент шапки
-                                             *
-                                             * `Divider()` – разделитель
-                                             *
-                                             * `TopBarStart({children: node})` – контейнер для элементов в начале шапки
-                                             *
-                                             * `TopBarEnd({children: node})` – контейнер для элементов в конце шапки
-                                             *
-                                             * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст
-                                             *
-                                             */
-
-/**
-                                                 * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
-                                                 */
-
-export var TopBar =
-/*#__PURE__*/
-function (_React$Component) {
-  _inheritsLoose(TopBar, _React$Component);
-
-  function TopBar(props) {
-    var _this;
-
-    _this = _React$Component.call(this, props) || this;
-    _this.theme = void 0;
-    warning(false, "TopBar has been deprecated, use TopBar from @skbkontur/react-ui-addons instead, see [migration](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)");
-    return _this;
-  }
-
-  var _proto = TopBar.prototype;
-
-  _proto.render = function render() {
-    var _this2 = this;
-
-    return React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = theme;
-      return _this2.renderMain();
-    });
-  };
-
-  _proto.renderMain = function renderMain() {
-    var _cn;
-
-    var _this$props = this.props,
-        children = _this$props.children,
-        leftItems = _this$props.leftItems,
-        cabinetUrl = _this$props.cabinetUrl,
-        maxWidth = _this$props.maxWidth,
-        noShadow = _this$props.noShadow,
-        noMargin = _this$props.noMargin,
-        userName = _this$props.userName,
-        onLogout = _this$props.onLogout,
-        _this$props$rightItem = _this$props.rightItems,
-        rightItems = _this$props$rightItem === void 0 ? TopBar.defaultProps.rightItems : _this$props$rightItem;
-
-    var _rightItems = [].concat(rightItems);
-
-    if (userName) {
-      _rightItems.push(React.createElement(TopBarUser, {
-        userName: userName,
-        cabinetUrl: cabinetUrl
-      }), React.createElement(TopBarDivider, null));
-    }
-
-    if (onLogout) {
-      _rightItems.push(React.createElement(TopBarLogout, {
-        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: cn((_cn = {}, _cn[jsStyles.root(this.theme)] = true, _cn[jsStyles.noShadow()] = !!noShadow, _cn[jsStyles.noMargin()] = !!noMargin, _cn))
-    }, React.createElement("div", {
-      className: jsStyles.center(),
-      style: {
-        maxWidth: maxWidth
-      }
-    }, React.createElement("div", {
-      className: jsStyles.containerWrap()
-    }, children ? React.createElement("div", {
-      className: jsStyles.container()
-    }, children) : React.createElement("div", {
-      className: jsStyles.container()
-    }, React.createElement("div", {
-      className: jsStyles.startItems()
-    }, React.createElement(TopBarItem, null, React.createElement(Logotype, logoProps)), this._renderItems(leftItems)), React.createElement("div", {
-      className: jsStyles.endItems()
-    }, this._renderItems(_rightItems))))));
-  };
-
-  _proto._renderItems = function _renderItems(items) {
-    if (!items) {
-      return null;
-    }
-
-    return items.map(function (item, i) {
-      if (item && !item.key) {
-        return React.cloneElement(item, {
-          key: '$topbar_' + i
-        });
-      }
-
-      return item;
-    });
-  };
-
-  return TopBar;
-}(React.Component);
-TopBar.__KONTUR_REACT_UI__ = 'TopBar';
-TopBar.Divider = TopBarDivider;
-TopBar.Item = TopBarButtonItem;
-TopBar.Dropdown = TopBarDropdown;
-TopBar.OrganizationsDropdown = TopBarOrganizations;
-TopBar.Start = TopBarStart;
-TopBar.End = TopBarEnd;
-TopBar.ItemStatic = TopBarItem;
-TopBar.User = TopBarUser;
-TopBar.Logout = TopBarLogout;
-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
-};

package/components/TopBar/TopBar/TopBar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["TopBar.tsx"],"names":["React","PropTypes","warning","cn","Logotype","ThemeContext","TopBarButtonItem","TopBarDivider","TopBarItem","TopBarOrganizations","TopBarDropdown","TopBarUser","TopBarEnd","TopBarStart","TopBarLogout","jsStyles","TopBar","props","theme","render","renderMain","children","leftItems","cabinetUrl","maxWidth","noShadow","noMargin","userName","onLogout","rightItems","defaultProps","_rightItems","push","logoProps","suffix","color","href","logoHref","logoComponent","withWidget","noWidget","root","center","containerWrap","container","startItems","_renderItems","endItems","items","map","item","i","key","cloneElement","Component","__KONTUR_REACT_UI__","Divider","Item","Dropdown","OrganizationsDropdown","Start","End","ItemStatic","User","Logout","propTypes","string","node","arrayOf","element","any","oneOfType","number","bool","func"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,SAApB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,YAAT,QAA6B,gCAA7B;;;AAGA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,QAAT,QAAyB,iBAAzB;;;;;;;;;;;;;;;;;;;;;;;;AAwBA;;;;;;;;;;;;;;;;;AAiBA;;;AAGA,WAAaC,MAAb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFE,kBAAmBC,KAAnB,EAAuC;AACrC,wCAAMA,KAAN,UADqC,MAF/BC,KAE+B;AAErChB,IAAAA,OAAO;AACL,SADK,uLAAP,CAFqC;;;AAMtC,GAvFH;;AAyFSiB,EAAAA,MAzFT,GAyFE,kBAA6B;AAC3B;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAAAD,KAAK,EAAI;AACR,QAAA,MAAI,CAACA,KAAL,GAAaA,KAAb;AACA,eAAO,MAAI,CAACE,UAAL,EAAP;AACD,OAJH,CADF;;;AAQD,GAlGH;;AAoGUA,EAAAA,UApGV,GAoGE,sBAAqB;;;;;;;;;;;AAWf,SAAKH,KAXU,CAEjBI,QAFiB,eAEjBA,QAFiB,CAGjBC,SAHiB,eAGjBA,SAHiB,CAIjBC,UAJiB,eAIjBA,UAJiB,CAKjBC,QALiB,eAKjBA,QALiB,CAMjBC,QANiB,eAMjBA,QANiB,CAOjBC,QAPiB,eAOjBA,QAPiB,CAQjBC,QARiB,eAQjBA,QARiB,CASjBC,QATiB,eASjBA,QATiB,qCAUjBC,UAViB,CAUjBA,UAViB,sCAUJb,MAAM,CAACc,YAAP,CAAoBD,UAVhB;;AAanB,QAAME,WAA2C,aAAOF,UAAP,CAAjD;;AAEA,QAAIF,QAAJ,EAAc;AACZI,MAAAA,WAAW,CAACC,IAAZ,CAAiB,oBAAC,UAAD,IAAY,QAAQ,EAAEL,QAAtB,EAAgC,UAAU,EAAEJ,UAA5C,GAAjB,EAA6E,oBAAC,aAAD,OAA7E;AACD;;AAED,QAAIK,QAAJ,EAAc;AACZG,MAAAA,WAAW,CAACC,IAAZ,CAAiB,oBAAC,YAAD,IAAc,OAAO,EAAEJ,QAAvB,GAAjB;AACD;;AAED,QAAMK,SAAS,GAAG;AAChBC,MAAAA,MAAM,EAAE,KAAKjB,KAAL,CAAWiB,MADH;AAEhBC,MAAAA,KAAK,EAAE,KAAKlB,KAAL,CAAWkB,KAFF;AAGhBC,MAAAA,IAAI,EAAE,KAAKnB,KAAL,CAAWoB,QAHD;AAIhBC,MAAAA,aAAa,EAAE,KAAKrB,KAAL,CAAWqB,aAJV;AAKhBC,MAAAA,UAAU,EAAE,CAAC,KAAKtB,KAAL,CAAWuB,QALR,EAAlB;;;AAQA;AACE;AACE,QAAA,SAAS,EAAErC,EAAE;AACVY,QAAAA,QAAQ,CAAC0B,IAAT,CAAc,KAAKvB,KAAnB,CADU,IACkB,IADlB;AAEVH,QAAAA,QAAQ,CAACU,QAAT,EAFU,IAEY,CAAC,CAACA,QAFd;AAGVV,QAAAA,QAAQ,CAACW,QAAT,EAHU,IAGY,CAAC,CAACA,QAHd,OADf;;;AAOE,mCAAK,SAAS,EAAEX,QAAQ,CAAC2B,MAAT,EAAhB,EAAmC,KAAK,EAAE,EAAElB,QAAQ,EAARA,QAAF,EAA1C;AACE,mCAAK,SAAS,EAAET,QAAQ,CAAC4B,aAAT,EAAhB;AACGtB,MAAAA,QAAQ;AACP,mCAAK,SAAS,EAAEN,QAAQ,CAAC6B,SAAT,EAAhB,IAAuCvB,QAAvC,CADO;;AAGP,mCAAK,SAAS,EAAEN,QAAQ,CAAC6B,SAAT,EAAhB;AACE,mCAAK,SAAS,EAAE7B,QAAQ,CAAC8B,UAAT,EAAhB;AACE,0BAAC,UAAD;AACE,0BAAC,QAAD,EAAcZ,SAAd,CADF,CADF;;AAIG,WAAKa,YAAL,CAAkBxB,SAAlB,CAJH,CADF;;AAOE,mCAAK,SAAS,EAAEP,QAAQ,CAACgC,QAAT,EAAhB,IAAsC,KAAKD,YAAL,CAAkBf,WAAlB,CAAtC,CAPF,CAJJ,CADF,CAPF,CADF;;;;;;;AA2BD,GA9JH;;AAgKUe,EAAAA,YAhKV,GAgKE,sBAAqBE,KAArB,EAA6D;AAC3D,QAAI,CAACA,KAAL,EAAY;AACV,aAAO,IAAP;AACD;;AAED,WAAOA,KAAK,CAACC,GAAN,CAAU,UAACC,IAAD,EAAOC,CAAP,EAAa;AAC5B,UAAID,IAAI,IAAI,CAACA,IAAI,CAACE,GAAlB,EAAuB;AACrB,eAAOpD,KAAK,CAACqD,YAAN,CAAmBH,IAAnB,EAAyB;AAC9BE,UAAAA,GAAG,EAAE,aAAaD,CADY,EAAzB,CAAP;;AAGD;AACD,aAAOD,IAAP;AACD,KAPM,CAAP;AAQD,GA7KH,iBAA4BlD,KAAK,CAACsD,SAAlC,EAAatC,M,CACGuC,mB,GAAsB,Q,CADzBvC,M,CAGGwC,O,GAAUjD,a,CAHbS,M,CAIGyC,I,GAAOnD,gB,CAJVU,M,CAKG0C,Q,GAAWhD,c,CALdM,M,CAMG2C,qB,GAAwBlD,mB,CAN3BO,M,CAOG4C,K,GAAQ/C,W,CAPXG,M,CAQG6C,G,GAAMjD,S,CARTI,M,CASG8C,U,GAAatD,U,CAThBQ,M,CAUG+C,I,GAAOpD,U,CAVVK,M,CAWGgD,M,GAASlD,Y,CAXZE,M,CAaGc,Y,GAAmC,EAC/CN,QAAQ,EAAE,IADqC,EAE/CK,UAAU,EAAE,EAFmC,E,CAbtCb,M,CAkBGiD,S,GAAY,EACxB;;qbAGA1C,UAAU,EAAEtB,SAAS,CAACiE,MAJE,EAMxB7C,QAAQ,EAAEpB,SAAS,CAACkE,IANI,EAQxB;;gfAGAhC,KAAK,EAAElC,SAAS,CAACiE,MAXO,EAaxB5C,SAAS,EAAErB,SAAS,CAACmE,OAAV,CAAkBnE,SAAS,CAACoE,OAA5B,CAba,EAexB;;;6jBAIA/B,aAAa,EAAErC,SAAS,CAACqE,GAnBD,EAqBxBjC,QAAQ,EAAEpC,SAAS,CAACiE,MArBI,EAuBxB;;0nBAGA1C,QAAQ,EAAEvB,SAAS,CAACsE,SAAV,CAAoB,CAACtE,SAAS,CAACuE,MAAX,EAAmBvE,SAAS,CAACiE,MAA7B,CAApB,CA1Bc,EA4BxB;;ksBAGAxC,QAAQ,EAAEzB,SAAS,CAACwE,IA/BI,EAiCxB;;+tBAGAhD,QAAQ,EAAExB,SAAS,CAACwE,IApCI,EAsCxB;;4vBAGAjC,QAAQ,EAAEvC,SAAS,CAACwE,IAzCI,EA2CxB5C,UAAU,EAAE5B,SAAS,CAACmE,OAAV,CAAkBnE,SAAS,CAACoE,OAA5B,CA3CY,EA6CxB;;20BAGAnC,MAAM,EAAEjC,SAAS,CAACiE,MAhDM,EAkDxB;;w2BAGAvC,QAAQ,EAAE1B,SAAS,CAACkE,IArDI,EAuDxB;;q4BAGAvC,QAAQ,EAAE3B,SAAS,CAACyE,IA1DI,E","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport warning from 'warning';\r\nimport cn from 'classnames';\r\n\r\nimport { Logotype } from '../Logotype';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nimport { TopBarButtonItem } from './TopBarButtonItem';\r\nimport { TopBarDivider } from './TopBarDivider';\r\nimport { TopBarItem } from './TopBarItem';\r\nimport { TopBarOrganizations } from './TopBarOrganizations';\r\nimport { TopBarDropdown } from './TopBarDropdown';\r\nimport { TopBarUser } from './TopBarUser';\r\nimport { TopBarEnd } from './TopBarEnd';\r\nimport { TopBarStart } from './TopBarStart';\r\nimport { TopBarLogout } from './TopBarLogout';\r\nimport { jsStyles } from './TopBar.styles';\r\n\r\nexport interface TopBarProps {\r\n  children?: React.ReactNode;\r\n  color?: string;\r\n  cabinetUrl?: string;\r\n  leftItems?: Array<React.ReactElement<any>>;\r\n  logoComponent?: React.ComponentType<any> | string;\r\n  logoHref?: string;\r\n  maxWidth?: string | number;\r\n  noMargin?: boolean;\r\n  noShadow?: boolean;\r\n  noWidget?: boolean;\r\n  onLogout?: () => void;\r\n  rightItems?: Array<React.ReactElement<any>>;\r\n  suffix?: string;\r\n  userName?: string;\r\n}\r\n\r\nexport interface TopBarDefaultProps {\r\n  maxWidth: string | number;\r\n  rightItems: Array<React.ReactElement<any>>;\r\n}\r\n\r\n/**\r\n * __DRAFT__\r\n *\r\n * Шапка\r\n *\r\n * `Item({children: node, iconOnly: bool, onClick: func})` – кликабельный элемент шапки\r\n *\r\n * `Divider()` – разделитель\r\n *\r\n * `TopBarStart({children: node})` – контейнер для элементов в начале шапки\r\n *\r\n * `TopBarEnd({children: node})` – контейнер для элементов в конце шапки\r\n *\r\n * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст\r\n *\r\n */\r\n\r\n/**\r\n * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)\r\n */\r\nexport class TopBar extends React.Component<TopBarProps> {\r\n  public static __KONTUR_REACT_UI__ = 'TopBar';\r\n\r\n  public static Divider = TopBarDivider;\r\n  public static Item = TopBarButtonItem;\r\n  public static Dropdown = TopBarDropdown;\r\n  public static OrganizationsDropdown = TopBarOrganizations;\r\n  public static Start = TopBarStart;\r\n  public static End = TopBarEnd;\r\n  public static ItemStatic = TopBarItem;\r\n  public static User = TopBarUser;\r\n  public static Logout = TopBarLogout;\r\n\r\n  public static defaultProps: TopBarDefaultProps = {\r\n    maxWidth: 1166,\r\n    rightItems: [],\r\n  };\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * URL для кастомизации ссылок в меню пользователя\r\n     */\r\n    cabinetUrl: PropTypes.string,\r\n\r\n    children: PropTypes.node,\r\n\r\n    /**\r\n     * Цвет логотипа\r\n     */\r\n    color: PropTypes.string,\r\n\r\n    leftItems: PropTypes.arrayOf(PropTypes.element),\r\n\r\n    /**\r\n     * Компонент используемый для рендеринга ссылки.\r\n     * Нужно переопределить если вы хотите подставить ссылку для роутера\r\n     */\r\n    logoComponent: PropTypes.any,\r\n\r\n    logoHref: PropTypes.string,\r\n\r\n    /**\r\n     * Максимальная ширина контейнера в шапке\r\n     */\r\n    maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n    /**\r\n     * Отключает отступ снизу\r\n     */\r\n    noMargin: PropTypes.bool,\r\n\r\n    /**\r\n     * Отключает тень\r\n     */\r\n    noShadow: PropTypes.bool,\r\n\r\n    /**\r\n     * Отключает виджет\r\n     */\r\n    noWidget: PropTypes.bool,\r\n\r\n    rightItems: PropTypes.arrayOf(PropTypes.element),\r\n\r\n    /**\r\n     * Суффикс логотипа\r\n     */\r\n    suffix: PropTypes.string,\r\n\r\n    /**\r\n     * Имя пользователя\r\n     */\r\n    userName: PropTypes.node,\r\n\r\n    /**\r\n     * Функция выхода\r\n     */\r\n    onLogout: PropTypes.func,\r\n  };\r\n\r\n  private theme!: Theme;\r\n\r\n  public constructor(props: TopBarProps) {\r\n    super(props);\r\n    warning(\r\n      false,\r\n      `TopBar has been deprecated, use TopBar from @skbkontur/react-ui-addons instead, see [migration](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)`,\r\n    );\r\n  }\r\n\r\n  public render(): JSX.Element {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain() {\r\n    const {\r\n      children,\r\n      leftItems,\r\n      cabinetUrl,\r\n      maxWidth,\r\n      noShadow,\r\n      noMargin,\r\n      userName,\r\n      onLogout,\r\n      rightItems = TopBar.defaultProps.rightItems,\r\n    } = this.props;\r\n\r\n    const _rightItems: Array<React.ReactElement<any>> = [...rightItems];\r\n\r\n    if (userName) {\r\n      _rightItems.push(<TopBarUser userName={userName} cabinetUrl={cabinetUrl} />, <TopBarDivider />);\r\n    }\r\n\r\n    if (onLogout) {\r\n      _rightItems.push(<TopBarLogout onClick={onLogout} />);\r\n    }\r\n\r\n    const logoProps = {\r\n      suffix: this.props.suffix,\r\n      color: this.props.color,\r\n      href: this.props.logoHref,\r\n      logoComponent: this.props.logoComponent,\r\n      withWidget: !this.props.noWidget,\r\n    };\r\n\r\n    return (\r\n      <div\r\n        className={cn({\r\n          [jsStyles.root(this.theme)]: true,\r\n          [jsStyles.noShadow()]: !!noShadow,\r\n          [jsStyles.noMargin()]: !!noMargin,\r\n        })}\r\n      >\r\n        <div className={jsStyles.center()} style={{ maxWidth }}>\r\n          <div className={jsStyles.containerWrap()}>\r\n            {children ? (\r\n              <div className={jsStyles.container()}>{children}</div>\r\n            ) : (\r\n              <div className={jsStyles.container()}>\r\n                <div className={jsStyles.startItems()}>\r\n                  <TopBarItem>\r\n                    <Logotype {...logoProps} />\r\n                  </TopBarItem>\r\n                  {this._renderItems(leftItems)}\r\n                </div>\r\n                <div className={jsStyles.endItems()}>{this._renderItems(_rightItems)}</div>\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _renderItems(items?: Array<React.ReactElement<any>>) {\r\n    if (!items) {\r\n      return null;\r\n    }\r\n\r\n    return items.map((item, i) => {\r\n      if (item && !item.key) {\r\n        return React.cloneElement(item, {\r\n          key: '$topbar_' + i,\r\n        });\r\n      }\r\n      return item;\r\n    });\r\n  }\r\n}\r\n"]}

package/components/TopBar/TopBar/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/TopBar/TopBar.js",
-  "module": "TopBar",
-  "types": "../TopBar.d.ts",
-  "sideEffects": false
-}

package/components/TopBar/TopBar.d.ts

@@ -1,113 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { TopBarButtonItem } from './TopBarButtonItem';
-import { TopBarDivider } from './TopBarDivider';
-import { TopBarItem } from './TopBarItem';
-import { TopBarOrganizations } from './TopBarOrganizations';
-import { TopBarDropdown } from './TopBarDropdown';
-import { TopBarUser } from './TopBarUser';
-import { TopBarLogout } 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()` – разделитель
- *
- * `TopBarStart({children: node})` – контейнер для элементов в начале шапки
- *
- * `TopBarEnd({children: node})` – контейнер для элементов в конце шапки
- *
- * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст
- *
- */
-/**
- * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
- */
-export declare class TopBar extends React.Component<TopBarProps> {
-    static __KONTUR_REACT_UI__: string;
-    static Divider: typeof TopBarDivider;
-    static Item: typeof TopBarButtonItem;
-    static Dropdown: typeof TopBarDropdown;
-    static OrganizationsDropdown: typeof TopBarOrganizations;
-    static Start: React.SFC<{}>;
-    static End: React.SFC<{}>;
-    static ItemStatic: typeof TopBarItem;
-    static User: typeof TopBarUser;
-    static Logout: typeof TopBarLogout;
-    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 | undefined)[]>;
-        /**
-         * Компонент используемый для рендеринга ссылки.
-         * Нужно переопределить если вы хотите подставить ссылку для роутера
-         */
-        logoComponent: PropTypes.Requireable<any>;
-        logoHref: PropTypes.Requireable<string>;
-        /**
-         * Максимальная ширина контейнера в шапке
-         */
-        maxWidth: PropTypes.Requireable<string | number>;
-        /**
-         * Отключает отступ снизу
-         */
-        noMargin: PropTypes.Requireable<boolean>;
-        /**
-         * Отключает тень
-         */
-        noShadow: PropTypes.Requireable<boolean>;
-        /**
-         * Отключает виджет
-         */
-        noWidget: PropTypes.Requireable<boolean>;
-        rightItems: PropTypes.Requireable<(PropTypes.ReactElementLike | null | undefined)[]>;
-        /**
-         * Суффикс логотипа
-         */
-        suffix: PropTypes.Requireable<string>;
-        /**
-         * Имя пользователя
-         */
-        userName: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        /**
-         * Функция выхода
-         */
-        onLogout: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    private theme;
-    constructor(props: TopBarProps);
-    render(): JSX.Element;
-    private renderMain;
-    private _renderItems;
-}

package/components/TopBar/TopBar.md

@@ -1,111 +0,0 @@
-### Использование
-
-Рекомендуемое
-
-```jsx harmony
-import { Loader, Logotype, TopBar } from '@skbkontur/react-ui';
-import BabyIcon from '@skbkontur/react-icons/Baby';
-
-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 harmony
-import { Loader, TopBar } from '@skbkontur/react-ui';
-import BabyIcon from '@skbkontur/react-icons/Baby';
-
-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;
-  cabinetSettings?: string;
-  cabinetCertificates?: string;
-  cabinetServices?: string;
-}
-
-const ru_RU = {
-  cabinetSettings: 'Личный кабинет Контура',
-  cabinetCertificates: 'Сертификаты',
-  cabinetServices: 'Оплата сервисов',
-  logout: 'Выйти',
-};
-
-const en_GB = {
-  cabinetSettings: 'Personal account Kontur',
-  cabinetCertificates: 'Certificates',
-  cabinetServices: 'Payment for services',
-  logout: 'Logout',
-};
-```