@skbkontur/react-ui 4.11.0 → 4.12.0-theme2022.5

package/cjs/components/DatePicker/locale/locales/en.d.ts

@@ -1,2 +1,2 @@
-import { DatePickerLocale } from '../types';
-export declare const componentsLocales: DatePickerLocale;
+import { DatePickerLocale } from '../types';
+export declare const componentsLocales: DatePickerLocale;

package/cjs/components/DatePicker/locale/locales/ru.d.ts

@@ -1,2 +1,2 @@
-import { DatePickerLocale } from '../types';
-export declare const componentsLocales: DatePickerLocale;
+import { DatePickerLocale } from '../types';
+export declare const componentsLocales: DatePickerLocale;

package/cjs/components/DatePicker/locale/types.d.ts

@@ -1,5 +1,5 @@
-import { InternalDateLocaleSet } from '../../../lib/date/types';
-export interface DatePickerLocale extends InternalDateLocaleSet {
-    today: string;
-    months: string[];
-}
+import { InternalDateLocaleSet } from '../../../lib/date/types';
+export interface DatePickerLocale extends InternalDateLocaleSet {
+    today: string;
+    months: string[];
+}

package/cjs/components/Dropdown/Dropdown.d.ts

@@ -1,128 +1,129 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { MenuHeader } from '../MenuHeader';
-import { MenuItem } from '../MenuItem';
-import { MenuSeparator } from '../MenuSeparator';
-import { ButtonSize, ButtonUse } from '../Button';
-import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
-export interface DropdownProps extends CommonProps {
-    /**
-     * Подпись на кнопке.
-     */
-    caption: React.ReactNode;
-    /**
-     * Иконка слева от текста кнопки
-     */
-    icon?: React.ReactElement<any>;
-    width?: React.CSSProperties['width'];
-    /** @ignore */
-    _renderButton?: (params: any) => JSX.Element;
-    /**
-     * Отключает использование портала
-     */
-    disablePortal?: boolean;
-    /**
-     * Визуально отключает Dropdown
-     */
-    disabled?: boolean;
-    /**
-     * Состояние валидации при ошибке.
-     */
-    error?: boolean;
-    /**
-     * Состояние валидации при предупреждении.
-     */
-    warning?: boolean;
-    maxMenuHeight?: number;
-    menuAlign?: 'left' | 'right';
-    menuWidth?: number | string;
-    size?: ButtonSize;
-    /**
-     * Смотри Button.
-     */
-    use?: ButtonUse;
-    /**
-     * Вызывается при закрытии меню.
-     */
-    onClose?: () => void;
-    /**
-     * Вызывается при открытии меню.
-     */
-    onOpen?: () => void;
-    onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
-    onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
-    onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
-}
-export declare const DropdownDataTids: {
-    readonly root: "Dropdown__root";
-};
-/**
- * Выпадающее меню.
- *
- */
-export declare class Dropdown extends React.Component<DropdownProps> {
-    static __KONTUR_REACT_UI__: string;
-    static Header: typeof MenuHeader;
-    static MenuItem: typeof MenuItem;
-    static Separator: typeof MenuSeparator;
-    static propTypes: {
-        /**
-         * Подпись на кнопке.
-         */
-        caption: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * Отключает использование портала
-         */
-        disablePortal: PropTypes.Requireable<boolean>;
-        /**
-         * Визуально отключает Dropdown
-         */
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Визуально показать наличие ошибки.
-         */
-        error: PropTypes.Requireable<boolean>;
-        /**
-         * Иконка слева от текста кнопки
-         */
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        maxMenuHeight: PropTypes.Requireable<number>;
-        menuAlign: PropTypes.Requireable<string>;
-        menuWidth: PropTypes.Requireable<string | number>;
-        size: PropTypes.Requireable<string>;
-        /**
-         * Смотри Button.
-         */
-        use: PropTypes.Requireable<any>;
-        /**
-         * Визуально показать наличие предупреждения.
-         */
-        warning: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string | number>;
-        /**
-         * Вызывается при закрытии меню.
-         */
-        onClose: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Вызывается при открытии меню.
-         */
-        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    private _select;
-    private setRootNode;
-    private theme;
-    render(): JSX.Element;
-    renderMain: ({ caption, icon, ...props }: CommonWrapperRestProps<DropdownProps>) => JSX.Element;
-    /**
-     * @public
-     */
-    open(): void;
-    /**
-     * @public
-     */
-    close(): void;
-    private _refSelect;
-}
+import React from 'react';
+import PropTypes from 'prop-types';
+import { MenuHeader } from '../MenuHeader';
+import { MenuItem } from '../MenuItem';
+import { MenuSeparator } from '../MenuSeparator';
+import { ButtonSize, ButtonUse } from '../Button';
+import { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';
+import { DropdownContainerProps } from '../../internal/DropdownContainer';
+export interface DropdownProps extends CommonProps, Pick<DropdownContainerProps, 'menuPos'> {
+    /**
+     * Подпись на кнопке.
+     */
+    caption: React.ReactNode;
+    /**
+     * Иконка слева от текста кнопки
+     */
+    icon?: React.ReactElement<any>;
+    width?: React.CSSProperties['width'];
+    /** @ignore */
+    _renderButton?: (params: any) => JSX.Element;
+    /**
+     * Отключает использование портала
+     */
+    disablePortal?: boolean;
+    /**
+     * Визуально отключает Dropdown
+     */
+    disabled?: boolean;
+    /**
+     * Состояние валидации при ошибке.
+     */
+    error?: boolean;
+    /**
+     * Состояние валидации при предупреждении.
+     */
+    warning?: boolean;
+    maxMenuHeight?: number;
+    menuAlign?: 'left' | 'right';
+    menuWidth?: number | string;
+    size?: ButtonSize;
+    /**
+     * Смотри Button.
+     */
+    use?: ButtonUse;
+    /**
+     * Вызывается при закрытии меню.
+     */
+    onClose?: () => void;
+    /**
+     * Вызывается при открытии меню.
+     */
+    onOpen?: () => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
+    onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
+}
+export declare const DropdownDataTids: {
+    readonly root: "Dropdown__root";
+};
+/**
+ * Выпадающее меню.
+ *
+ */
+export declare class Dropdown extends React.Component<DropdownProps> {
+    static __KONTUR_REACT_UI__: string;
+    static Header: typeof MenuHeader;
+    static MenuItem: typeof MenuItem;
+    static Separator: typeof MenuSeparator;
+    static propTypes: {
+        /**
+         * Подпись на кнопке.
+         */
+        caption: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /**
+         * Отключает использование портала
+         */
+        disablePortal: PropTypes.Requireable<boolean>;
+        /**
+         * Визуально отключает Dropdown
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Визуально показать наличие ошибки.
+         */
+        error: PropTypes.Requireable<boolean>;
+        /**
+         * Иконка слева от текста кнопки
+         */
+        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        maxMenuHeight: PropTypes.Requireable<number>;
+        menuAlign: PropTypes.Requireable<string>;
+        menuWidth: PropTypes.Requireable<string | number>;
+        size: PropTypes.Requireable<string>;
+        /**
+         * Смотри Button.
+         */
+        use: PropTypes.Requireable<any>;
+        /**
+         * Визуально показать наличие предупреждения.
+         */
+        warning: PropTypes.Requireable<boolean>;
+        width: PropTypes.Requireable<string | number>;
+        /**
+         * Вызывается при закрытии меню.
+         */
+        onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Вызывается при открытии меню.
+         */
+        onOpen: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    private _select;
+    private setRootNode;
+    private theme;
+    render(): JSX.Element;
+    renderMain: ({ caption, icon, ...props }: CommonWrapperRestProps<DropdownProps>) => JSX.Element;
+    /**
+     * @public
+     */
+    open(): void;
+    /**
+     * @public
+     */
+    close(): void;
+    private _refSelect;
+}

package/cjs/components/Dropdown/Dropdown.js

@@ -12,7 +12,9 @@ var _CommonWrapper = require("../../internal/CommonWrapper");
 var _rootNode = require("../../lib/rootNode");
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
-var _ThemeFactory = require("../../lib/theming/ThemeFactory");var _excluded = ["caption", "icon"];var _class, _class2, _temp;
+
+
+var _relinkDropdownTheme = require("./relinkDropdownTheme");var _excluded = ["caption", "icon"];var _class, _class2, _temp;
 
 var PASS_PROPS = {
   _renderButton: true,
@@ -30,7 +32,8 @@ var PASS_PROPS = {
   onClose: true,
   onMouseEnter: true,
   onMouseLeave: true,
-  onMouseOver: true };
+  onMouseOver: true,
+  menuPos: true };
 
 
 
@@ -188,14 +191,6 @@ Dropdown = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
       var items = _react.default.Children.map(_this.props.children, function (item) {return item;}) || [];
 
       return /*#__PURE__*/(
-        _react.default.createElement(_ThemeContext.ThemeContext.Provider, {
-          value: _ThemeFactory.ThemeFactory.create(
-          {
-            selectDefaultBg: _this.theme.btnDefaultBg },
-
-          _this.theme) }, /*#__PURE__*/
-
-
         _react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: _this.setRootNode }, _this.props), /*#__PURE__*/
         _react.default.createElement(_Select.Select, (0, _extends2.default)({
           "data-tid": DropdownDataTids.root,
@@ -204,8 +199,7 @@ Dropdown = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
           value: caption,
           items: items,
           _icon: icon,
-          renderValue: renderValue })))));
-
+          renderValue: renderValue }))));
 
 
 
