@skbkontur/react-ui 2.17.3 → 2.17.4-source-maps.1

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

@@ -1 +1 @@
-{"version":3,"sources":["TooltipMenu.tsx"],"names":["React","ThemeFactory","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","TooltipMenu","props","caption","Error","render","theme","create","popupPinOffset","tooltipMenuPinOffset","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","menuMaxHeight","menuWidth","header","footer","positions","disableAnimations","children","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0C,0BAA1C;;AAEA,SAASC,eAAT,EAA0BC,SAA1B,QAA2C,8BAA3C;;;AAGA,SAAsBC,aAAtB,QAA2C,8BAA3C;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAaC,WAAb;;;;;;AAME,uBAAYC,KAAZ,EAAqC;AACnC,wCAAMA,KAAN;;AAEA,QAAI,CAACA,KAAK,CAACC,OAAP,IAAkB,CAACL,eAAvB,EAAwC;AACtC,YAAM,IAAIM,KAAJ,CAAU,+BAAV,CAAN;AACD,KALkC;AAMpC,GAZH;;AAcSC,EAAAA,MAdT,GAcE,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAAAC,KAAK,EAAI;AACR;AACE,8BAAC,YAAD,CAAc,QAAd;AACE,YAAA,KAAK,EAAEX,YAAY,CAACY,MAAb;AACL;AACEC,cAAAA,cAAc,EAAEF,KAAK,CAACG,oBADxB;AAEEC,cAAAA,WAAW,EAAEJ,KAAK,CAACK,iBAFrB;AAGEC,cAAAA,YAAY,EAAEN,KAAK,CAACO,kBAHtB,EADK;;AAMLP,YAAAA,KANK,CADT;;;AAUG,UAAA,MAAI,CAACQ,UAAL,EAVH,CADF;;;AAcD,OAhBH,CADF;;;AAoBD,GAnCH;;AAqCSA,EAAAA,UArCT,GAqCE,sBAAoB;AAClB,QAAI,CAAC,KAAKZ,KAAL,CAAWC,OAAhB,EAAyB;AACvB,aAAO,IAAP;AACD;;AAED;AACE,0BAAC,aAAD,EAAmB,KAAKD,KAAxB;AACE,0BAAC,SAAD;AACE,QAAA,aAAa,EAAE,KAAKA,KAAL,CAAWa,aAD5B;AAEE,QAAA,SAAS,EAAE,KAAKb,KAAL,CAAWc,SAFxB;AAGE,QAAA,OAAO,EAAE,KAAKd,KAAL,CAAWC,OAHtB;AAIE,QAAA,MAAM,EAAE,KAAKD,KAAL,CAAWe,MAJrB;AAKE,QAAA,MAAM,EAAE,KAAKf,KAAL,CAAWgB,MALrB;AAME,QAAA,SAAS,EAAE,KAAKhB,KAAL,CAAWiB,SANxB;AAOE,QAAA,WAAW,EAAE,IAPf;AAQE,QAAA,iBAAiB,EAAE,KAAKjB,KAAL,CAAWkB,iBARhC;;AAUG,WAAKlB,KAAL,CAAWmB,QAVd,CADF,CADF;;;;AAgBD,GA1DH,sBAAiC3B,KAAK,CAAC4B,SAAvC,EAAarB,W,CACGsB,mB,GAAsB,a,CADzBtB,W,CAGGuB,Y,GAAe,EAC3BJ,iBAAiB,EAAErB,SADQ,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":["React","ThemeFactory","ThemeContext","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","TooltipMenu","props","caption","Error","render","theme","create","popupPinOffset","tooltipMenuPinOffset","popupMargin","tooltipMenuMargin","popupPinSize","tooltipMenuPinSize","renderMain","menuMaxHeight","menuWidth","header","footer","positions","disableAnimations","children","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,SAAT,QAA0C,0BAA1C;;AAEA,SAASC,eAAT,EAA0BC,SAA1B,QAA2C,8BAA3C;;;AAGA,SAAsBC,aAAtB,QAA2C,8BAA3C;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAaC,WAAb;;;;;;AAME,uBAAYC,KAAZ,EAAqC;AACnC,wCAAMA,KAAN;;AAEA,QAAI,CAACA,KAAK,CAACC,OAAP,IAAkB,CAACL,eAAvB,EAAwC;AACtC,YAAM,IAAIM,KAAJ,CAAU,+BAAV,CAAN;AACD,KALkC;AAMpC,GAZH;;AAcSC,EAAAA,MAdT,GAcE,kBAAgB;AACd;AACE,0BAAC,YAAD,CAAc,QAAd;AACG,gBAAAC,KAAK,EAAI;AACR;AACE,8BAAC,YAAD,CAAc,QAAd;AACE,YAAA,KAAK,EAAEX,YAAY,CAACY,MAAb;AACL;AACEC,cAAAA,cAAc,EAAEF,KAAK,CAACG,oBADxB;AAEEC,cAAAA,WAAW,EAAEJ,KAAK,CAACK,iBAFrB;AAGEC,cAAAA,YAAY,EAAEN,KAAK,CAACO,kBAHtB,EADK;;AAMLP,YAAAA,KANK,CADT;;;AAUG,UAAA,MAAI,CAACQ,UAAL,EAVH,CADF;;;AAcD,OAhBH,CADF;;;AAoBD,GAnCH;;AAqCSA,EAAAA,UArCT,GAqCE,sBAAoB;AAClB,QAAI,CAAC,KAAKZ,KAAL,CAAWC,OAAhB,EAAyB;AACvB,aAAO,IAAP;AACD;;AAED;AACE,0BAAC,aAAD,EAAmB,KAAKD,KAAxB;AACE,0BAAC,SAAD;AACE,QAAA,aAAa,EAAE,KAAKA,KAAL,CAAWa,aAD5B;AAEE,QAAA,SAAS,EAAE,KAAKb,KAAL,CAAWc,SAFxB;AAGE,QAAA,OAAO,EAAE,KAAKd,KAAL,CAAWC,OAHtB;AAIE,QAAA,MAAM,EAAE,KAAKD,KAAL,CAAWe,MAJrB;AAKE,QAAA,MAAM,EAAE,KAAKf,KAAL,CAAWgB,MALrB;AAME,QAAA,SAAS,EAAE,KAAKhB,KAAL,CAAWiB,SANxB;AAOE,QAAA,WAAW,EAAE,IAPf;AAQE,QAAA,iBAAiB,EAAE,KAAKjB,KAAL,CAAWkB,iBARhC;;AAUG,WAAKlB,KAAL,CAAWmB,QAVd,CADF,CADF;;;;AAgBD,GA1DH,sBAAiC3B,KAAK,CAAC4B,SAAvC,EAAarB,W,CACGsB,mB,GAAsB,a,CADzBtB,W,CAGGuB,Y,GAAe,EAC3BJ,iBAAiB,EAAErB,SADQ,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/components/TooltipMenu/TooltipMenu.d.ts

@@ -1,46 +1,46 @@
-import React from 'react';
-import { PopupMenuProps } from '../../internal/PopupMenu';
-import { MenuItemProps } from '../MenuItem';
-import { MenuHeaderProps } from '../MenuHeader';
-import { PopupPosition } from '../../internal/Popup';
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare type TooltipMenuChildType = React.ReactElement<MenuItemProps | {} | MenuHeaderProps>;
-export interface TooltipMenuProps extends CommonProps {
-    children?: TooltipMenuChildType | TooltipMenuChildType[];
-    /** Максимальная высота меню */
-    menuMaxHeight?: number | string;
-    /** Ширина меню */
-    menuWidth?: number | string;
-    /**
-     * Элемент или функция возвращающая элемент,
-     * если передана, используется вместо ```caption```,
-     * в таком случае управлять открытием и закрытием меню
-     * придется в этой функции
-     */
-    caption: PopupMenuProps['caption'];
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    /**  Массив разрешенных положений меню относительно caption'а. */
-    positions?: PopupPosition[];
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations: boolean;
-}
-/**
- * Меню, раскрывающееся по клику на переданный в ```caption``` элемент.
- * Положение зависит от переданного массива ```positions``` и работает так:
- * первое значаение в массиве - дефолтная позиция, меню раскрывается так, если ничего не мешает ему раскрыться,
- * если раскрыться в данной позиции не получается - берется следующие значение, и так далее.
- * Если меню должно раскрываться только в одну сторону - передаем в ```positions``` массив с одним элементом.
- * Если ```positions``` передан или передан пустой массив, используются все возможные положения.
- */
-export declare class TooltipMenu extends React.Component<TooltipMenuProps> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        disableAnimations: boolean;
-    };
-    constructor(props: TooltipMenuProps);
-    render(): JSX.Element;
-    renderMain(): JSX.Element | null;
-}
+import React from 'react';
+import { PopupMenuProps } from '../../internal/PopupMenu';
+import { MenuItemProps } from '../MenuItem';
+import { MenuHeaderProps } from '../MenuHeader';
+import { PopupPosition } from '../../internal/Popup';
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare type TooltipMenuChildType = React.ReactElement<MenuItemProps | {} | MenuHeaderProps>;
+export interface TooltipMenuProps extends CommonProps {
+    children?: TooltipMenuChildType | TooltipMenuChildType[];
+    /** Максимальная высота меню */
+    menuMaxHeight?: number | string;
+    /** Ширина меню */
+    menuWidth?: number | string;
+    /**
+     * Элемент или функция возвращающая элемент,
+     * если передана, используется вместо ```caption```,
+     * в таком случае управлять открытием и закрытием меню
+     * придется в этой функции
+     */
+    caption: PopupMenuProps['caption'];
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    /**  Массив разрешенных положений меню относительно caption'а. */
+    positions?: PopupPosition[];
+    /**
+     * Не показывать анимацию
+     */
+    disableAnimations: boolean;
+}
+/**
+ * Меню, раскрывающееся по клику на переданный в ```caption``` элемент.
+ * Положение зависит от переданного массива ```positions``` и работает так:
+ * первое значаение в массиве - дефолтная позиция, меню раскрывается так, если ничего не мешает ему раскрыться,
+ * если раскрыться в данной позиции не получается - берется следующие значение, и так далее.
+ * Если меню должно раскрываться только в одну сторону - передаем в ```positions``` массив с одним элементом.
+ * Если ```positions``` передан или передан пустой массив, используются все возможные положения.
+ */
+export declare class TooltipMenu extends React.Component<TooltipMenuProps> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        disableAnimations: boolean;
+    };
+    constructor(props: TooltipMenuProps);
+    render(): JSX.Element;
+    renderMain(): JSX.Element | null;
+}

package/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/components/TooltipMenu/index/index.js.map

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

package/components/TooltipMenu/index.d.ts

@@ -1 +1 @@
-export * from './TooltipMenu';
+export * from './TooltipMenu';

package/components/TopBar/TopBar/TopBar.js

@@ -16,25 +16,25 @@ 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`. По умолчанию выводит локализованный текст
- *
+/**
+ * __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)
  */
 
 export var TopBar = /*#__PURE__*/function (_React$Component) {
@@ -150,58 +150,58 @@ TopBar.defaultProps = {
   rightItems: []
 };
 TopBar.propTypes = {
-  /**
-  * URL для кастомизации ссылок в меню пользователя
+  /**
+  * 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 +1 @@
-{"version":3,"sources":["TopBar.tsx"],"names":["React","PropTypes","warning","cn","Logotype","ThemeContext","CommonWrapper","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":"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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":["React","PropTypes","warning","cn","Logotype","ThemeContext","CommonWrapper","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":"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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"]}