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

package/components/Dropdown/Dropdown/Dropdown.js

@@ -1,12 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["caption", "icon"];
+
+var _class, _class2, _temp;
+
 import React from 'react';
 import PropTypes from 'prop-types';
-import { filterProps } from "..\\..\\..\\lib\\filterProps";
-import { MenuHeader } from "..\\..\\MenuHeader";
-import { MenuItem } from "..\\..\\MenuItem";
-import { MenuSeparator } from "..\\..\\MenuSeparator";
-import { Select } from "..\\..\\Select";
+import { filterProps } from "../../../lib/filterProps";
+import { MenuHeader } from "../../MenuHeader";
+import { MenuItem } from "../../MenuItem";
+import { MenuSeparator } from "../../MenuSeparator";
+import { Select } from "../../Select";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
 var PASS_PROPS = {
   _renderButton: true,
   error: true,
@@ -23,17 +30,14 @@ var PASS_PROPS = {
   onClose: true,
   onMouseEnter: true,
   onMouseLeave: true,
-  onMouseOver: true,
-  diadocLinkIcon: true // @deprecated TODO remove in 3.0.
-
+  onMouseOver: true
 };
-/**
-    * Выпадающее меню.
-    */
-
-export var Dropdown =
-/*#__PURE__*/
-function (_React$Component) {
+export
+/**
+* Выпадающее меню.
+*
+*/
+var Dropdown = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Dropdown, _React$Component);
 
   function Dropdown() {
@@ -44,7 +48,24 @@ function (_React$Component) {
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this._select = void 0;
+
+    _this.renderMain = function (_ref) {
+      var caption = _ref.caption,
+          icon = _ref.icon,
+          props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+      var items = React.Children.map(_this.props.children, function (item) {
+        return item;
+      }) || [];
+      return /*#__PURE__*/React.createElement(Select, _extends({
+        ref: _this._refSelect
+      }, filterProps(props, PASS_PROPS), {
+        value: caption,
+        items: items,
+        _icon: icon,
+        renderValue: renderValue
+      }));
+    };
 
     _this._refSelect = function (element) {
       _this._select = element;
@@ -56,31 +77,23 @@ function (_React$Component) {
   var _proto = Dropdown.prototype;
 
   _proto.render = function render() {
-    var items = React.Children.map(this.props.children, function (item) {
-      return item;
-    });
-    return React.createElement(Select, _extends({
-      ref: this._refSelect
-    }, filterProps(this.props, PASS_PROPS), {
-      value: this.props.caption,
-      items: items,
-      _icon: this.props.icon,
-      renderValue: renderValue
-    }));
-  }
-  /**
-   * @public
-   */
-  ;
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), this.renderMain);
+  };
+  /**
+  * @public
+  */
+
 
   _proto.open = function open() {
     if (this._select) {
       this._select.open();
     }
   }
-  /**
-   * @public
-   */
+  /**
+  * @public
+  */
   ;
 
   _proto.close = function close() {
@@ -90,65 +103,60 @@ function (_React$Component) {
   };
 
   return Dropdown;
-}(React.Component);
-Dropdown.__KONTUR_REACT_UI__ = 'Dropdown';
-Dropdown.Header = MenuHeader;
-Dropdown.MenuItem = MenuItem;
-Dropdown.Separator = MenuSeparator;
-Dropdown.propTypes = {
-  /**
-   * Подпись на кнопке.
-   */
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'Dropdown', _class2.Header = MenuHeader, _class2.MenuItem = MenuItem, _class2.Separator = MenuSeparator, _class2.propTypes = {
+  /**
+  * Подпись на кнопке.
+  */
   caption: PropTypes.node.isRequired,
 
-  /**
-   * Отключает использование портала
-   */
+  /**
+  * Отключает использование портала
+  */
   disablePortal: PropTypes.bool,
 
-  /**
-   * Визуально отключает Dropdown
-   */
+  /**
+  * Визуально отключает Dropdown
+  */
   disabled: PropTypes.bool,
 
-  /**
-   * Визуально показать наличие ошибки.
-   */
+  /**
+  * Визуально показать наличие ошибки.
+  */
   error: PropTypes.bool,
 
-  /**
-   * Иконка слева от текста кнопки
-   */
+  /**
+  * Иконка слева от текста кнопки
+  */
   icon: PropTypes.node,
   maxMenuHeight: PropTypes.number,
   menuAlign: PropTypes.oneOf(['left', 'right']),
   menuWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   size: PropTypes.oneOf(['small', 'medium', 'large']),
 
-  /**
-   * Смотри Button.
-   */
+  /**
+  * Смотри Button.
+  */
   use: PropTypes.any,
 
-  /**
-   * Визуально показать наличие предупреждения.
-   */
+  /**
+  * Визуально показать наличие предупреждения.
+  */
   warning: PropTypes.bool,
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
-  /**
-   * Вызывается при закрытии меню.
-   */
+  /**
+  * Вызывается при закрытии меню.
+  */
   onClose: PropTypes.func,
   onMouseEnter: PropTypes.func,
   onMouseLeave: PropTypes.func,
   onMouseOver: PropTypes.func,
 
-  /**
-   * Вызывается при открытии меню.
-   */
+  /**
+  * Вызывается при открытии меню.
+  */
   onOpen: PropTypes.func
-};
+}, _temp)) || _class;
 
 function renderValue(value) {
   return value;

package/components/Dropdown/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Dropdown.tsx"],"names":["React","PropTypes","filterProps","MenuHeader","MenuItem","MenuSeparator","Select","PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","diadocLinkIcon","Dropdown","_select","_refSelect","element","render","items","Children","map","props","children","item","caption","icon","renderValue","open","close","Component","__KONTUR_REACT_UI__","Header","Separator","propTypes","node","isRequired","bool","number","oneOf","oneOfType","string","any","func","value"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { filterProps } from '../../lib/filterProps';\r\nimport { MenuHeader } from '../MenuHeader';\r\nimport { MenuItem } from '../MenuItem';\r\nimport { MenuSeparator } from '../MenuSeparator';\r\nimport { Select } from '../Select';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ButtonSize, ButtonUse } from '../Button';\r\n\r\nconst PASS_PROPS = {\r\n  _renderButton: true,\r\n  error: true,\r\n  disabled: true,\r\n  disablePortal: true,\r\n  menuAlign: true,\r\n  menuWidth: true,\r\n  maxMenuHeight: true,\r\n  use: true,\r\n  size: true,\r\n  warning: true,\r\n  width: true,\r\n  onOpen: true,\r\n  onClose: true,\r\n  onMouseEnter: true,\r\n  onMouseLeave: true,\r\n  onMouseOver: true,\r\n\r\n  diadocLinkIcon: true, // @deprecated TODO remove in 3.0.\r\n};\r\n\r\nexport interface DropdownProps {\r\n  /**\r\n   * Подпись на кнопке.\r\n   */\r\n  caption: React.ReactNode;\r\n  /**\r\n   * Иконка слева от текста кнопки\r\n   */\r\n  icon?: React.ReactElement<any>;\r\n  width?: React.CSSProperties['width'];\r\n\r\n  /** @ignore */\r\n  _renderButton?: (params: any) => JSX.Element;\r\n\r\n  /**\r\n   * Отключает использование портала\r\n   */\r\n  disablePortal?: boolean;\r\n\r\n  /**\r\n   * Визуально отключает Dropdown\r\n   */\r\n  disabled?: boolean;\r\n\r\n  /**\r\n   * Визуально показать наличие ошибки.\r\n   */\r\n  error?: boolean;\r\n  /**\r\n   * Визуально показать наличие предупреждения.\r\n   */\r\n  warning?: boolean;\r\n  maxMenuHeight?: number;\r\n  menuAlign?: 'left' | 'right';\r\n  menuWidth?: number | string;\r\n  size?: ButtonSize;\r\n\r\n  /**\r\n   * Смотри Button.\r\n   */\r\n  use?: ButtonUse;\r\n\r\n  /**\r\n   * Вызывается при закрытии меню.\r\n   */\r\n  onClose?: () => void;\r\n  /**\r\n   * Вызывается при открытии меню.\r\n   */\r\n  onOpen?: () => void;\r\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;\r\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;\r\n  onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;\r\n}\r\n\r\ntype DropdownSelectType = Select<React.ReactNode, React.ReactNode>;\r\n\r\n/**\r\n * Выпадающее меню.\r\n */\r\nexport class Dropdown extends React.Component<DropdownProps> {\r\n  public static __KONTUR_REACT_UI__ = 'Dropdown';\r\n\r\n  public static Header = MenuHeader;\r\n  public static MenuItem = MenuItem;\r\n  public static Separator = MenuSeparator;\r\n\r\n  public static propTypes = {\r\n    /**\r\n     * Подпись на кнопке.\r\n     */\r\n    caption: PropTypes.node.isRequired,\r\n\r\n    /**\r\n     * Отключает использование портала\r\n     */\r\n    disablePortal: PropTypes.bool,\r\n\r\n    /**\r\n     * Визуально отключает Dropdown\r\n     */\r\n    disabled: PropTypes.bool,\r\n\r\n    /**\r\n     * Визуально показать наличие ошибки.\r\n     */\r\n    error: PropTypes.bool,\r\n\r\n    /**\r\n     * Иконка слева от текста кнопки\r\n     */\r\n    icon: PropTypes.node,\r\n\r\n    maxMenuHeight: PropTypes.number,\r\n\r\n    menuAlign: PropTypes.oneOf(['left', 'right']),\r\n\r\n    menuWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n    size: PropTypes.oneOf(['small', 'medium', 'large']),\r\n\r\n    /**\r\n     * Смотри Button.\r\n     */\r\n    use: PropTypes.any,\r\n\r\n    /**\r\n     * Визуально показать наличие предупреждения.\r\n     */\r\n    warning: PropTypes.bool,\r\n\r\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n\r\n    /**\r\n     * Вызывается при закрытии меню.\r\n     */\r\n    onClose: PropTypes.func,\r\n\r\n    onMouseEnter: PropTypes.func,\r\n\r\n    onMouseLeave: PropTypes.func,\r\n\r\n    onMouseOver: PropTypes.func,\r\n\r\n    /**\r\n     * Вызывается при открытии меню.\r\n     */\r\n    onOpen: PropTypes.func,\r\n  };\r\n\r\n  private _select: Nullable<DropdownSelectType>;\r\n\r\n  public render() {\r\n    const items = React.Children.map(this.props.children, item => item);\r\n\r\n    return (\r\n      <Select<React.ReactNode, React.ReactNode>\r\n        ref={this._refSelect}\r\n        {...filterProps(this.props, PASS_PROPS)}\r\n        value={this.props.caption}\r\n        items={items}\r\n        _icon={this.props.icon}\r\n        renderValue={renderValue}\r\n      />\r\n    );\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public open() {\r\n    if (this._select) {\r\n      this._select.open();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public close() {\r\n    if (this._select) {\r\n      this._select.close();\r\n    }\r\n  }\r\n\r\n  private _refSelect = (element: DropdownSelectType): void => {\r\n    this._select = element;\r\n  };\r\n}\r\n\r\nfunction renderValue(value: any) {\r\n  return value;\r\n}\r\n"]}
+{"version":3,"sources":["Dropdown.tsx"],"names":["React","PropTypes","filterProps","MenuHeader","MenuItem","MenuSeparator","Select","CommonWrapper","rootNode","PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","Dropdown","renderMain","caption","icon","props","items","Children","map","children","item","_refSelect","renderValue","element","_select","render","setRootNode","open","close","Component","__KONTUR_REACT_UI__","Header","Separator","propTypes","node","isRequired","bool","number","oneOf","oneOfType","string","any","func","value"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { filterProps } from '../../lib/filterProps';\nimport { MenuHeader } from '../MenuHeader';\nimport { MenuItem } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { Select } from '../Select';\nimport { Nullable } from '../../typings/utility-types';\nimport { ButtonSize, ButtonUse } from '../Button';\nimport { CommonWrapper, CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nconst PASS_PROPS = {\n  _renderButton: true,\n  error: true,\n  disabled: true,\n  disablePortal: true,\n  menuAlign: true,\n  menuWidth: true,\n  maxMenuHeight: true,\n  use: true,\n  size: true,\n  warning: true,\n  width: true,\n  onOpen: true,\n  onClose: true,\n  onMouseEnter: true,\n  onMouseLeave: true,\n  onMouseOver: true,\n};\n\nexport interface DropdownProps extends CommonProps {\n  /**\n   * Подпись на кнопке.\n   */\n  caption: React.ReactNode;\n  /**\n   * Иконка слева от текста кнопки\n   */\n  icon?: React.ReactElement<any>;\n  width?: React.CSSProperties['width'];\n\n  /** @ignore */\n  _renderButton?: (params: any) => JSX.Element;\n\n  /**\n   * Отключает использование портала\n   */\n  disablePortal?: boolean;\n\n  /**\n   * Визуально отключает Dropdown\n   */\n  disabled?: boolean;\n\n  /**\n   * Cостояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Cостояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  maxMenuHeight?: number;\n  menuAlign?: 'left' | 'right';\n  menuWidth?: number | string;\n  size?: ButtonSize;\n\n  /**\n   * Смотри Button.\n   */\n  use?: ButtonUse;\n\n  /**\n   * Вызывается при закрытии меню.\n   */\n  onClose?: () => void;\n  /**\n   * Вызывается при открытии меню.\n   */\n  onOpen?: () => void;\n  onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;\n  onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;\n  onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;\n}\n\ntype DropdownSelectType = Select<React.ReactNode, React.ReactNode>;\n\n/**\n * Выпадающее меню.\n *\n */\n@rootNode\nexport class Dropdown extends React.Component<DropdownProps> {\n  public static __KONTUR_REACT_UI__ = 'Dropdown';\n\n  public static Header = MenuHeader;\n  public static MenuItem = MenuItem;\n  public static Separator = MenuSeparator;\n\n  public static propTypes = {\n    /**\n     * Подпись на кнопке.\n     */\n    caption: PropTypes.node.isRequired,\n\n    /**\n     * Отключает использование портала\n     */\n    disablePortal: PropTypes.bool,\n\n    /**\n     * Визуально отключает Dropdown\n     */\n    disabled: PropTypes.bool,\n\n    /**\n     * Визуально показать наличие ошибки.\n     */\n    error: PropTypes.bool,\n\n    /**\n     * Иконка слева от текста кнопки\n     */\n    icon: PropTypes.node,\n\n    maxMenuHeight: PropTypes.number,\n\n    menuAlign: PropTypes.oneOf(['left', 'right']),\n\n    menuWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n    /**\n     * Смотри Button.\n     */\n    use: PropTypes.any,\n\n    /**\n     * Визуально показать наличие предупреждения.\n     */\n    warning: PropTypes.bool,\n\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n\n    /**\n     * Вызывается при закрытии меню.\n     */\n    onClose: PropTypes.func,\n\n    onMouseEnter: PropTypes.func,\n\n    onMouseLeave: PropTypes.func,\n\n    onMouseOver: PropTypes.func,\n\n    /**\n     * Вызывается при открытии меню.\n     */\n    onOpen: PropTypes.func,\n  };\n\n  private _select: Nullable<DropdownSelectType>;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n\n  public renderMain = ({ caption, icon, ...props }: CommonWrapperRestProps<DropdownProps>) => {\n    const items = React.Children.map(this.props.children, (item) => item) || [];\n\n    return (\n      <Select<React.ReactNode, React.ReactNode>\n        ref={this._refSelect}\n        {...filterProps(props, PASS_PROPS)}\n        value={caption}\n        items={items}\n        _icon={icon}\n        renderValue={renderValue}\n      />\n    );\n  };\n\n  /**\n   * @public\n   */\n  public open() {\n    if (this._select) {\n      this._select.open();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public close() {\n    if (this._select) {\n      this._select.close();\n    }\n  }\n\n  private _refSelect = (element: DropdownSelectType): void => {\n    this._select = element;\n  };\n}\n\nfunction renderValue(value: any) {\n  return value;\n}\n"]}

package/components/Dropdown/Dropdown/package.json

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

package/components/Dropdown/Dropdown.d.ts

@@ -4,7 +4,8 @@ import { MenuHeader } from '../MenuHeader';
 import { MenuItem } from '../MenuItem';
 import { MenuSeparator } from '../MenuSeparator';
 import { ButtonSize, ButtonUse } from '../Button';
-export interface DropdownProps {
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+export interface DropdownProps extends CommonProps {
     /**
      * Подпись на кнопке.
      */
@@ -25,11 +26,11 @@ export interface DropdownProps {
      */
     disabled?: boolean;
     /**
-     * Визуально показать наличие ошибки.
+     * Cостояние валидации при ошибке.
      */
     error?: boolean;
     /**
-     * Визуально показать наличие предупреждения.
+     * Cостояние валидации при предупреждении.
      */
     warning?: boolean;
     maxMenuHeight?: number;
@@ -54,6 +55,7 @@ export interface DropdownProps {
 }
 /**
  * Выпадающее меню.
+ *
  */
 export declare class Dropdown extends React.Component<DropdownProps> {
     static __KONTUR_REACT_UI__: string;
@@ -107,7 +109,9 @@ export declare class Dropdown extends React.Component<DropdownProps> {
         onOpen: PropTypes.Requireable<(...args: any[]) => any>;
     };
     private _select;
+    private setRootNode;
     render(): JSX.Element;
+    renderMain: ({ caption, icon, ...props }: CommonWrapperRestProps<DropdownProps>) => JSX.Element;
     /**
      * @public
      */

package/components/Dropdown/Dropdown.md

@@ -1,12 +1,11 @@
-```jsx harmony
-import { Dropdown, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
-
-<Dropdown caption="Click">
-  <MenuItem onClick={() => alert('Clack')}>Clack</MenuItem>
-  <MenuSeparator />
-  <MenuHeader>Here goes the header</MenuHeader>
-  <MenuItem onClick={() => alert('Pow')} comment="With comment.">
-    Pow
-  </MenuItem>
-</Dropdown>;
-```
+```jsx harmony
+import { Dropdown, MenuHeader, MenuItem, MenuSeparator } from '@skbkontur/react-ui';
+<Dropdown caption="Click">
+  <MenuItem onClick={() => alert('Clack')}>Clack</MenuItem>
+  <MenuSeparator />
+  <MenuHeader>Here goes the header</MenuHeader>
+  <MenuItem onClick={() => alert('Pow')} comment="With comment.">
+    Pow
+  </MenuItem>
+</Dropdown>;
+```

package/components/Dropdown/index/index.js

@@ -1 +1 @@
-export * from "..\\Dropdown";
+export * from "../Dropdown";

package/components/Dropdown/index/index.js.map

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

package/components/Dropdown/index/package.json

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

package/components/Dropdown/package.json

@@ -1,5 +1,5 @@
 {
-  "main": "..\\..\\cjs\\components\\Dropdown\\index.js",
+  "main": "../../cjs/components/Dropdown/index.js",
   "module": "index",
   "types": "index.d.ts",
   "sideEffects": false

package/components/DropdownMenu/DropdownMenu/DropdownMenu.js

@@ -1,14 +1,20 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _class, _class2, _temp;
+
 import React from 'react';
-import { PopupMenu } from "..\\..\\..\\internal\\PopupMenu";
-import { isProductionEnv } from "..\\..\\..\\lib\\currentEnvironment";
-/**
-                                                                 * Меню, раскрывающееся по клику на переданный в ```caption``` элемент
-                                                                 */
-
-export var DropdownMenu =
-/*#__PURE__*/
-function (_React$Component) {
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { PopupMenu } from "../../../internal/PopupMenu";
+import { isProductionEnv, isTestEnv } from "../../../lib/currentEnvironment";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
+export
+/**
+* Меню, раскрывающееся по клику на переданный в `caption` элемент
+*/
+var DropdownMenu = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(DropdownMenu, _React$Component);
 
   function DropdownMenu(props) {
@@ -57,29 +63,41 @@ function (_React$Component) {
   var _proto = DropdownMenu.prototype;
 
   _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: ThemeFactory.create({
+          popupMargin: '0px'
+        }, theme)
+      }, _this2.renderMain());
+    });
+  };
+
+  _proto.renderMain = function renderMain() {
     if (!this.props.caption) {
       return null;
     }
 
-    return React.createElement(PopupMenu, {
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(PopupMenu, {
       ref: this.refPopupMenu,
       caption: this.props.caption,
       menuMaxHeight: this.props.menuMaxHeight,
       menuWidth: this.props.menuWidth,
       onChangeMenuState: this.handleChangeMenuState,
       popupHasPin: false,
-      popupMargin: 0,
       positions: this.props.positions,
       disableAnimations: this.props.disableAnimations,
       header: this.props.header,
-      footer: this.props.footer
-    }, this.props.children);
+      footer: this.props.footer,
+      width: this.props.width
+    }, this.props.children));
   };
 
   return DropdownMenu;
-}(React.Component);
-DropdownMenu.__KONTUR_REACT_UI__ = 'DropdownMenu';
-DropdownMenu.defaultProps = {
-  disableAnimations: Boolean(process.env.enableReactTesting),
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'DropdownMenu', _class2.defaultProps = {
+  disableAnimations: isTestEnv,
   positions: ['bottom left', 'bottom right', 'top left', 'top right']
-};
+}, _temp)) || _class;

package/components/DropdownMenu/DropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DropdownMenu.tsx"],"names":["React","PopupMenu","isProductionEnv","DropdownMenu","props","popupMenu","open","close","refPopupMenu","ref","handleChangeMenuState","menuVisible","onOpen","onClose","caption","Error","render","menuMaxHeight","menuWidth","positions","disableAnimations","header","footer","children","Component","__KONTUR_REACT_UI__","defaultProps","Boolean","process","env","enableReactTesting"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,SAAT,QAA0C,0BAA1C;AACA,SAASC,eAAT,QAAgC,8BAAhC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA;;;AAGA,WAAaC,YAAb;;;;;;;;;;AAUE,wBAAYC,KAAZ,EAAsC;AACpC,wCAAMA,KAAN,UADoC,MAF9BC,SAE8B,GAFG,IAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+B/BC,IAAAA,IA/B+B,GA+BxB,YAAY;AACxB,UAAI,MAAKD,SAAT,EAAoB;AAClB,cAAKA,SAAL,CAAeC,IAAf;AACD;AACF,KAnCqC;;AAqC/BC,IAAAA,KArC+B,GAqCvB,YAAY;AACzB,UAAI,MAAKF,SAAT,EAAoB;AAClB,cAAKA,SAAL,CAAeE,KAAf;AACD;AACF,KAzCqC;;AA2C9BC,IAAAA,YA3C8B,GA2Cf,UAACC,GAAD,UAA+B,MAAKJ,SAAL,GAAiBI,GAAhD,EA3Ce;;AA6C9BC,IAAAA,qBA7C8B,GA6CN,UAACC,WAAD,EAA0B;AACxD,UAAIA,WAAW,IAAI,MAAKP,KAAL,CAAWQ,MAA9B,EAAsC;AACpC,cAAKR,KAAL,CAAWQ,MAAX;AACA;AACD;;AAED,UAAI,CAACD,WAAD,IAAgB,MAAKP,KAAL,CAAWS,OAA/B,EAAwC;AACtC,cAAKT,KAAL,CAAWS,OAAX;AACA;AACD;AACF,KAvDqC,CAGpC,IAAI,CAACT,KAAK,CAACU,OAAP,IAAkB,CAACZ,eAAvB,EAAwC,CACtC,MAAM,IAAIa,KAAJ,CAAU,+BAAV,CAAN,CACD,CALmC,aAMrC,CAhBH,2CAkBSC,MAlBT,GAkBE,kBAAgB,CACd,IAAI,CAAC,KAAKZ,KAAL,CAAWU,OAAhB,EAAyB,CACvB,OAAO,IAAP,CACD,CACD,OACE,oBAAC,SAAD,IACE,GAAG,EAAE,KAAKN,YADZ,EAEE,OAAO,EAAE,KAAKJ,KAAL,CAAWU,OAFtB,EAGE,aAAa,EAAE,KAAKV,KAAL,CAAWa,aAH5B,EAIE,SAAS,EAAE,KAAKb,KAAL,CAAWc,SAJxB,EAKE,iBAAiB,EAAE,KAAKR,qBAL1B,EAME,WAAW,EAAE,KANf,EAOE,WAAW,EAAE,CAPf,EAQE,SAAS,EAAE,KAAKN,KAAL,CAAWe,SARxB,EASE,iBAAiB,EAAE,KAAKf,KAAL,CAAWgB,iBAThC,EAUE,MAAM,EAAE,KAAKhB,KAAL,CAAWiB,MAVrB,EAWE,MAAM,EAAE,KAAKjB,KAAL,CAAWkB,MAXrB,IAaG,KAAKlB,KAAL,CAAWmB,QAbd,CADF,CAiBD,CAvCH,uBAAkCvB,KAAK,CAACwB,SAAxC,EAAarB,Y,CACGsB,mB,GAAsB,c,CADzBtB,Y,CAGGuB,Y,GAAe,EAC3BN,iBAAiB,EAAEO,OAAO,CAACC,OAAO,CAACC,GAAR,CAAYC,kBAAb,CADC,EAE3BX,SAAS,EAAE,CAAC,aAAD,EAAgB,cAAhB,EAAgC,UAAhC,EAA4C,WAA5C,CAFgB,E","sourcesContent":["import React from 'react';\r\n\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\r\nimport { isProductionEnv } from '../../lib/currentEnvironment';\r\nimport { PopupPosition } from '../../internal/Popup';\r\n\r\nexport interface DropdownMenuProps {\r\n  /** Максимальная высота меню */\r\n  menuMaxHeight?: React.CSSProperties['maxWidth'];\r\n  /** Ширина меню */\r\n  menuWidth?: React.CSSProperties['width'];\r\n  /**\r\n   * Элемент или функция возвращающая элемент,\r\n   * если передана, используется вместо ```caption```,\r\n   * в таком случае управлять открытием и закрытием меню\r\n   * придется в этой функции\r\n   */\r\n  caption: PopupMenuProps['caption'];\r\n\r\n  header?: React.ReactNode;\r\n  footer?: React.ReactNode;\r\n  /**\r\n   * Массив разрешенных положений меню относительно caption'а.\r\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\r\n   */\r\n  positions?: PopupPosition[];\r\n\r\n  onOpen?: () => void;\r\n  onClose?: () => void;\r\n\r\n  /**\r\n   * Не показывать анимацию\r\n   */\r\n  disableAnimations: boolean;\r\n}\r\n\r\n/**\r\n * Меню, раскрывающееся по клику на переданный в ```caption``` элемент\r\n */\r\nexport class DropdownMenu extends React.Component<DropdownMenuProps> {\r\n  public static __KONTUR_REACT_UI__ = 'DropdownMenu';\r\n\r\n  public static defaultProps = {\r\n    disableAnimations: Boolean(process.env.enableReactTesting),\r\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\r\n  };\r\n\r\n  private popupMenu: Nullable<PopupMenu> = null;\r\n\r\n  constructor(props: DropdownMenuProps) {\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    if (!this.props.caption) {\r\n      return null;\r\n    }\r\n    return (\r\n      <PopupMenu\r\n        ref={this.refPopupMenu}\r\n        caption={this.props.caption}\r\n        menuMaxHeight={this.props.menuMaxHeight}\r\n        menuWidth={this.props.menuWidth}\r\n        onChangeMenuState={this.handleChangeMenuState}\r\n        popupHasPin={false}\r\n        popupMargin={0}\r\n        positions={this.props.positions}\r\n        disableAnimations={this.props.disableAnimations}\r\n        header={this.props.header}\r\n        footer={this.props.footer}\r\n      >\r\n        {this.props.children}\r\n      </PopupMenu>\r\n    );\r\n  }\r\n\r\n  public open = (): void => {\r\n    if (this.popupMenu) {\r\n      this.popupMenu.open();\r\n    }\r\n  };\r\n\r\n  public close = (): void => {\r\n    if (this.popupMenu) {\r\n      this.popupMenu.close();\r\n    }\r\n  };\r\n\r\n  private refPopupMenu = (ref: Nullable<PopupMenu>) => (this.popupMenu = ref);\r\n\r\n  private handleChangeMenuState = (menuVisible: boolean) => {\r\n    if (menuVisible && this.props.onOpen) {\r\n      this.props.onOpen();\r\n      return;\r\n    }\r\n\r\n    if (!menuVisible && this.props.onClose) {\r\n      this.props.onClose();\r\n      return;\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["DropdownMenu.tsx"],"names":["React","ThemeContext","ThemeFactory","PopupMenu","isProductionEnv","isTestEnv","CommonWrapper","rootNode","DropdownMenu","props","popupMenu","open","close","refPopupMenu","ref","handleChangeMenuState","menuVisible","onOpen","onClose","caption","Error","render","theme","create","popupMargin","renderMain","setRootNode","menuMaxHeight","menuWidth","positions","disableAnimations","header","footer","width","children","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Nullable } from '../../typings/utility-types';\nimport { PopupMenu, PopupMenuProps } from '../../internal/PopupMenu';\nimport { isProductionEnv, isTestEnv } from '../../lib/currentEnvironment';\nimport { PopupPosition } from '../../internal/Popup';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nexport interface DropdownMenuProps extends CommonProps {\n  /** Максимальная высота меню */\n  menuMaxHeight?: React.CSSProperties['maxWidth'];\n  /** Ширина меню */\n  menuWidth?: React.CSSProperties['width'];\n  /** Ширина caption */\n  width?: React.CSSProperties['width'];\n\n  /**\n   * Элемент или функция возвращающая элемент,\n   * если передана, используется вместо `caption`,\n   * в таком случае управлять открытием и закрытием меню\n   * придется в этой функции\n   */\n  caption: PopupMenuProps['caption'];\n\n  /**\n   * Произвольный элемент, который будет отрендерен в шапке меню.\n   *\n   * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Произвольный элемент, который будет отрендерен в подвале меню.\n   *\n   * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).\n   */\n  footer?: React.ReactNode;\n  /**\n   *  Список позиций доступных для расположения выпадашки относительно `caption`.\n   *\n   * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.\n   *\n   * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`\n   * @default ['bottom left', 'bottom right', 'top left', 'top right']\n   */\n  positions?: PopupPosition[];\n\n  onOpen?: () => void;\n  onClose?: () => void;\n\n  /**\n   * Не показывать анимацию\n   */\n  disableAnimations: boolean;\n}\n\n/**\n * Меню, раскрывающееся по клику на переданный в `caption` элемент\n */\n@rootNode\nexport class DropdownMenu extends React.Component<DropdownMenuProps> {\n  public static __KONTUR_REACT_UI__ = 'DropdownMenu';\n\n  public static defaultProps = {\n    disableAnimations: isTestEnv,\n    positions: ['bottom left', 'bottom right', 'top left', 'top right'],\n  };\n\n  private popupMenu: Nullable<PopupMenu> = null;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: DropdownMenuProps) {\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                  popupMargin: '0px',\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    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <PopupMenu\n          ref={this.refPopupMenu}\n          caption={this.props.caption}\n          menuMaxHeight={this.props.menuMaxHeight}\n          menuWidth={this.props.menuWidth}\n          onChangeMenuState={this.handleChangeMenuState}\n          popupHasPin={false}\n          positions={this.props.positions}\n          disableAnimations={this.props.disableAnimations}\n          header={this.props.header}\n          footer={this.props.footer}\n          width={this.props.width}\n        >\n          {this.props.children}\n        </PopupMenu>\n      </CommonWrapper>\n    );\n  }\n\n  public open = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.open();\n    }\n  };\n\n  public close = (): void => {\n    if (this.popupMenu) {\n      this.popupMenu.close();\n    }\n  };\n\n  private refPopupMenu = (ref: Nullable<PopupMenu>) => (this.popupMenu = ref);\n\n  private handleChangeMenuState = (menuVisible: boolean) => {\n    if (menuVisible && this.props.onOpen) {\n      this.props.onOpen();\n      return;\n    }\n\n    if (!menuVisible && this.props.onClose) {\n      this.props.onClose();\n      return;\n    }\n  };\n}\n"]}