@@ -231,7 +225,7 @@ Dropdown = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/func
 
     _refSelect = function (element) {
       _this._select = element;
-    };return _this;}var _proto = Dropdown.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain(_this2.props));});}; /**
+    };return _this;}var _proto = Dropdown.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = (0, _relinkDropdownTheme.relinkDropdownTheme)(theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain(_this2.props));});}; /**
    * @public
    */_proto.open = function open() {if (this._select) {this._select.open();}} /**
    * @public

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

@@ -1 +1 @@
-{"version":3,"sources":["Dropdown.tsx"],"names":["PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","DropdownDataTids","root","Dropdown","rootNode","renderMain","caption","icon","props","items","React","Children","map","children","item","ThemeFactory","create","selectDefaultBg","theme","btnDefaultBg","setRootNode","_refSelect","renderValue","element","_select","render","open","close","Component","__KONTUR_REACT_UI__","Header","MenuHeader","MenuItem","Separator","MenuSeparator","propTypes","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';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\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   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\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\nexport const DropdownDataTids = {\n  root: 'Dropdown__root',\n} as const;\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  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain(this.props)}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\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      <ThemeContext.Provider\n        value={ThemeFactory.create(\n          {\n            selectDefaultBg: this.theme.btnDefaultBg,\n          },\n          this.theme,\n        )}\n      >\n        <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n          <Select<React.ReactNode, React.ReactNode>\n            data-tid={DropdownDataTids.root}\n            ref={this._refSelect}\n            {...filterProps(props, PASS_PROPS)}\n            value={caption}\n            items={items}\n            _icon={icon}\n            renderValue={renderValue}\n          />\n        </CommonWrapper>\n      </ThemeContext.Provider>\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"]}
+{"version":3,"sources":["Dropdown.tsx"],"names":["PASS_PROPS","_renderButton","error","disabled","disablePortal","menuAlign","menuWidth","maxMenuHeight","use","size","warning","width","onOpen","onClose","onMouseEnter","onMouseLeave","onMouseOver","menuPos","DropdownDataTids","root","Dropdown","rootNode","renderMain","caption","icon","props","items","React","Children","map","children","item","setRootNode","_refSelect","renderValue","element","_select","render","theme","open","close","Component","__KONTUR_REACT_UI__","Header","MenuHeader","MenuItem","Separator","MenuSeparator","propTypes","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';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { DropdownContainerProps } from '../../internal/DropdownContainer';\n\nimport { relinkDropdownTheme } from './relinkDropdownTheme';\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  menuPos: true,\n};\n\nexport interface DropdownProps extends CommonProps, Pick<DropdownContainerProps, 'menuPos'> {\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   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\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\nexport const DropdownDataTids = {\n  root: 'Dropdown__root',\n} as const;\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  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = relinkDropdownTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain(this.props)}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\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      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <Select<React.ReactNode, React.ReactNode>\n          data-tid={DropdownDataTids.root}\n          ref={this._refSelect}\n          {...filterProps(props, PASS_PROPS)}\n          value={caption}\n          items={items}\n          _icon={icon}\n          renderValue={renderValue}\n        />\n      </CommonWrapper>\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/cjs/components/Dropdown/index.d.ts

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

package/cjs/components/Dropdown/relinkDropdownTheme.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const relinkDropdownTheme: (theme: Theme) => Theme;

package/cjs/components/Dropdown/relinkDropdownTheme.js

@@ -0,0 +1,12 @@
+"use strict";exports.__esModule = true;exports.relinkDropdownTheme = void 0;var _ThemeFactory = require("../../lib/theming/ThemeFactory");
+
+
+var relinkDropdownTheme = function relinkDropdownTheme(theme) {
+  return _ThemeFactory.ThemeFactory.create(
+  {
+    selectDefaultBg: theme.btnDefaultBg,
+    selectMenuOffsetY: theme.dropdownMenuOffsetY },
+
+  theme);
+
+};exports.relinkDropdownTheme = relinkDropdownTheme;

package/cjs/components/Dropdown/relinkDropdownTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["relinkDropdownTheme.ts"],"names":["relinkDropdownTheme","theme","ThemeFactory","create","selectDefaultBg","btnDefaultBg","selectMenuOffsetY","dropdownMenuOffsetY"],"mappings":"4EAAA;;;AAGO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAAyB;AAC1D,SAAOC,2BAAaC,MAAb;AACL;AACEC,IAAAA,eAAe,EAAEH,KAAK,CAACI,YADzB;AAEEC,IAAAA,iBAAiB,EAAEL,KAAK,CAACM,mBAF3B,EADK;;AAKLN,EAAAA,KALK,CAAP;;AAOD,CARM,C","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const relinkDropdownTheme = (theme: Theme): Theme => {\n  return ThemeFactory.create(\n    {\n      selectDefaultBg: theme.btnDefaultBg,\n      selectMenuOffsetY: theme.dropdownMenuOffsetY,\n    },\n    theme,\n  );\n};\n"]}

package/cjs/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,62 +1,62 @@
-import React from 'react';
-import { PopupMenuProps } from '../../internal/PopupMenu';
-import { PopupPositionsType } from '../../internal/Popup';
-import { CommonProps } from '../../internal/CommonWrapper';
-export interface DropdownMenuProps extends CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose'> {
-    /** Максимальная высота меню */
-    menuMaxHeight?: React.CSSProperties['maxWidth'];
-    /** Ширина меню */
-    menuWidth?: React.CSSProperties['width'];
-    /** Ширина caption */
-    width?: React.CSSProperties['width'];
-    /**
-     * Элемент или функция возвращающая элемент,
-     * если передана, используется вместо `caption`,
-     * в таком случае управлять открытием и закрытием меню
-     * придется в этой функции
-     */
-    caption: PopupMenuProps['caption'];
-    /**
-     * Произвольный элемент, который будет отрендерен в шапке меню.
-     *
-     * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
-     */
-    header?: React.ReactNode;
-    /**
-     * Произвольный элемент, который будет отрендерен в подвале меню.
-     *
-     * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).
-     */
-    footer?: React.ReactNode;
-    /**
-     *  Список позиций доступных для расположения выпадашки относительно `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?: PopupPositionsType[];
-    /**
-     * Не показывать анимацию
-     */
-    disableAnimations?: boolean;
-}
-declare type DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;
-/**
- * Меню, раскрывающееся по клику на переданный в `caption` элемент
- */
-export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    private popupMenu;
-    private setRootNode;
-    constructor(props: DropdownMenuProps);
-    render(): JSX.Element;
-    renderMain(): JSX.Element | null;
-    open: () => void;
-    close: () => void;
-    private refPopupMenu;
-}
-export {};
+import React from 'react';
+import { PopupMenuProps } from '../../internal/PopupMenu';
+import { PopupPositionsType } from '../../internal/Popup';
+import { CommonProps } from '../../internal/CommonWrapper';
+export interface DropdownMenuProps extends CommonProps, Pick<PopupMenuProps, 'onOpen' | 'onClose'> {
+    /** Максимальная высота меню */
+    menuMaxHeight?: React.CSSProperties['maxWidth'];
+    /** Ширина меню */
+    menuWidth?: React.CSSProperties['width'];
+    /** Ширина caption */
+    width?: React.CSSProperties['width'];
+    /**
+     * Элемент или функция возвращающая элемент,
+     * если передана, используется вместо `caption`,
+     * в таком случае управлять открытием и закрытием меню
+     * придется в этой функции
+     */
+    caption: PopupMenuProps['caption'];
+    /**
+     * Произвольный элемент, который будет отрендерен в шапке меню.
+     *
+     * _Примечание_: контрол [`MenuHeader`](#/Components/MenuHeader) передаётся только в `children` меню-контролов. Не стоит передавать `MenuHeader` в `header`.
+     */
+    header?: React.ReactNode;
+    /**
+     * Произвольный элемент, который будет отрендерен в подвале меню.
+     *
+     * Перед элементом переданным в `footer` будет отрендерен [`MenuSeparator`](#/Components/MenuSeparator).
+     */
+    footer?: React.ReactNode;
+    /**
+     *  Список позиций доступных для расположения выпадашки относительно `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?: PopupPositionsType[];
+    /**
+     * Не показывать анимацию
+     */
+    disableAnimations?: boolean;
+}
+declare type DefaultProps = Required<Pick<DropdownMenuProps, 'disableAnimations' | 'positions'>>;
+/**
+ * Меню, раскрывающееся по клику на переданный в `caption` элемент
+ */
+export declare class DropdownMenu extends React.Component<DropdownMenuProps> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    private popupMenu;
+    private setRootNode;
+    constructor(props: DropdownMenuProps);
+    render(): JSX.Element;
+    renderMain(): JSX.Element | null;
+    open: () => void;
+    close: () => void;
+    private refPopupMenu;
+}
+export {};

