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

package/cjs/components/TooltipMenu/TooltipMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TooltipMenu.tsx"],"names":["TooltipMenu","props","caption","isProductionEnv","Error","render","theme","ThemeFactory","create","popupPinOffset","tooltipMenuPinOffset","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","menuMaxHeight","menuWidth","header","footer","positions","disableAnimations","children","React","Component","__KONTUR_REACT_UI__","defaultProps","isTestEnv"],"mappings":"uPAAA;;AAEA;AACA;AACA;;AAEA;;;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;AACaA,W;;;;;;AAMX,uBAAYC,KAAZ,EAAqC;AACnC,wCAAMA,KAAN;;AAEA,QAAI,CAACA,KAAK,CAACC,OAAP,IAAkB,CAACC,mCAAvB,EAAwC;AACtC,YAAM,IAAIC,KAAJ,CAAU,+BAAV,CAAN;AACD,KALkC;AAMpC,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAAAC,KAAK,EAAI;AACR;AACE,uCAAC,0BAAD,CAAc,QAAd;AACE,YAAA,KAAK,EAAEC,2BAAaC,MAAb;AACL;AACEC,cAAAA,cAAc,EAAEH,KAAK,CAACI,oBADxB;AAEEC,cAAAA,WAAW,EAAEL,KAAK,CAACM,iBAFrB;AAGEC,cAAAA,YAAY,EAAEP,KAAK,CAACQ,kBAHtB,EADK;;AAMLR,YAAAA,KANK,CADT;;;AAUG,UAAA,MAAI,CAACS,UAAL,EAVH,CADF;;;AAcD,OAhBH,CADF;;;AAoBD,G;;AAEMA,EAAAA,U,GAAP,sBAAoB;AAClB,QAAI,CAAC,KAAKd,KAAL,CAAWC,OAAhB,EAAyB;AACvB,aAAO,IAAP;AACD;;AAED;AACE,mCAAC,4BAAD,EAAmB,KAAKD,KAAxB;AACE,mCAAC,oBAAD;AACE,QAAA,aAAa,EAAE,KAAKA,KAAL,CAAWe,aAD5B;AAEE,QAAA,SAAS,EAAE,KAAKf,KAAL,CAAWgB,SAFxB;AAGE,QAAA,OAAO,EAAE,KAAKhB,KAAL,CAAWC,OAHtB;AAIE,QAAA,MAAM,EAAE,KAAKD,KAAL,CAAWiB,MAJrB;AAKE,QAAA,MAAM,EAAE,KAAKjB,KAAL,CAAWkB,MALrB;AAME,QAAA,SAAS,EAAE,KAAKlB,KAAL,CAAWmB,SANxB;AAOE,QAAA,WAAW,EAAE,IAPf;AAQE,QAAA,iBAAiB,EAAE,KAAKnB,KAAL,CAAWoB,iBARhC;;AAUG,WAAKpB,KAAL,CAAWqB,QAVd,CADF,CADF;;;;AAgBD,G,sBA1D8BC,eAAMC,S,oCAA1BxB,W,CACGyB,mB,GAAsB,a,CADzBzB,W,CAGG0B,Y,GAAe,EAC3BL,iBAAiB,EAAEM,6BADQ,E","sourcesContent":["import React from 'react';\r\n\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\r\nimport { MenuItemProps } from '../MenuItem';\r\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\r\nimport { MenuHeaderProps } from '../MenuHeader';\r\nimport { PopupPosition } from '../../internal/Popup';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps | {} | MenuHeaderProps>;\r\n\r\nexport interface TooltipMenuProps extends CommonProps {\r\n  children?: TooltipMenuChildType | TooltipMenuChildType[];\r\n  /** Максимальная высота меню */\r\n  menuMaxHeight?: number | string;\r\n  /** Ширина меню */\r\n  menuWidth?: number | string;\r\n  /**\r\n   * Элемент или функция возвращающая элемент,\r\n   * если передана, используется вместо ```caption```,\r\n   * в таком случае управлять открытием и закрытием меню\r\n   * придется в этой функции\r\n   */\r\n  caption: PopupMenuProps['caption'];\r\n  header?: React.ReactNode;\r\n  footer?: React.ReactNode;\r\n  /**  Массив разрешенных положений меню относительно caption'а. */\r\n  positions?: PopupPosition[];\r\n  /**\r\n   * Не показывать анимацию\r\n   */\r\n  disableAnimations: boolean;\r\n}\r\n\r\n/**\r\n * Меню, раскрывающееся по клику на переданный в ```caption``` элемент.\r\n * Положение зависит от переданного массива ```positions``` и работает так:\r\n * первое значаение в массиве - дефолтная позиция, меню раскрывается так, если ничего не мешает ему раскрыться,\r\n * если раскрыться в данной позиции не получается - берется следующие значение, и так далее.\r\n * Если меню должно раскрываться только в одну сторону - передаем в ```positions``` массив с одним элементом.\r\n * Если ```positions``` передан или передан пустой массив, используются все возможные положения.\r\n */\r\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\r\n  public static __KONTUR_REACT_UI__ = 'TooltipMenu';\r\n\r\n  public static defaultProps = {\r\n    disableAnimations: isTestEnv,\r\n  };\r\n  constructor(props: TooltipMenuProps) {\r\n    super(props);\r\n\r\n    if (!props.caption && !isProductionEnv) {\r\n      throw new Error('Prop \"caption\" is required!!!');\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          return (\r\n            <ThemeContext.Provider\r\n              value={ThemeFactory.create(\r\n                {\r\n                  popupPinOffset: theme.tooltipMenuPinOffset,\r\n                  popupMargin: theme.tooltipMenuMargin,\r\n                  popupPinSize: theme.tooltipMenuPinSize,\r\n                },\r\n                theme,\r\n              )}\r\n            >\r\n              {this.renderMain()}\r\n            </ThemeContext.Provider>\r\n          );\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public renderMain() {\r\n    if (!this.props.caption) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <PopupMenu\r\n          menuMaxHeight={this.props.menuMaxHeight}\r\n          menuWidth={this.props.menuWidth}\r\n          caption={this.props.caption}\r\n          header={this.props.header}\r\n          footer={this.props.footer}\r\n          positions={this.props.positions}\r\n          popupHasPin={true}\r\n          disableAnimations={this.props.disableAnimations}\r\n        >\r\n          {this.props.children}\r\n        </PopupMenu>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["TooltipMenu.tsx"],"names":["TooltipMenu","props","caption","isProductionEnv","Error","render","theme","ThemeFactory","create","popupPinOffset","tooltipMenuPinOffset","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","menuMaxHeight","menuWidth","header","footer","positions","disableAnimations","children","React","Component","__KONTUR_REACT_UI__","defaultProps","isTestEnv"],"mappings":"uPAAA;;AAEA;AACA;AACA;;AAEA;;;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,G;AACaA,W;;;;;;AAMX,uBAAYC,KAAZ,EAAqC;AACnC,wCAAMA,KAAN;;AAEA,QAAI,CAACA,KAAK,CAACC,OAAP,IAAkB,CAACC,mCAAvB,EAAwC;AACtC,YAAM,IAAIC,KAAJ,CAAU,+BAAV,CAAN;AACD,KALkC;AAMpC,G;;AAEMC,EAAAA,M,GAAP,kBAAgB;AACd;AACE,mCAAC,0BAAD,CAAc,QAAd;AACG,gBAAAC,KAAK,EAAI;AACR;AACE,uCAAC,0BAAD,CAAc,QAAd;AACE,YAAA,KAAK,EAAEC,2BAAaC,MAAb;AACL;AACEC,cAAAA,cAAc,EAAEH,KAAK,CAACI,oBADxB;AAEEC,cAAAA,WAAW,EAAEL,KAAK,CAACM,iBAFrB;AAGEC,cAAAA,YAAY,EAAEP,KAAK,CAACQ,kBAHtB,EADK;;AAMLR,YAAAA,KANK,CADT;;;AAUG,UAAA,MAAI,CAACS,UAAL,EAVH,CADF;;;AAcD,OAhBH,CADF;;;AAoBD,G;;AAEMA,EAAAA,U,GAAP,sBAAoB;AAClB,QAAI,CAAC,KAAKd,KAAL,CAAWC,OAAhB,EAAyB;AACvB,aAAO,IAAP;AACD;;AAED;AACE,mCAAC,4BAAD,EAAmB,KAAKD,KAAxB;AACE,mCAAC,oBAAD;AACE,QAAA,aAAa,EAAE,KAAKA,KAAL,CAAWe,aAD5B;AAEE,QAAA,SAAS,EAAE,KAAKf,KAAL,CAAWgB,SAFxB;AAGE,QAAA,OAAO,EAAE,KAAKhB,KAAL,CAAWC,OAHtB;AAIE,QAAA,MAAM,EAAE,KAAKD,KAAL,CAAWiB,MAJrB;AAKE,QAAA,MAAM,EAAE,KAAKjB,KAAL,CAAWkB,MALrB;AAME,QAAA,SAAS,EAAE,KAAKlB,KAAL,CAAWmB,SANxB;AAOE,QAAA,WAAW,EAAE,IAPf;AAQE,QAAA,iBAAiB,EAAE,KAAKnB,KAAL,CAAWoB,iBARhC;;AAUG,WAAKpB,KAAL,CAAWqB,QAVd,CADF,CADF;;;;AAgBD,G,sBA1D8BC,eAAMC,S,oCAA1BxB,W,CACGyB,mB,GAAsB,a,CADzBzB,W,CAGG0B,Y,GAAe,EAC3BL,iBAAiB,EAAEM,6BADQ,E","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\nimport { MenuItemProps } from '../MenuItem';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport { MenuHeaderProps } from '../MenuHeader';\nimport { PopupPosition } from '../../internal/Popup';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nexport type TooltipMenuChildType = React.ReactElement<MenuItemProps | {} | MenuHeaderProps>;\n\nexport interface TooltipMenuProps extends CommonProps {\n  children?: TooltipMenuChildType | TooltipMenuChildType[];\n  /** Максимальная высота меню */\n  menuMaxHeight?: number | string;\n  /** Ширина меню */\n  menuWidth?: number | string;\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо ```caption```,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: PopupMenuProps['caption'];\n  header?: React.ReactNode;\n  footer?: React.ReactNode;\n  /**  Массив разрешенных положений меню относительно caption'а. */\n  positions?: PopupPosition[];\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations: boolean;\n}\n\n/**\n * Меню, раскрывающееся по клику на переданный в ```caption``` элемент.\n * Положение зависит от переданного массива ```positions``` и работает так:\n * первое значаение в массиве - дефолтная позиция, меню раскрывается так, если ничего не мешает ему раскрыться,\n * если раскрыться в данной позиции не получается - берется следующие значение, и так далее.\n * Если меню должно раскрываться только в одну сторону - передаем в ```positions``` массив с одним элементом.\n * Если ```positions``` передан или передан пустой массив, используются все возможные положения.\n */\nexport class TooltipMenu extends React.Component<TooltipMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'TooltipMenu';\n\n  public static defaultProps = {\n    disableAnimations: isTestEnv,\n  };\n  constructor(props: TooltipMenuProps) {\n    super(props);\n\n    if (!props.caption && !isProductionEnv) {\n      throw new Error('Prop \"caption\" is required!!!');\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupPinOffset: theme.tooltipMenuPinOffset,\n                  popupMargin: theme.tooltipMenuMargin,\n                  popupPinSize: theme.tooltipMenuPinSize,\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    if (!this.props.caption) {\n      return null;\n    }\n\n    return (\n      <CommonWrapper {...this.props}>\n        <PopupMenu\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          caption={this.props.caption}\n          header={this.props.header}\n          footer={this.props.footer}\n          positions={this.props.positions}\n          popupHasPin={true}\n          disableAnimations={this.props.disableAnimations}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n}\n"]}

package/cjs/components/TooltipMenu/TooltipMenu.md

@@ -1,115 +1,115 @@
-Простой пример
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu caption={<Button use="primary">Открыть меню</Button>}>
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-С указанием ширины меню
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu caption={<Button use="primary">Открыть меню</Button>} menuWidth={350}>
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-С указанием максимальной высоты меню
-
-```jsx harmony
-import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<TooltipMenu caption={<Button use="primary">Открыть меню</Button>} menuMaxHeight={150}>
-  <MenuHeader>Заголовок меню</MenuHeader>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-  <MenuSeparator />
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-В `caption` можно передать любой элемент
-
-```jsx harmony
-import { MenuItem } from '@skbkontur/react-ui';
-import MenuIcon from '@skbkontur/react-icons/Menu';
-
-<TooltipMenu
-  caption={
-    <span style={{ display: 'inline-block' }} tabIndex="0">
-      <MenuIcon size={32} />
-    </span>
-  }
-  menuWidth="300px"
->
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-Только справа
-
-```jsx harmony
-import { MenuItem } from '@skbkontur/react-ui';
-import LightbulbIcon from '@skbkontur/react-icons/Lightbulb';
-
-<TooltipMenu
-  caption={
-    <span style={{ display: 'inline-block' }} tabIndex="0">
-      <LightbulbIcon size={32} />
-    </span>
-  }
-  menuWidth="300px"
-  positions={['right top', 'right middle', 'right bottom']}
->
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
-
-Меню только сверху выравненное по правому краю `caption`
-
-```jsx harmony
-import { MenuItem } from '@skbkontur/react-ui';
-import LightbulbIcon from '@skbkontur/react-icons/Lightbulb';
-
-<TooltipMenu
-  caption={
-    <span style={{ display: 'inline-block' }} tabIndex="0">
-      <LightbulbIcon size={32} />
-    </span>
-  }
-  menuWidth="300px"
-  positions={['top right']}
->
-  <MenuItem>Раз</MenuItem>
-  <MenuItem>Два</MenuItem>
-  <MenuItem>Три</MenuItem>
-</TooltipMenu>;
-```
+Простой пример
+
+```jsx harmony
+import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
+
+<TooltipMenu caption={<Button use="primary">Открыть меню</Button>}>
+  <MenuHeader>Заголовок меню</MenuHeader>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+</TooltipMenu>;
+```
+
+С указанием ширины меню
+
+```jsx harmony
+import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
+
+<TooltipMenu caption={<Button use="primary">Открыть меню</Button>} menuWidth={350}>
+  <MenuHeader>Заголовок меню</MenuHeader>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+</TooltipMenu>;
+```
+
+С указанием максимальной высоты меню
+
+```jsx harmony
+import { Button, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
+
+<TooltipMenu caption={<Button use="primary">Открыть меню</Button>} menuMaxHeight={150}>
+  <MenuHeader>Заголовок меню</MenuHeader>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+  <MenuSeparator />
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+</TooltipMenu>;
+```
+
+В `caption` можно передать любой элемент
+
+```jsx harmony
+import { MenuItem } from '@skbkontur/react-ui';
+import MenuIcon from '@skbkontur/react-icons/Menu';
+
+<TooltipMenu
+  caption={
+    <span style={{ display: 'inline-block' }} tabIndex="0">
+      <MenuIcon size={32} />
+    </span>
+  }
+  menuWidth="300px"
+>
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+</TooltipMenu>;
+```
+
+Только справа
+
+```jsx harmony
+import { MenuItem } from '@skbkontur/react-ui';
+import LightbulbIcon from '@skbkontur/react-icons/Lightbulb';
+
+<TooltipMenu
+  caption={
+    <span style={{ display: 'inline-block' }} tabIndex="0">
+      <LightbulbIcon size={32} />
+    </span>
+  }
+  menuWidth="300px"
+  positions={['right top', 'right middle', 'right bottom']}
+>
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+</TooltipMenu>;
+```
+
+Меню только сверху выравненное по правому краю `caption`
+
+```jsx harmony
+import { MenuItem } from '@skbkontur/react-ui';
+import LightbulbIcon from '@skbkontur/react-icons/Lightbulb';
+
+<TooltipMenu
+  caption={
+    <span style={{ display: 'inline-block' }} tabIndex="0">
+      <LightbulbIcon size={32} />
+    </span>
+  }
+  menuWidth="300px"
+  positions={['top right']}
+>
+  <MenuItem>Раз</MenuItem>
+  <MenuItem>Два</MenuItem>
+  <MenuItem>Три</MenuItem>
+</TooltipMenu>;
+```

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

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

package/cjs/components/TopBar/TopBar.js

@@ -41,25 +41,25 @@ var _TopBar = require("./TopBar.styles");
 
 
 
-/**
- * __DRAFT__
- *
- * Шапка
- *
- * `Item({children: node, iconOnly: bool, onClick: func})` – кликабельный элемент шапки
- *
- * `Divider()` – разделитель
- *
- * `TopBarStart({children: node})` – контейнер для элементов в начале шапки
- *
- * `TopBarEnd({children: node})` – контейнер для элементов в конце шапки
- *
- * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст
- *
+/**
+ * __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)
+/**
+ * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)
  */var
 TopBar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(TopBar, _React$Component);
 
@@ -236,25 +236,25 @@ TopBar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(
       }
       return item;
     });
-  };return TopBar;}(_react.default.Component);exports.TopBar = TopBar;TopBar.__KONTUR_REACT_UI__ = 'TopBar';TopBar.Divider = _TopBarDivider.TopBarDivider;TopBar.Item = _TopBarButtonItem.TopBarButtonItem;TopBar.Dropdown = _TopBarDropdown.TopBarDropdown;TopBar.OrganizationsDropdown = _TopBarOrganizations.TopBarOrganizations;TopBar.Start = _TopBarStart.TopBarStart;TopBar.End = _TopBarEnd.TopBarEnd;TopBar.ItemStatic = _TopBarItem.TopBarItem;TopBar.User = _TopBarUser.TopBarUser;TopBar.Logout = _TopBarLogout.TopBarLogout;TopBar.defaultProps = { maxWidth: 1166, rightItems: [] };TopBar.propTypes = { /**
-   * URL для кастомизации ссылок в меню пользователя
-   */cabinetUrl: _propTypes.default.string, children: _propTypes.default.node, /**
-   * Цвет логотипа
-   */color: _propTypes.default.string, leftItems: _propTypes.default.arrayOf(_propTypes.default.element), /**
-   * Компонент используемый для рендеринга ссылки.
-   * Нужно переопределить если вы хотите подставить ссылку для роутера
-   */logoComponent: _propTypes.default.any, logoHref: _propTypes.default.string, /**
-   * Максимальная ширина контейнера в шапке
-   */maxWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), /**
-   * Отключает отступ снизу
-   */noMargin: _propTypes.default.bool, /**
-   * Отключает тень
-   */noShadow: _propTypes.default.bool, /**
-   * Отключает виджет
-   */noWidget: _propTypes.default.bool, rightItems: _propTypes.default.arrayOf(_propTypes.default.element), /**
-   * Суффикс логотипа
-   */suffix: _propTypes.default.string, /**
-   * Имя пользователя
-   */userName: _propTypes.default.node, /**
-   * Функция выхода
+  };return TopBar;}(_react.default.Component);exports.TopBar = TopBar;TopBar.__KONTUR_REACT_UI__ = 'TopBar';TopBar.Divider = _TopBarDivider.TopBarDivider;TopBar.Item = _TopBarButtonItem.TopBarButtonItem;TopBar.Dropdown = _TopBarDropdown.TopBarDropdown;TopBar.OrganizationsDropdown = _TopBarOrganizations.TopBarOrganizations;TopBar.Start = _TopBarStart.TopBarStart;TopBar.End = _TopBarEnd.TopBarEnd;TopBar.ItemStatic = _TopBarItem.TopBarItem;TopBar.User = _TopBarUser.TopBarUser;TopBar.Logout = _TopBarLogout.TopBarLogout;TopBar.defaultProps = { maxWidth: 1166, rightItems: [] };TopBar.propTypes = { /**
+   * URL для кастомизации ссылок в меню пользователя
+   */cabinetUrl: _propTypes.default.string, children: _propTypes.default.node, /**
+   * Цвет логотипа
+   */color: _propTypes.default.string, leftItems: _propTypes.default.arrayOf(_propTypes.default.element), /**
+   * Компонент используемый для рендеринга ссылки.
+   * Нужно переопределить если вы хотите подставить ссылку для роутера
+   */logoComponent: _propTypes.default.any, logoHref: _propTypes.default.string, /**
+   * Максимальная ширина контейнера в шапке
+   */maxWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), /**
+   * Отключает отступ снизу
+   */noMargin: _propTypes.default.bool, /**
+   * Отключает тень
+   */noShadow: _propTypes.default.bool, /**
+   * Отключает виджет
+   */noWidget: _propTypes.default.bool, rightItems: _propTypes.default.arrayOf(_propTypes.default.element), /**
+   * Суффикс логотипа
+   */suffix: _propTypes.default.string, /**
+   * Имя пользователя
+   */userName: _propTypes.default.node, /**
+   * Функция выхода
    */onLogout: _propTypes.default.func };

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

@@ -1 +1 @@
-{"version":3,"sources":["TopBar.tsx"],"names":["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","jsStyles","root","center","containerWrap","container","startItems","_renderItems","endItems","items","map","item","i","key","React","cloneElement","Component","__KONTUR_REACT_UI__","Divider","TopBarDivider","Item","TopBarButtonItem","Dropdown","TopBarDropdown","OrganizationsDropdown","TopBarOrganizations","Start","TopBarStart","End","TopBarEnd","ItemStatic","TopBarItem","User","TopBarUser","Logout","TopBarLogout","propTypes","PropTypes","string","node","arrayOf","element","any","oneOfType","number","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport warning from 'warning';\r\nimport cn from 'classnames';\r\n\r\nimport { Logotype } from '../Logotype';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\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 extends CommonProps {\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      <CommonWrapper {...this.props}>\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      </CommonWrapper>\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"]}
+{"version":3,"sources":["TopBar.tsx"],"names":["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","jsStyles","root","center","containerWrap","container","startItems","_renderItems","endItems","items","map","item","i","key","React","cloneElement","Component","__KONTUR_REACT_UI__","Divider","TopBarDivider","Item","TopBarButtonItem","Dropdown","TopBarDropdown","OrganizationsDropdown","TopBarOrganizations","Start","TopBarStart","End","TopBarEnd","ItemStatic","TopBarItem","User","TopBarUser","Logout","TopBarLogout","propTypes","PropTypes","string","node","arrayOf","element","any","oneOfType","number","bool","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport warning from 'warning';\nimport cn from 'classnames';\n\nimport { Logotype } from '../Logotype';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { TopBarButtonItem } from './TopBarButtonItem';\nimport { TopBarDivider } from './TopBarDivider';\nimport { TopBarItem } from './TopBarItem';\nimport { TopBarOrganizations } from './TopBarOrganizations';\nimport { TopBarDropdown } from './TopBarDropdown';\nimport { TopBarUser } from './TopBarUser';\nimport { TopBarEnd } from './TopBarEnd';\nimport { TopBarStart } from './TopBarStart';\nimport { TopBarLogout } from './TopBarLogout';\nimport { jsStyles } from './TopBar.styles';\n\nexport interface TopBarProps extends CommonProps {\n  children?: React.ReactNode;\n  color?: string;\n  cabinetUrl?: string;\n  leftItems?: Array<React.ReactElement<any>>;\n  logoComponent?: React.ComponentType<any> | string;\n  logoHref?: string;\n  maxWidth?: string | number;\n  noMargin?: boolean;\n  noShadow?: boolean;\n  noWidget?: boolean;\n  onLogout?: () => void;\n  rightItems?: Array<React.ReactElement<any>>;\n  suffix?: string;\n  userName?: string;\n}\n\nexport interface TopBarDefaultProps {\n  maxWidth: string | number;\n  rightItems: Array<React.ReactElement<any>>;\n}\n\n/**\n * __DRAFT__\n *\n * Шапка\n *\n * `Item({children: node, iconOnly: bool, onClick: func})` – кликабельный элемент шапки\n *\n * `Divider()` – разделитель\n *\n * `TopBarStart({children: node})` – контейнер для элементов в начале шапки\n *\n * `TopBarEnd({children: node})` – контейнер для элементов в конце шапки\n *\n * `Logout({children?: node})` – обёртка над `Item`. По умолчанию выводит локализованный текст\n *\n */\n\n/**\n * @deprecated Контур-специфичный компонент, будет удален в 3.0.0, перенесен в `@skbkontur/react-ui-addons` смотри [миграцию](https://github.com/skbkontur/retail-ui/blob/master/packages/react-ui/MIGRATION.md)\n */\nexport class TopBar extends React.Component<TopBarProps> {\n  public static __KONTUR_REACT_UI__ = 'TopBar';\n\n  public static Divider = TopBarDivider;\n  public static Item = TopBarButtonItem;\n  public static Dropdown = TopBarDropdown;\n  public static OrganizationsDropdown = TopBarOrganizations;\n  public static Start = TopBarStart;\n  public static End = TopBarEnd;\n  public static ItemStatic = TopBarItem;\n  public static User = TopBarUser;\n  public static Logout = TopBarLogout;\n\n  public static defaultProps: TopBarDefaultProps = {\n    maxWidth: 1166,\n    rightItems: [],\n  };\n\n  public static propTypes = {\n    /**\n     * URL для кастомизации ссылок в меню пользователя\n     */\n    cabinetUrl: PropTypes.string,\n\n    children: PropTypes.node,\n\n    /**\n     * Цвет логотипа\n     */\n    color: PropTypes.string,\n\n    leftItems: PropTypes.arrayOf(PropTypes.element),\n\n    /**\n     * Компонент используемый для рендеринга ссылки.\n     * Нужно переопределить если вы хотите подставить ссылку для роутера\n     */\n    logoComponent: PropTypes.any,\n\n    logoHref: PropTypes.string,\n\n    /**\n     * Максимальная ширина контейнера в шапке\n     */\n    maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    /**\n     * Отключает отступ снизу\n     */\n    noMargin: PropTypes.bool,\n\n    /**\n     * Отключает тень\n     */\n    noShadow: PropTypes.bool,\n\n    /**\n     * Отключает виджет\n     */\n    noWidget: PropTypes.bool,\n\n    rightItems: PropTypes.arrayOf(PropTypes.element),\n\n    /**\n     * Суффикс логотипа\n     */\n    suffix: PropTypes.string,\n\n    /**\n     * Имя пользователя\n     */\n    userName: PropTypes.node,\n\n    /**\n     * Функция выхода\n     */\n    onLogout: PropTypes.func,\n  };\n\n  private theme!: Theme;\n\n  public constructor(props: TopBarProps) {\n    super(props);\n    warning(\n      false,\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)`,\n    );\n  }\n\n  public render(): JSX.Element {\n    return (\n      <ThemeContext.Consumer>\n        {theme => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      children,\n      leftItems,\n      cabinetUrl,\n      maxWidth,\n      noShadow,\n      noMargin,\n      userName,\n      onLogout,\n      rightItems = TopBar.defaultProps.rightItems,\n    } = this.props;\n\n    const _rightItems: Array<React.ReactElement<any>> = [...rightItems];\n\n    if (userName) {\n      _rightItems.push(<TopBarUser userName={userName} cabinetUrl={cabinetUrl} />, <TopBarDivider />);\n    }\n\n    if (onLogout) {\n      _rightItems.push(<TopBarLogout onClick={onLogout} />);\n    }\n\n    const logoProps = {\n      suffix: this.props.suffix,\n      color: this.props.color,\n      href: this.props.logoHref,\n      logoComponent: this.props.logoComponent,\n      withWidget: !this.props.noWidget,\n    };\n\n    return (\n      <CommonWrapper {...this.props}>\n        <div\n          className={cn({\n            [jsStyles.root(this.theme)]: true,\n            [jsStyles.noShadow()]: !!noShadow,\n            [jsStyles.noMargin()]: !!noMargin,\n          })}\n        >\n          <div className={jsStyles.center()} style={{ maxWidth }}>\n            <div className={jsStyles.containerWrap()}>\n              {children ? (\n                <div className={jsStyles.container()}>{children}</div>\n              ) : (\n                <div className={jsStyles.container()}>\n                  <div className={jsStyles.startItems()}>\n                    <TopBarItem>\n                      <Logotype {...logoProps} />\n                    </TopBarItem>\n                    {this._renderItems(leftItems)}\n                  </div>\n                  <div className={jsStyles.endItems()}>{this._renderItems(_rightItems)}</div>\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private _renderItems(items?: Array<React.ReactElement<any>>) {\n    if (!items) {\n      return null;\n    }\n\n    return items.map((item, i) => {\n      if (item && !item.key) {\n        return React.cloneElement(item, {\n          key: '$topbar_' + i,\n        });\n      }\n      return item;\n    });\n  }\n}\n"]}

package/cjs/components/TopBar/TopBar.md

@@ -1,111 +1,111 @@
-### Использование
-
-Рекомендуемое
-
-```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',
-};
-```
+### Использование
+
+Рекомендуемое
+
+```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',
+};
+```