package/components/DropdownMenu/DropdownMenu/package.json

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

package/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,22 +1,39 @@
 import React from 'react';
 import { PopupMenuProps } from '../../internal/PopupMenu';
 import { PopupPosition } from '../../internal/Popup';
-export interface DropdownMenuProps {
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface DropdownMenuProps extends CommonProps {
     /** Максимальная высота меню */
     menuMaxHeight?: React.CSSProperties['maxWidth'];
     /** Ширина меню */
     menuWidth?: React.CSSProperties['width'];
+    /** Ширина caption */
+    width?: React.CSSProperties['width'];
     /**
      * Элемент или функция возвращающая элемент,
-     * если передана, используется вместо ```caption```,
+     * если передана, используется вместо `caption`,
      * в таком случае управлять открытием и закрытием меню
      * придется в этой функции
      */
     caption: PopupMenuProps['caption'];
+    /**
+     * Произвольный элемент, который будет отрендерен в шапке меню.
+     *
+     * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
+     */
     header?: React.ReactNode;
+    /**
+     * Произвольный элемент, который будет отрендерен в подвале меню.
+     *
+     * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).
+     */
     footer?: React.ReactNode;
     /**
-     * Массив разрешенных положений меню относительно caption'а.
+     *  Список позиций доступных для расположения выпадашки относительно `caption`.
+     *
+     * Если во всех позициях выпадашка вылезает за пределы `viewport`, будет использована первая из этого списка.
+     *
+     * **Возможные значения**: `top left`, `top center`, `top right`, `right top`, `right middle`, `right bottom`, `bottom left`, `bottom center`, `bottom right`, `left top`, `left middle`, `left bottom`
      * @default ['bottom left', 'bottom right', 'top left', 'top right']
      */
     positions?: PopupPosition[];
@@ -28,7 +45,7 @@ export interface DropdownMenuProps {
     disableAnimations: boolean;
 }
 /**
- * Меню, раскрывающееся по клику на переданный в ```caption``` элемент
+ * Меню, раскрывающееся по клику на переданный в `caption` элемент
  */
 export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
     static __KONTUR_REACT_UI__: string;
@@ -37,8 +54,10 @@ export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
         positions: string[];
     };
     private popupMenu;
+    private setRootNode;
     constructor(props: DropdownMenuProps);
-    render(): JSX.Element | null;
+    render(): JSX.Element;
+    renderMain(): JSX.Element | null;
     open: () => void;
     close: () => void;
     private refPopupMenu;