package/cjs/components/DropdownMenu/DropdownMenu.js

@@ -1,14 +1,15 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DropdownMenu = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
-var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 
 var _PopupMenu = require("../../internal/PopupMenu");
 var _currentEnvironment = require("../../lib/currentEnvironment");
 
 var _CommonWrapper = require("../../internal/CommonWrapper");
 var _rootNode = require("../../lib/rootNode");
-var _createPropsGetter = require("../../lib/createPropsGetter");var _class, _class2, _temp;
+var _createPropsGetter = require("../../lib/createPropsGetter");
+
+var _relinkDropdownMenuTheme = require("./relinkDropdownMenuTheme");var _class, _class2, _temp;
 
 
 
@@ -110,15 +111,6 @@ DropdownMenu = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/
 
 
 
-
-
-
-
-
-
-
-
-
 
 
 
@@ -141,4 +133,4 @@ DropdownMenu = (0, _rootNode.rootNode)(_class = (_temp = _class2 = /*#__PURE__*/
       }
     };_this.
 
-    refPopupMenu = function (ref) {return _this.popupMenu = ref;};if (!props.caption && !_currentEnvironment.isProductionEnv) {throw new Error('Prop "caption" is required!!!');}return _this;}var _proto = DropdownMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupMargin: '0px' }, theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {if (!this.props.caption) {return null;}var _this$getProps = this.getProps(),positions = _this$getProps.positions,disableAnimations = _this$getProps.disableAnimations;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_PopupMenu.PopupMenu, { ref: this.refPopupMenu, caption: this.props.caption, menuMaxHeight: this.props.menuMaxHeight, menuWidth: this.props.menuWidth, popupHasPin: false, positions: positions, disableAnimations: disableAnimations, header: this.props.header, footer: this.props.footer, width: this.props.width, onClose: this.props.onClose, onOpen: this.props.onOpen }, this.props.children));};return DropdownMenu;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'DropdownMenu', _class2.defaultProps = { disableAnimations: _currentEnvironment.isTestEnv, positions: ['bottom left', 'bottom right', 'top left', 'top right'] }, _temp)) || _class;exports.DropdownMenu = DropdownMenu;
+    refPopupMenu = function (ref) {return _this.popupMenu = ref;};if (!props.caption && !_currentEnvironment.isProductionEnv) {throw new Error('Prop "caption" is required!!!');}return _this;}var _proto = DropdownMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _relinkDropdownMenuTheme.relinkDropdownMenuTheme)(theme) }, _this2.renderMain());});};_proto.renderMain = function renderMain() {if (!this.props.caption) {return null;}var _this$getProps = this.getProps(),positions = _this$getProps.positions,disableAnimations = _this$getProps.disableAnimations;return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_PopupMenu.PopupMenu, { ref: this.refPopupMenu, caption: this.props.caption, menuMaxHeight: this.props.menuMaxHeight, menuWidth: this.props.menuWidth, popupHasPin: false, positions: positions, disableAnimations: disableAnimations, header: this.props.header, footer: this.props.footer, width: this.props.width, onClose: this.props.onClose, onOpen: this.props.onOpen }, this.props.children));};return DropdownMenu;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'DropdownMenu', _class2.defaultProps = { disableAnimations: _currentEnvironment.isTestEnv, positions: ['bottom left', 'bottom right', 'top left', 'top right'] }, _temp)) || _class;exports.DropdownMenu = DropdownMenu;