npm - @skbkontur/react-ui - Versions diffs - 0.0.0-2ac4c133dd → 0.0.0-2dd5039746 - Mend

@skbkontur/react-ui 0.0.0-2ac4c133dd → 0.0.0-2dd5039746

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1102) hide show

package/cjs/components/Select/Item.js CHANGED Viewed

@@ -2,6 +2,9 @@
 var _MenuItem = require("../MenuItem");var
 Item = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Item, _React$Component);function Item() {return _React$Component.apply(this, arguments) || this;}var _proto = Item.prototype;_proto.

package/cjs/components/Select/Item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Item.tsx"],"names":["Item","render","props","children","React","Component","__KONTUR_REACT_UI__"],"mappings":"gPAAA;;AAEA,uC~~;;AAEaA~~,I;;;AAGJC,EAAAA,M,GAAP,kBAAgB;AACd,wBAAO,6BAAC,kBAAD,QAAW,KAAKC,KAAL,CAAWC,QAAtB,CAAP;AACD,G,eALuBC,eAAMC,S,sBAAnBL,I,CACGM,mB,GAAsB,Y","sourcesContent":["import React from 'react';\n\nimport { MenuItem } from '../MenuItem';\n\nexport class Item extends React.Component<~~{ children?: React.ReactNode }~~> {\n public static __KONTUR_REACT_UI__ = 'SelectItem';\n\n public render() {\n return <MenuItem>{this.props.children}</MenuItem>;\n }\n}\n"]}
1	+ {"version":3,"sources":["Item.tsx"],"names":["Item","render","props","children","React","Component","__KONTUR_REACT_UI__"],"mappings":"gPAAA;;AAEA,uC;;;;;AAKaA,I;;;AAGJC,EAAAA,M,GAAP,kBAAgB;AACd,wBAAO,6BAAC,kBAAD,QAAW,KAAKC,KAAL,CAAWC,QAAtB,CAAP;AACD,G,eALuBC,eAAMC,S,sBAAnBL,I,CACGM,mB,GAAsB,Y","sourcesContent":["import React from 'react';\n\nimport { MenuItem } from '../MenuItem';\n\ninterface ItemProps {\n children?: React.ReactNode;\n}\nexport class Item extends React.Component<ItemProps> {\n public static __KONTUR_REACT_UI__ = 'SelectItem';\n\n public render() {\n return <MenuItem>{this.props.children}</MenuItem>;\n }\n}\n"]}

package/cjs/components/Select/Select.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+import React, { ReactNode, ReactPortal, AriaAttributes } from 'react';
 import { ButtonSize, ButtonUse } from '../Button';
+import { DropdownContainerProps } from '../../internal/DropdownContainer';
 import { Nullable } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
 import { Item } from './Item';
@@ -11,12 +11,13 @@ export interface ButtonParams {
     onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
     opened: boolean;
     isPlaceholder: boolean;
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
 }
 export declare const SelectDataTids: {
     readonly root: "Select__root";
 };
-declare type SelectItem<TValue, TItem> = [TValue, TItem, React.ReactNode?] | TItem | React.ReactElement | (() => React.ReactElement);
-export interface SelectProps<TValue, TItem> extends CommonProps {
+declare type SelectItem<TValue, TItem> = [TValue, TItem, React.ReactNode?] | TItem | TValue | React.ReactElement | (() => React.ReactElement);
+export interface SelectProps<TValue, TItem> extends CommonProps, Pick<DropdownContainerProps, 'menuPos'> {
     /** @ignore */
     _icon?: React.ReactNode;
     /** @ignore */
@@ -100,43 +101,20 @@ export interface SelectProps<TValue, TItem> extends CommonProps {
      * Текст заголовка выпадающего меню в мобильной версии
      */
     mobileMenuHeaderText?: string;
+    /**
+     * Атрибут для указания id элемента(-ов), описывающих его
+     */
+    'aria-describedby'?: AriaAttributes['aria-describedby'];
 }
 export interface SelectState<TValue> {
     opened: boolean;
     searchPattern: string;
     value: Nullable<TValue>;
 }
+declare type DefaultProps<TValue, TItem> = Required<Pick<SelectProps<TValue, TItem>, 'renderValue' | 'renderItem' | 'areValuesEqual' | 'filterItem' | 'use'>>;
 export declare class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {
     static __KONTUR_REACT_UI__: string;
-    static propTypes: {
-        areValuesEqual: PropTypes.Requireable<(...args: any[]) => any>;
-        defaultValue: PropTypes.Requireable<any>;
-        disablePortal: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        error: PropTypes.Requireable<boolean>;
-        filterItem: PropTypes.Requireable<(...args: any[]) => any>;
-        items: PropTypes.Requireable<object>;
-        maxMenuHeight: PropTypes.Requireable<number>;
-        maxWidth: PropTypes.Requireable<string | number>;
-        placeholder: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        renderItem: PropTypes.Requireable<(...args: any[]) => any>;
-        renderValue: PropTypes.Requireable<(...args: any[]) => any>;
-        search: PropTypes.Requireable<boolean>;
-        value: PropTypes.Requireable<any>;
-        width: PropTypes.Requireable<string | number>;
-        onValueChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    static defaultProps: {
-        renderValue: typeof renderValue;
-        renderItem: typeof renderItem;
-        areValuesEqual: typeof areValuesEqual;
-        filterItem: typeof filterItem;
-        use: string;
-    };
+    static defaultProps: DefaultProps<unknown, ReactNode | ReactPortal>;
     static Item: typeof Item;
     static SEP: () => JSX.Element;
     static static: (element: React.ReactElement | (() => React.ReactElement)) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | (() => React.ReactElement);
@@ -170,8 +148,9 @@ export declare class Select<TValue = {}, TItem = {}> extends React.Component<Sel
     private renderDefaultButton;
     private getSelectIconGap;
     private renderMenu;
-    private renderMobileMenu;
     private getSearch;
+    private renderMobileMenu;
+    private getMobileSearch;
     private getMenuItems;
     private dropdownContainerGetParent;
     private focusInput;
@@ -187,8 +166,4 @@ export declare class Select<TValue = {}, TItem = {}> extends React.Component<Sel
     private buttonRef;
     private getButton;
 }
-declare function renderValue<TValue, TItem>(value: TValue, item: Nullable<TItem>): Nullable<TItem>;
-declare function renderItem<TValue, TItem>(value: TValue, item?: TItem): TItem | undefined;
-declare function areValuesEqual<TValue>(value1: TValue, value2: TValue): boolean;
-declare function filterItem<TValue>(value: TValue, item: any, pattern: string): boolean;
 export {};

package/cjs/components/Select/Select.js CHANGED Viewed

@@ -1,5 +1,4 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.SelectDataTids = exports.Select = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _invariant = _interopRequireDefault(require("invariant"));
 var _identifiers = require("../../lib/events/keyboard/identifiers");
@@ -46,6 +45,7 @@ var _selectTheme = require("./selectTheme");var _dec, _class, _class2, _temp;fun
 var PASS_BUTTON_PROPS = {
   disabled: true,
   error: true,
@@ -167,19 +167,6 @@ var SelectDataTids = {
-Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper), (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Select, _React$Component);function Select() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
@@ -191,6 +178,7 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
+Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper), (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNode)(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Select, _React$Component);function Select() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
@@ -327,6 +315,10 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
@@ -340,7 +332,8 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
         label: label,
         isPlaceholder: isPlaceholder,
         onClick: _this.toggle,
-        onKeyDown: _this.handleKey };
+        onKeyDown: _this.handleKey,
+        'aria-describedby': _this.props['aria-describedby'] };
       return buttonParams;
@@ -471,8 +464,13 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
+    getSearch = function () {
+      return /*#__PURE__*/(
+        _react.default.createElement("div", { className: _Select.styles.search(), onKeyDown: _this.handleKey }, /*#__PURE__*/
+        _react.default.createElement(_Input.Input, { ref: _this.focusInput, onValueChange: _this.handleSearch, width: "100%" })));
+    };_this.
@@ -492,13 +490,14 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
-    getSearch = function (noMargin) {var _cx;
+    getMobileSearch = function () {
       return /*#__PURE__*/(
-        _react.default.createElement("div", { className: (0, _Emotion.cx)((_cx = {}, _cx[_Select.styles.search()] = !noMargin, _cx)) }, /*#__PURE__*/
-        _react.default.createElement(_Input.Input, { value: _this.state.searchPattern, ref: _this.focusInput, onValueChange: _this.handleSearch, width: "100%" })));
+        _react.default.createElement(_Input.Input, {
+          autoFocus: true,
+          value: _this.state.searchPattern,
+          ref: _this.focusInput,
+          onValueChange: _this.handleSearch,
+          width: "100%" }));
     };_this.
@@ -681,7 +680,7 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
       buttonElement;
     };return _this;}var _proto = Select.prototype;_proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {if (!prevState.opened && this.state.opened) {window.addEventListener('popstate', this.close);}if (prevState.opened && !this.state.opened) {window.removeEventListener('popstate', this.close);}};_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());});} /**
    * @public
-   */;_proto.getMenuRenderer = function getMenuRenderer() {if (this.props.disabled) {return null;}if (this.isMobileLayout) {return this.renderMobileMenu();}if (this.state.opened) {return this.renderMenu();}return null;};_proto.renderMain = function renderMain() {var _cx2;var buttonParams = this.getDefaultButtonParams();var button = this.getButton(buttonParams);var isMobile = this.isMobileLayout;var style = { width: this.props.width, maxWidth: this.props.maxWidth || undefined };var root = /*#__PURE__*/_react.default.createElement("span", { "data-tid": SelectDataTids.root, className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_Select.styles.root()] = true, _cx2[_Select.styles.rootMobile(this.theme)] = isMobile, _cx2)), style: style }, button, this.getMenuRenderer());return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close, onFocusOutside: this.close, active: isMobile ? false : this.state.opened }, root));};_proto.renderLabel = function renderLabel() {var _this$locale;var value = this.getValue();var item = this.getItemByValue(value);if ((0, _utils.isNonNullable)(value)) {return { label: this.getProps().renderValue(value, item), isPlaceholder: false };}return { label: /*#__PURE__*/_react.default.createElement("span", null, this.props.placeholder || ((_this$locale = this.locale) == null ? void 0 : _this$locale.placeholder)), isPlaceholder: true };};_proto.getLeftIconClass = function getLeftIconClass(size) {if (this.props.use === 'link') {return _Select.styles.leftIconLink(this.theme);}switch (size) {case 'large':return _Select.styles.leftIconLarge(this.theme);case 'medium':return _Select.styles.leftIconMedium(this.theme);case 'small':default:return _Select.styles.leftIconSmall(this.theme);}};_proto.renderDefaultButton = function renderDefaultButton(params) {var _cx3, _cx4;var buttonProps = (0, _extends2.default)({}, (0, _filterProps.filterProps)(this.props, PASS_BUTTON_PROPS), { align: 'left', disabled: this.props.disabled, width: '100%', onClick: params.onClick, onKeyDown: params.onKeyDown, active: params.opened });var labelProps = { className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_Select.styles.label()] = this.props.use !== 'link', _cx3[_Select.styles.placeholder(this.theme)] = params.isPlaceholder, _cx3[_Select.styles.customUsePlaceholder()] = params.isPlaceholder && this.props.use !== 'default', _cx3[_Select.styles.placeholderDisabled(this.theme)] = params.isPlaceholder && this.props.disabled, _cx3)), style: { paddingRight: this.getSelectIconGap() } };var useIsCustom = this.props.use !== 'default';return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _selectTheme.getSelectTheme)(this.theme, this.props) }, /*#__PURE__*/_react.default.createElement(_Button.Button, buttonProps, /*#__PURE__*/_react.default.createElement("div", { className: _Select.styles.selectButtonContainer() }, this.props._icon && /*#__PURE__*/_react.default.createElement("div", { className: this.getLeftIconClass(this.props.size) }, this.props._icon), /*#__PURE__*/_react.default.createElement("span", labelProps, params.label), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Select.styles.arrowWrap(this.theme), (_cx4 = {}, _cx4[_Select.styles.arrowDisabled(this.theme)] = this.props.disabled, _cx4[_Select.styles.customUseArrow()] = useIsCustom, _cx4)) }, /*#__PURE__*/_react.default.createElement(_px.ArrowChevronDownIcon, null)))));};_proto.getSelectIconGap = function getSelectIconGap() {var _this3 = this;var getArrowPadding = function getArrowPadding() {switch (_this3.props.size) {case 'large':return _this3.theme.selectIconGapLarge;case 'medium':return _this3.theme.selectIconGapMedium;case 'small':default:return _this3.theme.selectIconGapSmall;}};var arrowLeftPadding = parseFloat(getArrowPadding()) || 0;return arrowLeftPadding;};_proto.renderMenu = function renderMenu() {var search = this.props.search ? /*#__PURE__*/_react.default.createElement("div", { className: _Select.styles.search(), onKeyDown: this.handleKey }, /*#__PURE__*/_react.default.createElement(_Input.Input, { ref: this.focusInput, onValueChange: this.handleSearch, width: "100%" })) : null;var value = this.getValue();var hasFixedWidth = !!this.props.menuWidth && this.props.menuWidth !== 'auto';return /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, { getParent: this.dropdownContainerGetParent, offsetY: -1, align: this.props.menuAlign, disablePortal: this.props.disablePortal, hasFixedWidth: hasFixedWidth }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: this.refMenu, width: this.props.menuWidth, onItemClick: this.close, maxHeight: this.props.maxMenuHeight, align: this.props.menuAlign }, search, this.getMenuItems(value)));};_proto.renderMobileMenu = function renderMobileMenu() {var search = this.props.search ? this.getSearch(true) : null;var value = this.getValue();var isWithSearch = Boolean(search);return /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { headerChildComponent: search, caption: this.props.mobileMenuHeaderText, useFullHeight: isWithSearch, onCloseRequest: this.close, opened: this.state.opened }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { hasShadow: false, onItemClick: this.close, disableScrollContainer: true, maxHeight: 'auto' }, this.getMenuItems(value)));};_proto.select = function select(value) {this.focus();this.setState({ opened: false, value: value });if (!this.areValuesEqual(this.getValue(), value)) {var _this$props$onValueCh, _this$props;(_this$props$onValueCh = (_this$props = this.props).onValueChange) == null ? void 0 : _this$props$onValueCh.call(_this$props, value);}};_proto.getValue = function getValue() {if (this.props.value !== undefined) {return this.props.value;}return this.state.value;};_proto.mapItems = function mapItems(fn) {var items = this.props.items;if (!items) {return [];}var pattern = this.state.searchPattern && this.state.searchPattern.toLowerCase();var result = [];var index = 0;for (var _iterator = _createForOfIteratorHelperLoose(items), _step; !(_step = _iterator()).done;) {var entry = _step.value;var _normalizeEntry = normalizeEntry(entry),_value = _normalizeEntry[0],_item = _normalizeEntry[1],_comment = _normalizeEntry[2];if (!pattern || this.getProps().filterItem(_value, _item, pattern)) {result.push(fn(_value, _item, index, _comment));++index;}}return result;};_proto.getItemByValue = function getItemByValue(value) {if (value === null || value === undefined) {return null;}var items = this.props.items || [];for (var _iterator2 = _createForOfIteratorHelperLoose(items), _step2; !(_step2 = _iterator2()).done;) {var entry = _step2.value;var _normalizeEntry2 = normalizeEntry(entry),itemValue = _normalizeEntry2[0],_item2 = _normalizeEntry2[1];if (this.areValuesEqual(itemValue, value)) {return _item2;}}return null;};_proto.areValuesEqual = function areValuesEqual(value1, value2) {return (0, _utils.isNonNullable)(value1) && (0, _utils.isNonNullable)(value2) && this.getProps().areValuesEqual(value1, value2);};return Select;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Select', _class2.propTypes = { areValuesEqual: _propTypes.default.func, defaultValue: _propTypes.default.any, disablePortal: _propTypes.default.bool, disabled: _propTypes.default.bool, error: _propTypes.default.bool, filterItem: _propTypes.default.func, items: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.object]), maxMenuHeight: _propTypes.default.number, maxWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), placeholder: _propTypes.default.node, renderItem: _propTypes.default.func, renderValue: _propTypes.default.func, search: _propTypes.default.bool, value: _propTypes.default.any, width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]), onValueChange: _propTypes.default.func, onMouseEnter: _propTypes.default.func, onMouseLeave: _propTypes.default.func, onMouseOver: _propTypes.default.func, onKeyDown: _propTypes.default.func }, _class2.defaultProps = { renderValue: renderValue, renderItem: renderItem, areValuesEqual: areValuesEqual, filterItem: filterItem, use: 'default' }, _class2.Item = _Item.Item, _class2.SEP = function () {return /*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, null);}, _class2.static = function (element) {(0, _invariant.default)( /*#__PURE__*/_react.default.isValidElement(element) || typeof element === 'function', 'Select.static(element) expects element to be a valid react element.');return element;}, _temp)) || _class) || _class) || _class);exports.Select = Select;
+   */;_proto.getMenuRenderer = function getMenuRenderer() {if (this.props.disabled) {return null;}if (this.isMobileLayout) {return this.renderMobileMenu();}if (this.state.opened) {return this.renderMenu();}return null;};_proto.renderMain = function renderMain() {var _cx;var buttonParams = this.getDefaultButtonParams();var button = /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _selectTheme.getSelectTheme)(this.theme, this.props) }, this.getButton(buttonParams));var isMobile = this.isMobileLayout;var style = { width: this.props.width, maxWidth: this.props.maxWidth || undefined };var root = /*#__PURE__*/_react.default.createElement("span", { "data-tid": SelectDataTids.root, className: (0, _Emotion.cx)((_cx = {}, _cx[_Select.styles.root()] = true, _cx[_Select.styles.rootMobile(this.theme)] = isMobile, _cx)), style: style }, button, this.getMenuRenderer());return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close, onFocusOutside: this.close, active: isMobile ? false : this.state.opened }, root));};_proto.renderLabel = function renderLabel() {var _this$locale;var value = this.getValue();var item = this.getItemByValue(value);if ((0, _utils.isNonNullable)(value)) {return { label: this.getProps().renderValue(value, item), isPlaceholder: false };}return { label: /*#__PURE__*/_react.default.createElement("span", null, this.props.placeholder || ((_this$locale = this.locale) == null ? void 0 : _this$locale.placeholder)), isPlaceholder: true };};_proto.getLeftIconClass = function getLeftIconClass(size) {if (this.getProps().use === 'link') {return _Select.styles.leftIconLink(this.theme);}switch (size) {case 'large':return _Select.styles.leftIconLarge(this.theme);case 'medium':return _Select.styles.leftIconMedium(this.theme);case 'small':default:return _Select.styles.leftIconSmall(this.theme);}};_proto.renderDefaultButton = function renderDefaultButton(params) {var _cx2, _cx3;var buttonProps = (0, _extends2.default)({}, (0, _filterProps.filterProps)(this.props, PASS_BUTTON_PROPS), { align: 'left', disabled: this.props.disabled, width: '100%', onClick: params.onClick, onKeyDown: params.onKeyDown, active: params.opened, 'aria-describedby': params['aria-describedby'] });var use = this.getProps().use;var labelProps = { className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_Select.styles.label()] = use !== 'link', _cx2[_Select.styles.placeholder(this.theme)] = params.isPlaceholder, _cx2[_Select.styles.customUsePlaceholder()] = params.isPlaceholder && use !== 'default', _cx2[_Select.styles.placeholderDisabled(this.theme)] = params.isPlaceholder && this.props.disabled, _cx2)), style: { paddingRight: this.getSelectIconGap() } };var useIsCustom = use !== 'default';return /*#__PURE__*/_react.default.createElement(_Button.Button, buttonProps, /*#__PURE__*/_react.default.createElement("div", { className: _Select.styles.selectButtonContainer() }, this.props._icon && /*#__PURE__*/_react.default.createElement("div", { className: this.getLeftIconClass(this.props.size) }, this.props._icon), /*#__PURE__*/_react.default.createElement("span", labelProps, params.label), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Select.styles.arrowWrap(this.theme), (_cx3 = {}, _cx3[_Select.styles.arrowDisabled(this.theme)] = this.props.disabled, _cx3[_Select.styles.customUseArrow()] = useIsCustom, _cx3)) }, /*#__PURE__*/_react.default.createElement(_px.ArrowChevronDownIcon, null))));};_proto.getSelectIconGap = function getSelectIconGap() {var _this3 = this;var getArrowPadding = function getArrowPadding() {switch (_this3.props.size) {case 'large':return _this3.theme.selectIconGapLarge;case 'medium':return _this3.theme.selectIconGapMedium;case 'small':default:return _this3.theme.selectIconGapSmall;}};var arrowLeftPadding = parseFloat(getArrowPadding()) || 0;return arrowLeftPadding;};_proto.renderMenu = function renderMenu() {var search = this.props.search ? this.getSearch() : null;var value = this.getValue();var hasFixedWidth = !!this.props.menuWidth && this.props.menuWidth !== 'auto';return /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, { getParent: this.dropdownContainerGetParent, offsetY: -1, align: this.props.menuAlign, disablePortal: this.props.disablePortal, hasFixedWidth: hasFixedWidth, menuPos: this.props.menuPos }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: this.refMenu, width: this.props.menuWidth, onItemClick: this.close, maxHeight: this.props.maxMenuHeight, align: this.props.menuAlign }, search, this.getMenuItems(value)));};_proto.renderMobileMenu = function renderMobileMenu() {var search = this.props.search ? this.getMobileSearch() : null;var value = this.getValue();return /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { headerChildComponent: search, caption: this.props.mobileMenuHeaderText, onCloseRequest: this.close, opened: this.state.opened }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { hasShadow: false, onItemClick: this.close, disableScrollContainer: true, maxHeight: 'auto' }, this.getMenuItems(value)));};_proto.select = function select(value) {this.focus();this.setState({ opened: false, value: value });if (!this.areValuesEqual(this.getValue(), value)) {var _this$props$onValueCh, _this$props;(_this$props$onValueCh = (_this$props = this.props).onValueChange) == null ? void 0 : _this$props$onValueCh.call(_this$props, value);}};_proto.getValue = function getValue() {if (this.props.value !== undefined) {return this.props.value;}return this.state.value;};_proto.mapItems = function mapItems(fn) {var items = this.props.items;if (!items) {return [];}var pattern = this.state.searchPattern && this.state.searchPattern.toLowerCase();var result = [];var index = 0;for (var _iterator = _createForOfIteratorHelperLoose(items), _step; !(_step = _iterator()).done;) {var entry = _step.value;var _normalizeEntry = normalizeEntry(entry),_value = _normalizeEntry[0],_item = _normalizeEntry[1],_comment = _normalizeEntry[2];if (!pattern || this.getProps().filterItem(_value, _item, pattern)) {result.push(fn(_value, _item, index, _comment));++index;}}return result;};_proto.getItemByValue = function getItemByValue(value) {if (value === null || value === undefined) {return null;}var items = this.props.items || [];for (var _iterator2 = _createForOfIteratorHelperLoose(items), _step2; !(_step2 = _iterator2()).done;) {var entry = _step2.value;var _normalizeEntry2 = normalizeEntry(entry),itemValue = _normalizeEntry2[0],_item2 = _normalizeEntry2[1];if (this.areValuesEqual(itemValue, value)) {return _item2;}}return null;};_proto.areValuesEqual = function areValuesEqual(value1, value2) {return (0, _utils.isNonNullable)(value1) && (0, _utils.isNonNullable)(value2) && this.getProps().areValuesEqual(value1, value2);};return Select;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Select', _class2.defaultProps = { renderValue: renderValue, renderItem: renderItem, areValuesEqual: areValuesEqual, filterItem: filterItem, use: 'default' }, _class2.Item = _Item.Item, _class2.SEP = function () {return /*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, null);}, _class2.static = function (element) {(0, _invariant.default)( /*#__PURE__*/_react.default.isValidElement(element) || typeof element === 'function', 'Select.static(element) expects element to be a valid react element.');return element;}, _temp)) || _class) || _class) || _class);exports.Select = Select;
 function renderValue(value, item) {
   return item;
 }

package/cjs/components/Select/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Select.tsx"],"names":["PASS_BUTTON_PROPS","disabled","error","use","size","warning","onMouseEnter","onMouseLeave","onMouseOver","SelectDataTids","root","Select","SelectLocaleHelper","responsiveLayout","rootNode","state","opened","value","props","defaultValue","searchPattern","buttonElement","getProps","defaultProps","open","setState","onOpen","close","onClose","focus","getDefaultButtonParams","renderLabel","label","isPlaceholder","buttonParams","onClick","toggle","onKeyDown","handleKey","getSearch","noMargin","styles","search","focusInput","handleSearch","getMenuItems","isMobile","isMobileLayout","mapItems","iValue","item","i","comment","element","React","isValidElement","cloneElement","key","areValuesEqual","select","bind","renderItem","dropdownContainerGetParent","input","setTimeout","refMenu","menu","e","preventDefault","up","down","enter","highlightItem","buttonRef","getButton","button","_renderButton","renderDefaultButton","Children","only","ref","onFocus","onBlur","componentDidUpdate","_prevProps","prevState","window","addEventListener","removeEventListener","render","theme","renderMain","getMenuRenderer","renderMobileMenu","renderMenu","style","width","maxWidth","undefined","rootMobile","setRootNode","getValue","getItemByValue","renderValue","placeholder","locale","getLeftIconClass","leftIconLink","leftIconLarge","leftIconMedium","leftIconSmall","params","buttonProps","align","active","labelProps","className","customUsePlaceholder","placeholderDisabled","paddingRight","getSelectIconGap","useIsCustom","selectButtonContainer","_icon","arrowWrap","arrowDisabled","customUseArrow","getArrowPadding","selectIconGapLarge","selectIconGapMedium","selectIconGapSmall","arrowLeftPadding","parseFloat","hasFixedWidth","menuWidth","menuAlign","disablePortal","maxMenuHeight","isWithSearch","Boolean","mobileMenuHeaderText","onValueChange","fn","items","pattern","toLowerCase","result","index","entry","normalizeEntry","filterItem","push","itemValue","value1","value2","Component","__KONTUR_REACT_UI__","propTypes","PropTypes","func","any","bool","oneOfType","array","object","number","string","node","Item","SEP","static","Array","isArray","getTextFromItem","toString","itemText","indexOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport invariant from 'invariant';\n\nimport {\n isKeyArrowDown,\n isKeyArrowUp,\n isKeyArrowVertical,\n isKeyEnter,\n isKeyEscape,\n isKeySpace,\n} from '../../lib/events/keyboard/identifiers';\nimport { locale } from '../../lib/locale/decorators';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { Button, ButtonProps, ButtonSize, ButtonUse } from '../Button';\nimport { DropdownContainer } from '../../internal/DropdownContainer';\nimport { filterProps } from '../../lib/filterProps';\nimport { Input } from '../Input';\nimport { Menu } from '../../internal/Menu';\nimport { MenuItem, MenuItemProps } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable } from '../../typings/utility-types';\nimport { isFunction, isNonNullable, isReactUINode } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ArrowChevronDownIcon } from '../../internal/icons/16px';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { Item } from './Item';\nimport { SelectLocale, SelectLocaleHelper } from './locale';\nimport { styles } from './Select.styles';\nimport { getSelectTheme } from './selectTheme';\n\nexport interface ButtonParams {\n disabled?: boolean;\n label: React.ReactNode;\n onClick: () => void;\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n opened: boolean;\n isPlaceholder: boolean;\n}\n\nconst PASS_BUTTON_PROPS = {\n disabled: true,\n error: true,\n use: true,\n size: true,\n warning: true,\n\n onMouseEnter: true,\n onMouseLeave: true,\n onMouseOver: true,\n};\n\nexport const SelectDataTids = {\n root: 'Select__root',\n} as const;\n\ntype SelectItem<TValue, TItem> =\n \| [TValue, TItem, React.ReactNode?]\n \| TItem\n \| React.ReactElement\n \| (() => React.ReactElement);\n\nexport interface SelectProps<TValue, TItem> extends CommonProps {\n /** @ignore /\n _icon?: React.ReactNode;\n /* @ignore /\n _renderButton?: (params: ButtonParams) => React.ReactNode;\n defaultValue?: TValue;\n /\n Отключает использование портала\n /\n disablePortal?: boolean;\n disabled?: boolean;\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;\n /\n Набор значений. Поддерживаются любые перечисляемые типы, в том числе\n * `Array`, `Map`, `Immutable.Map`.\n \n Элементы воспринимаются следующим образом: если элемент — это массив, то\n * первый элемент является значением, второй — отображается в списке,\n * а третий – комментарий;\n * если элемент не является массивом, то он используется и для отображения,\n * и для значения.\n \n Для вставки разделителя можно использовать `Select.SEP`.\n \n Вставить невыделяемый элемент со своей разметкой можно так:\n * ```\n * <Select ...\n * items={[Select.static(() => <div>My Element</div>)]}\n * />\n * ```\n \n Чтобы добавить стандартный отступ для статического элемента:\n * ```\n * <Select.Item>My Element</Select.Item>\n * ```\n /\n items?: Array<SelectItem<TValue, TItem>>;\n maxMenuHeight?: number;\n maxWidth?: React.CSSProperties['maxWidth'];\n menuAlign?: 'left' \| 'right';\n menuWidth?: React.CSSProperties['width'];\n onValueChange?: (value: TValue) => void;\n onClose?: () => void;\n onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;\n onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;\n onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;\n onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n onOpen?: () => void;\n placeholder?: React.ReactNode;\n /\n Функция для отрисовки элемента в выпадающем списке. Аргументы — value,\n * item.\n /\n renderItem?: (value: TValue, item?: TItem) => React.ReactNode;\n /\n Функция для отрисовки выбранного элемента. Аргументы — value, item.\n /\n renderValue?: (value: TValue, item?: TItem) => React.ReactNode;\n /\n Функция для сравнения `value` с элементом из `items`\n /\n areValuesEqual?: (value1: TValue, value2: TValue) => boolean;\n /\n Показывать строку поиска в списке.\n /\n search?: boolean;\n value?: TValue;\n width?: number \| string;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n use?: ButtonUse;\n size?: ButtonSize;\n onFocus?: React.FocusEventHandler<HTMLElement>;\n onBlur?: React.FocusEventHandler<HTMLElement>;\n /\n Текст заголовка выпадающего меню в мобильной версии\n /\n mobileMenuHeaderText?: string;\n}\n\nexport interface SelectState<TValue> {\n opened: boolean;\n searchPattern: string;\n value: Nullable<TValue>;\n}\n\ninterface FocusableReactElement extends React.ReactElement<any> {\n focus: (event?: any) => void;\n}\n\n@responsiveLayout\n@rootNode\n@locale('Select', SelectLocaleHelper)\nexport class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {\n public static __KONTUR_REACT_UI__ = 'Select';\n\n public static propTypes = {\n areValuesEqual: PropTypes.func,\n defaultValue: PropTypes.any,\n disablePortal: PropTypes.bool,\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n filterItem: PropTypes.func,\n items: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n maxMenuHeight: PropTypes.number,\n maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n placeholder: PropTypes.node,\n renderItem: PropTypes.func,\n renderValue: PropTypes.func,\n search: PropTypes.bool,\n value: PropTypes.any,\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n onValueChange: PropTypes.func,\n onMouseEnter: PropTypes.func,\n onMouseLeave: PropTypes.func,\n onMouseOver: PropTypes.func,\n onKeyDown: PropTypes.func,\n };\n\n public static defaultProps = {\n renderValue,\n renderItem,\n areValuesEqual,\n filterItem,\n use: 'default',\n };\n\n public static Item = Item;\n public static SEP = () => <MenuSeparator />;\n\n public static static = (element: React.ReactElement \| (() => React.ReactElement)) => {\n invariant(\n React.isValidElement(element) \|\| typeof element === 'function',\n 'Select.static(element) expects element to be a valid react element.',\n );\n return element;\n };\n\n public state: SelectState<TValue> = {\n opened: false,\n value: this.props.defaultValue,\n searchPattern: '',\n };\n\n private theme!: Theme;\n private isMobileLayout!: boolean;\n private readonly locale!: SelectLocale;\n private menu: Nullable<Menu>;\n private buttonElement: FocusableReactElement \| null = null;\n private getProps = createPropsGetter(Select.defaultProps);\n private setRootNode!: TSetRootNode;\n\n public componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>) {\n if (!prevState.opened && this.state.opened) {\n window.addEventListener('popstate', this.close);\n }\n if (prevState.opened && !this.state.opened) {\n window.removeEventListener('popstate', this.close);\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n @public\n /\n public open = () => {\n if (!this.state.opened) {\n this.setState({ opened: true });\n\n if (this.props.onOpen) {\n this.props.onOpen();\n }\n }\n };\n\n /\n @public\n /\n public close = () => {\n if (this.state.opened) {\n this.setState({ opened: false, searchPattern: '' });\n\n if (this.props.onClose) {\n this.props.onClose();\n }\n }\n };\n\n /\n @public\n */\n public focus = () => {\n if (this.buttonElement && this.buttonElement.focus) {\n this.buttonElement.focus();\n }\n };\n\n private getMenuRenderer() {\n if (this.props.disabled) {\n return null;\n }\n\n if (this.isMobileLayout) {\n return this.renderMobileMenu();\n }\n\n if (this.state.opened) {\n return this.renderMenu();\n }\n\n return null;\n }\n\n private renderMain() {\n const buttonParams = this.getDefaultButtonParams();\n const button = this.getButton(buttonParams);\n\n const isMobile = this.isMobileLayout;\n\n const style = {\n width: this.props.width,\n maxWidth: this.props.maxWidth \|\| undefined,\n };\n\n const root = (\n <span\n data-tid={SelectDataTids.root}\n className={cx({ [styles.root()]: true, [styles.rootMobile(this.theme)]: isMobile })}\n style={style}\n >\n {button}\n {this.getMenuRenderer()}\n </span>\n );\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <RenderLayer\n onClickOutside={this.close}\n onFocusOutside={this.close}\n active={isMobile ? false : this.state.opened}\n >\n {root}\n </RenderLayer>\n </CommonWrapper>\n );\n }\n\n private getDefaultButtonParams = (): ButtonParams => {\n const { label, isPlaceholder } = this.renderLabel();\n\n const buttonParams: ButtonParams = {\n opened: this.state.opened,\n label,\n isPlaceholder,\n onClick: this.toggle,\n onKeyDown: this.handleKey,\n };\n\n return buttonParams;\n };\n\n private renderLabel() {\n const value = this.getValue();\n const item = this.getItemByValue(value);\n\n if (isNonNullable(value)) {\n return {\n label: this.getProps().renderValue(value, item),\n isPlaceholder: false,\n };\n }\n\n return {\n label: <span>{this.props.placeholder \|\| this.locale?.placeholder}</span>,\n isPlaceholder: true,\n };\n }\n\n private getLeftIconClass(size: ButtonSize \| undefined) {\n if (this.props.use === 'link') {\n return styles.leftIconLink(this.theme);\n }\n\n switch (size) {\n case 'large':\n return styles.leftIconLarge(this.theme);\n case 'medium':\n return styles.leftIconMedium(this.theme);\n case 'small':\n default:\n return styles.leftIconSmall(this.theme);\n }\n }\n\n private renderDefaultButton(params: ButtonParams) {\n const buttonProps: ButtonProps = {\n ...filterProps(this.props, PASS_BUTTON_PROPS),\n align: 'left' as React.CSSProperties['textAlign'],\n disabled: this.props.disabled,\n width: '100%',\n onClick: params.onClick,\n onKeyDown: params.onKeyDown,\n active: params.opened,\n };\n\n const labelProps = {\n className: cx({\n [styles.label()]: this.props.use !== 'link',\n [styles.placeholder(this.theme)]: params.isPlaceholder,\n [styles.customUsePlaceholder()]: params.isPlaceholder && this.props.use !== 'default',\n [styles.placeholderDisabled(this.theme)]: params.isPlaceholder && this.props.disabled,\n }),\n style: {\n paddingRight: this.getSelectIconGap(),\n },\n };\n\n const useIsCustom = this.props.use !== 'default';\n\n return (\n <ThemeContext.Provider value={getSelectTheme(this.theme, this.props)}>\n <Button {...buttonProps}>\n <div className={styles.selectButtonContainer()}>\n {this.props._icon && <div className={this.getLeftIconClass(this.props.size)}>{this.props._icon}</div>}\n <span {...labelProps}>{params.label}</span>\n\n <div\n className={cx(styles.arrowWrap(this.theme), {\n [styles.arrowDisabled(this.theme)]: this.props.disabled,\n [styles.customUseArrow()]: useIsCustom,\n })}\n >\n <ArrowChevronDownIcon />\n </div>\n </div>\n </Button>\n </ThemeContext.Provider>\n );\n }\n\n private getSelectIconGap(): number {\n const getArrowPadding = () => {\n switch (this.props.size) {\n case 'large':\n return this.theme.selectIconGapLarge;\n case 'medium':\n return this.theme.selectIconGapMedium;\n case 'small':\n default:\n return this.theme.selectIconGapSmall;\n }\n };\n const arrowLeftPadding = parseFloat(getArrowPadding()) \|\| 0;\n\n return arrowLeftPadding;\n }\n\n private renderMenu(): React.ReactNode {\n const search = this.props.search ? (\n <div className={styles.search()} onKeyDown={this.handleKey}>\n <Input ref={this.focusInput} onValueChange={this.handleSearch} width=\"100%\" />\n </div>\n ) : null;\n\n const value = this.getValue();\n const hasFixedWidth = !!this.props.menuWidth && this.props.menuWidth !== 'auto';\n\n return (\n <DropdownContainer\n getParent={this.dropdownContainerGetParent}\n offsetY={-1}\n align={this.props.menuAlign}\n disablePortal={this.props.disablePortal}\n hasFixedWidth={hasFixedWidth}\n >\n <Menu\n ref={this.refMenu}\n width={this.props.menuWidth}\n onItemClick={this.close}\n maxHeight={this.props.maxMenuHeight}\n align={this.props.menuAlign}\n >\n {search}\n {this.getMenuItems(value)}\n </Menu>\n </DropdownContainer>\n );\n }\n\n private renderMobileMenu(): React.ReactNode {\n const search = this.props.search ? this.getSearch(true) : null;\n const value = this.getValue();\n\n const isWithSearch = Boolean(search);\n\n return (\n <MobilePopup\n headerChildComponent={search}\n caption={this.props.mobileMenuHeaderText}\n useFullHeight={isWithSearch}\n onCloseRequest={this.close}\n opened={this.state.opened}\n >\n <Menu hasShadow={false} onItemClick={this.close} disableScrollContainer maxHeight={'auto'}>\n {this.getMenuItems(value)}\n </Menu>\n </MobilePopup>\n );\n }\n\n private getSearch = (noMargin?: boolean) => {\n return (\n <div className={cx({ [styles.search()]: !noMargin })}>\n <Input value={this.state.searchPattern} ref={this.focusInput} onValueChange={this.handleSearch} width=\"100%\" />\n </div>\n );\n };\n\n private getMenuItems = (value: Nullable<TValue>) => {\n const isMobile = this.isMobileLayout;\n\n return this.mapItems(\n (iValue: TValue, item: TItem \| (() => React.ReactNode), i: number, comment: Nullable<React.ReactNode>) => {\n if (isFunction(item)) {\n const element = item();\n\n if (React.isValidElement(element)) {\n return React.cloneElement(element, { key: i, isMobile });\n }\n\n return null;\n }\n\n if (React.isValidElement(item)) {\n if (isReactUINode('MenuItem', item)) {\n return React.cloneElement(item, { key: i, isMobile } as MenuItemProps);\n }\n return React.cloneElement(item, { key: i });\n }\n\n return (\n <MenuItem\n key={i}\n state={this.areValuesEqual(iValue, value) ? 'selected' : null}\n onClick={this.select.bind(this, iValue)}\n comment={comment}\n isMobile={isMobile}\n >\n {this.getProps().renderItem<TValue, TItem>(iValue, item)}\n </MenuItem>\n );\n },\n );\n };\n\n private dropdownContainerGetParent = () => {\n return getRootNode(this);\n };\n\n private focusInput = (input: Input) => {\n // fix cases when an Input is rendered in portal\n setTimeout(() => input?.focus(), 0);\n };\n\n private refMenu = (menu: Menu) => {\n this.menu = menu;\n };\n\n private toggle = () => {\n if (this.state.opened) {\n this.close();\n } else {\n this.open();\n }\n };\n\n private handleKey = (e: React.KeyboardEvent<HTMLElement>) => {\n if (!this.state.opened) {\n if (isKeySpace(e) \|\| isKeyArrowVertical(e)) {\n e.preventDefault();\n this.open();\n }\n } else {\n switch (true) {\n case isKeyEscape(e):\n this.focus();\n this.close();\n break;\n case isKeyArrowUp(e):\n e.preventDefault();\n if (this.menu) {\n this.menu.up();\n }\n break;\n case isKeyArrowDown(e):\n e.preventDefault();\n if (this.menu) {\n this.menu.down();\n }\n break;\n case isKeyEnter(e):\n e.preventDefault(); // To prevent form submission.\n if (this.menu) {\n this.menu.enter(e);\n }\n break;\n }\n }\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n };\n\n private handleSearch = (value: string) => {\n this.setState({ searchPattern: value });\n this.menu?.highlightItem(1);\n };\n\n private select(value: TValue) {\n this.focus();\n this.setState({ opened: false, value });\n\n if (!this.areValuesEqual(this.getValue(), value)) {\n this.props.onValueChange?.(value);\n }\n }\n\n private getValue() {\n if (this.props.value !== undefined) {\n return this.props.value;\n }\n return this.state.value;\n }\n\n private mapItems(fn: (value: TValue, item: TItem, index: number, comment?: string) => React.ReactNode) {\n const { items } = this.props;\n if (!items) {\n return [];\n }\n const pattern = this.state.searchPattern && this.state.searchPattern.toLowerCase();\n\n const result: React.ReactNode[] = [];\n let index = 0;\n for (const entry of items) {\n const [value, item, comment] = normalizeEntry(entry as TItem);\n\n if (!pattern \|\| this.getProps().filterItem<TValue>(value, item, pattern)) {\n result.push(fn(value, item, index, comment));\n ++index;\n }\n }\n\n return result;\n }\n\n private getItemByValue(value?: Nullable<TValue>) {\n if (value === null \|\| value === undefined) {\n return null;\n }\n\n const items = this.props.items \|\| [];\n\n for (const entry of items) {\n const [itemValue, item] = normalizeEntry(entry);\n\n if (this.areValuesEqual(itemValue, value)) {\n return item;\n }\n }\n return null;\n }\n\n private areValuesEqual(value1: Nullable<TValue>, value2: Nullable<TValue>) {\n return isNonNullable(value1) && isNonNullable(value2) && this.getProps().areValuesEqual<TValue>(value1, value2);\n }\n\n private buttonRef = (element: FocusableReactElement \| null) => {\n this.buttonElement = element;\n };\n\n private getButton = (buttonParams: ButtonParams) => {\n const button = this.props._renderButton\n ? this.props._renderButton(buttonParams)\n : this.renderDefaultButton(buttonParams);\n\n const buttonElement = React.Children.only(button);\n\n return React.isValidElement(buttonElement)\n ? React.cloneElement(buttonElement as React.ReactElement, {\n ref: this.buttonRef,\n onFocus: this.props.onFocus,\n onBlur: this.props.onBlur,\n })\n : buttonElement;\n };\n}\n\nfunction renderValue<TValue, TItem>(value: TValue, item: Nullable<TItem>) {\n return item;\n}\n\nfunction renderItem<TValue, TItem>(value: TValue, item?: TItem) {\n return item;\n}\n\nfunction areValuesEqual<TValue>(value1: TValue, value2: TValue) {\n return value1 === value2;\n}\n\nfunction normalizeEntry(entry: any) {\n if (Array.isArray(entry)) {\n return entry;\n }\n\n return [entry, entry, undefined];\n}\n\nconst getTextFromItem = (item: any): string => {\n if (typeof item === 'string') {\n return item;\n }\n\n if (isFunction(item)) {\n return getTextFromItem(item());\n }\n\n if (React.isValidElement(item)) {\n return reactGetTextContent(item);\n }\n\n if (typeof item === 'number') {\n return item.toString(10);\n }\n\n return '';\n};\n\nfunction filterItem<TValue>(value: TValue, item: any, pattern: string) {\n if (item === Select.SEP) {\n return false;\n }\n\n const itemText = getTextFromItem(item);\n\n if (!itemText) {\n return false;\n }\n\n return itemText.toLowerCase().indexOf(pattern) !== -1;\n}\n"]}
1	+ {"version":3,"sources":["Select.tsx"],"names":["PASS_BUTTON_PROPS","disabled","error","use","size","warning","onMouseEnter","onMouseLeave","onMouseOver","SelectDataTids","root","Select","SelectLocaleHelper","responsiveLayout","rootNode","state","opened","value","props","defaultValue","searchPattern","buttonElement","getProps","defaultProps","open","setState","onOpen","close","onClose","focus","getDefaultButtonParams","renderLabel","label","isPlaceholder","buttonParams","onClick","toggle","onKeyDown","handleKey","getSearch","styles","search","focusInput","handleSearch","getMobileSearch","getMenuItems","isMobile","isMobileLayout","mapItems","iValue","item","i","comment","element","React","isValidElement","cloneElement","key","areValuesEqual","select","bind","renderItem","dropdownContainerGetParent","input","setTimeout","refMenu","menu","e","preventDefault","up","down","enter","highlightItem","buttonRef","getButton","button","_renderButton","renderDefaultButton","Children","only","ref","onFocus","onBlur","componentDidUpdate","_prevProps","prevState","window","addEventListener","removeEventListener","render","theme","renderMain","getMenuRenderer","renderMobileMenu","renderMenu","style","width","maxWidth","undefined","rootMobile","setRootNode","getValue","getItemByValue","renderValue","placeholder","locale","getLeftIconClass","leftIconLink","leftIconLarge","leftIconMedium","leftIconSmall","params","buttonProps","align","active","labelProps","className","customUsePlaceholder","placeholderDisabled","paddingRight","getSelectIconGap","useIsCustom","selectButtonContainer","_icon","arrowWrap","arrowDisabled","customUseArrow","getArrowPadding","selectIconGapLarge","selectIconGapMedium","selectIconGapSmall","arrowLeftPadding","parseFloat","hasFixedWidth","menuWidth","menuAlign","disablePortal","menuPos","maxMenuHeight","mobileMenuHeaderText","onValueChange","fn","items","pattern","toLowerCase","result","index","entry","normalizeEntry","filterItem","push","itemValue","value1","value2","Component","__KONTUR_REACT_UI__","Item","SEP","static","Array","isArray","getTextFromItem","toString","itemText","indexOf"],"mappings":"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","sourcesContent":["import React, { ReactNode, ReactPortal, AriaAttributes } from 'react';\nimport invariant from 'invariant';\n\nimport {\n isKeyArrowDown,\n isKeyArrowUp,\n isKeyArrowVertical,\n isKeyEnter,\n isKeyEscape,\n isKeySpace,\n} from '../../lib/events/keyboard/identifiers';\nimport { locale } from '../../lib/locale/decorators';\nimport { reactGetTextContent } from '../../lib/reactGetTextContent';\nimport { Button, ButtonProps, ButtonSize, ButtonUse } from '../Button';\nimport { DropdownContainer, DropdownContainerProps } from '../../internal/DropdownContainer';\nimport { filterProps } from '../../lib/filterProps';\nimport { Input } from '../Input';\nimport { Menu } from '../../internal/Menu';\nimport { MenuItem, MenuItemProps } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable } from '../../typings/utility-types';\nimport { isFunction, isNonNullable, isReactUINode } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ArrowChevronDownIcon } from '../../internal/icons/16px';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { getRootNode, rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { Item } from './Item';\nimport { SelectLocale, SelectLocaleHelper } from './locale';\nimport { styles } from './Select.styles';\nimport { getSelectTheme } from './selectTheme';\n\nexport interface ButtonParams {\n disabled?: boolean;\n label: React.ReactNode;\n onClick: () => void;\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n opened: boolean;\n isPlaceholder: boolean;\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nconst PASS_BUTTON_PROPS = {\n disabled: true,\n error: true,\n use: true,\n size: true,\n warning: true,\n\n onMouseEnter: true,\n onMouseLeave: true,\n onMouseOver: true,\n};\n\nexport const SelectDataTids = {\n root: 'Select__root',\n} as const;\n\ntype SelectItem<TValue, TItem> =\n \| [TValue, TItem, React.ReactNode?]\n \| TItem\n \| TValue\n \| React.ReactElement\n \| (() => React.ReactElement);\n\nexport interface SelectProps<TValue, TItem> extends CommonProps, Pick<DropdownContainerProps, 'menuPos'> {\n /** @ignore /\n _icon?: React.ReactNode;\n /* @ignore /\n _renderButton?: (params: ButtonParams) => React.ReactNode;\n defaultValue?: TValue;\n /\n Отключает использование портала\n /\n disablePortal?: boolean;\n disabled?: boolean;\n /\n Состояние валидации при ошибке.\n /\n error?: boolean;\n filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;\n /\n Набор значений. Поддерживаются любые перечисляемые типы, в том числе\n * `Array`, `Map`, `Immutable.Map`.\n \n Элементы воспринимаются следующим образом: если элемент — это массив, то\n * первый элемент является значением, второй — отображается в списке,\n * а третий – комментарий;\n * если элемент не является массивом, то он используется и для отображения,\n * и для значения.\n \n Для вставки разделителя можно использовать `Select.SEP`.\n \n Вставить невыделяемый элемент со своей разметкой можно так:\n * ```\n * <Select ...\n * items={[Select.static(() => <div>My Element</div>)]}\n * />\n * ```\n \n Чтобы добавить стандартный отступ для статического элемента:\n * ```\n * <Select.Item>My Element</Select.Item>\n * ```\n /\n items?: Array<SelectItem<TValue, TItem>>;\n maxMenuHeight?: number;\n maxWidth?: React.CSSProperties['maxWidth'];\n menuAlign?: 'left' \| 'right';\n menuWidth?: React.CSSProperties['width'];\n onValueChange?: (value: TValue) => void;\n onClose?: () => void;\n onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;\n onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;\n onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;\n onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n onOpen?: () => void;\n placeholder?: React.ReactNode;\n /\n Функция для отрисовки элемента в выпадающем списке. Аргументы — value,\n * item.\n /\n renderItem?: (value: TValue, item?: TItem) => React.ReactNode;\n /\n Функция для отрисовки выбранного элемента. Аргументы — value, item.\n /\n renderValue?: (value: TValue, item?: TItem) => React.ReactNode;\n /\n Функция для сравнения `value` с элементом из `items`\n /\n areValuesEqual?: (value1: TValue, value2: TValue) => boolean;\n /\n Показывать строку поиска в списке.\n /\n search?: boolean;\n value?: TValue;\n width?: number \| string;\n /\n Состояние валидации при предупреждении.\n /\n warning?: boolean;\n use?: ButtonUse;\n size?: ButtonSize;\n onFocus?: React.FocusEventHandler<HTMLElement>;\n onBlur?: React.FocusEventHandler<HTMLElement>;\n /\n Текст заголовка выпадающего меню в мобильной версии\n /\n mobileMenuHeaderText?: string;\n /\n Атрибут для указания id элемента(-ов), описывающих его\n /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport interface SelectState<TValue> {\n opened: boolean;\n searchPattern: string;\n value: Nullable<TValue>;\n}\n\ninterface FocusableReactElement extends React.ReactElement<any> {\n focus: (event?: any) => void;\n}\n\ntype DefaultProps<TValue, TItem> = Required<\n Pick<SelectProps<TValue, TItem>, 'renderValue' \| 'renderItem' \| 'areValuesEqual' \| 'filterItem' \| 'use'>\n>;\n\n@responsiveLayout\n@rootNode\n@locale('Select', SelectLocaleHelper)\n// Suggested solutions break current behavior\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {\n public static __KONTUR_REACT_UI__ = 'Select';\n\n public static defaultProps: DefaultProps<unknown, ReactNode \| ReactPortal> = {\n renderValue,\n renderItem,\n areValuesEqual,\n filterItem,\n use: 'default',\n };\n\n public static Item = Item;\n public static SEP = () => <MenuSeparator />;\n\n public static static = (element: React.ReactElement \| (() => React.ReactElement)) => {\n invariant(\n React.isValidElement(element) \|\| typeof element === 'function',\n 'Select.static(element) expects element to be a valid react element.',\n );\n return element;\n };\n\n public state: SelectState<TValue> = {\n opened: false,\n value: this.props.defaultValue,\n searchPattern: '',\n };\n\n private theme!: Theme;\n private isMobileLayout!: boolean;\n private readonly locale!: SelectLocale;\n private menu: Nullable<Menu>;\n private buttonElement: FocusableReactElement \| null = null;\n private getProps = createPropsGetter(Select.defaultProps);\n private setRootNode!: TSetRootNode;\n\n public componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>) {\n if (!prevState.opened && this.state.opened) {\n window.addEventListener('popstate', this.close);\n }\n if (prevState.opened && !this.state.opened) {\n window.removeEventListener('popstate', this.close);\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n @public\n /\n public open = () => {\n if (!this.state.opened) {\n this.setState({ opened: true });\n\n if (this.props.onOpen) {\n this.props.onOpen();\n }\n }\n };\n\n /\n @public\n /\n public close = () => {\n if (this.state.opened) {\n this.setState({ opened: false, searchPattern: '' });\n\n if (this.props.onClose) {\n this.props.onClose();\n }\n }\n };\n\n /\n @public\n */\n public focus = () => {\n if (this.buttonElement && this.buttonElement.focus) {\n this.buttonElement.focus();\n }\n };\n\n private getMenuRenderer() {\n if (this.props.disabled) {\n return null;\n }\n\n if (this.isMobileLayout) {\n return this.renderMobileMenu();\n }\n\n if (this.state.opened) {\n return this.renderMenu();\n }\n\n return null;\n }\n\n private renderMain() {\n const buttonParams = this.getDefaultButtonParams();\n const button = (\n <ThemeContext.Provider value={getSelectTheme(this.theme, this.props)}>\n {this.getButton(buttonParams)}\n </ThemeContext.Provider>\n );\n\n const isMobile = this.isMobileLayout;\n\n const style = {\n width: this.props.width,\n maxWidth: this.props.maxWidth \|\| undefined,\n };\n\n const root = (\n <span\n data-tid={SelectDataTids.root}\n className={cx({ [styles.root()]: true, [styles.rootMobile(this.theme)]: isMobile })}\n style={style}\n >\n {button}\n {this.getMenuRenderer()}\n </span>\n );\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <RenderLayer\n onClickOutside={this.close}\n onFocusOutside={this.close}\n active={isMobile ? false : this.state.opened}\n >\n {root}\n </RenderLayer>\n </CommonWrapper>\n );\n }\n\n private getDefaultButtonParams = (): ButtonParams => {\n const { label, isPlaceholder } = this.renderLabel();\n\n const buttonParams: ButtonParams = {\n opened: this.state.opened,\n label,\n isPlaceholder,\n onClick: this.toggle,\n onKeyDown: this.handleKey,\n 'aria-describedby': this.props['aria-describedby'],\n };\n\n return buttonParams;\n };\n\n private renderLabel() {\n const value = this.getValue();\n const item = this.getItemByValue(value);\n\n if (isNonNullable(value)) {\n return {\n label: this.getProps().renderValue(value, item),\n isPlaceholder: false,\n };\n }\n\n return {\n label: <span>{this.props.placeholder \|\| this.locale?.placeholder}</span>,\n isPlaceholder: true,\n };\n }\n\n private getLeftIconClass(size: ButtonSize \| undefined) {\n if (this.getProps().use === 'link') {\n return styles.leftIconLink(this.theme);\n }\n\n switch (size) {\n case 'large':\n return styles.leftIconLarge(this.theme);\n case 'medium':\n return styles.leftIconMedium(this.theme);\n case 'small':\n default:\n return styles.leftIconSmall(this.theme);\n }\n }\n\n private renderDefaultButton(params: ButtonParams) {\n const buttonProps: ButtonProps = {\n ...filterProps(this.props, PASS_BUTTON_PROPS),\n align: 'left' as React.CSSProperties['textAlign'],\n disabled: this.props.disabled,\n width: '100%',\n onClick: params.onClick,\n onKeyDown: params.onKeyDown,\n active: params.opened,\n 'aria-describedby': params['aria-describedby'],\n };\n const use = this.getProps().use;\n\n const labelProps = {\n className: cx({\n [styles.label()]: use !== 'link',\n [styles.placeholder(this.theme)]: params.isPlaceholder,\n [styles.customUsePlaceholder()]: params.isPlaceholder && use !== 'default',\n [styles.placeholderDisabled(this.theme)]: params.isPlaceholder && this.props.disabled,\n }),\n style: {\n paddingRight: this.getSelectIconGap(),\n },\n };\n\n const useIsCustom = use !== 'default';\n\n return (\n <Button {...buttonProps}>\n <div className={styles.selectButtonContainer()}>\n {this.props._icon && <div className={this.getLeftIconClass(this.props.size)}>{this.props._icon}</div>}\n <span {...labelProps}>{params.label}</span>\n\n <div\n className={cx(styles.arrowWrap(this.theme), {\n [styles.arrowDisabled(this.theme)]: this.props.disabled,\n [styles.customUseArrow()]: useIsCustom,\n })}\n >\n <ArrowChevronDownIcon />\n </div>\n </div>\n </Button>\n );\n }\n\n private getSelectIconGap(): number {\n const getArrowPadding = () => {\n switch (this.props.size) {\n case 'large':\n return this.theme.selectIconGapLarge;\n case 'medium':\n return this.theme.selectIconGapMedium;\n case 'small':\n default:\n return this.theme.selectIconGapSmall;\n }\n };\n const arrowLeftPadding = parseFloat(getArrowPadding()) \|\| 0;\n\n return arrowLeftPadding;\n }\n\n private renderMenu(): React.ReactNode {\n const search = this.props.search ? this.getSearch() : null;\n\n const value = this.getValue();\n const hasFixedWidth = !!this.props.menuWidth && this.props.menuWidth !== 'auto';\n\n return (\n <DropdownContainer\n getParent={this.dropdownContainerGetParent}\n offsetY={-1}\n align={this.props.menuAlign}\n disablePortal={this.props.disablePortal}\n hasFixedWidth={hasFixedWidth}\n menuPos={this.props.menuPos}\n >\n <Menu\n ref={this.refMenu}\n width={this.props.menuWidth}\n onItemClick={this.close}\n maxHeight={this.props.maxMenuHeight}\n align={this.props.menuAlign}\n >\n {search}\n {this.getMenuItems(value)}\n </Menu>\n </DropdownContainer>\n );\n }\n\n private getSearch = () => {\n return (\n <div className={styles.search()} onKeyDown={this.handleKey}>\n <Input ref={this.focusInput} onValueChange={this.handleSearch} width=\"100%\" />\n </div>\n );\n };\n\n private renderMobileMenu(): React.ReactNode {\n const search = this.props.search ? this.getMobileSearch() : null;\n const value = this.getValue();\n\n return (\n <MobilePopup\n headerChildComponent={search}\n caption={this.props.mobileMenuHeaderText}\n onCloseRequest={this.close}\n opened={this.state.opened}\n >\n <Menu hasShadow={false} onItemClick={this.close} disableScrollContainer maxHeight={'auto'}>\n {this.getMenuItems(value)}\n </Menu>\n </MobilePopup>\n );\n }\n\n private getMobileSearch = () => {\n return (\n <Input\n autoFocus\n value={this.state.searchPattern}\n ref={this.focusInput}\n onValueChange={this.handleSearch}\n width=\"100%\"\n />\n );\n };\n\n private getMenuItems = (value: Nullable<TValue>) => {\n const isMobile = this.isMobileLayout;\n\n return this.mapItems(\n (iValue: TValue, item: TItem \| (() => React.ReactNode), i: number, comment: Nullable<React.ReactNode>) => {\n if (isFunction(item)) {\n const element = item();\n\n if (React.isValidElement(element)) {\n return React.cloneElement(element, { key: i, isMobile });\n }\n\n return null;\n }\n\n if (React.isValidElement(item)) {\n if (isReactUINode('MenuItem', item)) {\n return React.cloneElement(item, { key: i, isMobile } as MenuItemProps);\n }\n return React.cloneElement(item, { key: i });\n }\n\n return (\n <MenuItem\n key={i}\n state={this.areValuesEqual(iValue, value) ? 'selected' : null}\n onClick={this.select.bind(this, iValue)}\n comment={comment}\n isMobile={isMobile}\n >\n {this.getProps().renderItem(iValue, item)}\n </MenuItem>\n );\n },\n );\n };\n\n private dropdownContainerGetParent = () => {\n return getRootNode(this);\n };\n\n private focusInput = (input: Input) => {\n // fix cases when an Input is rendered in portal\n setTimeout(() => input?.focus(), 0);\n };\n\n private refMenu = (menu: Menu) => {\n this.menu = menu;\n };\n\n private toggle = () => {\n if (this.state.opened) {\n this.close();\n } else {\n this.open();\n }\n };\n\n private handleKey = (e: React.KeyboardEvent<HTMLElement>) => {\n if (!this.state.opened) {\n if (isKeySpace(e) \|\| isKeyArrowVertical(e)) {\n e.preventDefault();\n this.open();\n }\n } else {\n switch (true) {\n case isKeyEscape(e):\n this.focus();\n this.close();\n break;\n case isKeyArrowUp(e):\n e.preventDefault();\n if (this.menu) {\n this.menu.up();\n }\n break;\n case isKeyArrowDown(e):\n e.preventDefault();\n if (this.menu) {\n this.menu.down();\n }\n break;\n case isKeyEnter(e):\n e.preventDefault(); // To prevent form submission.\n if (this.menu) {\n this.menu.enter(e);\n }\n break;\n }\n }\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n };\n\n private handleSearch = (value: string) => {\n this.setState({ searchPattern: value });\n this.menu?.highlightItem(1);\n };\n\n private select(value: TValue) {\n this.focus();\n this.setState({ opened: false, value });\n\n if (!this.areValuesEqual(this.getValue(), value)) {\n this.props.onValueChange?.(value);\n }\n }\n\n private getValue() {\n if (this.props.value !== undefined) {\n return this.props.value;\n }\n return this.state.value;\n }\n\n private mapItems(fn: (value: TValue, item: TItem, index: number, comment?: string) => React.ReactNode) {\n const { items } = this.props;\n if (!items) {\n return [];\n }\n const pattern = this.state.searchPattern && this.state.searchPattern.toLowerCase();\n\n const result: React.ReactNode[] = [];\n let index = 0;\n for (const entry of items) {\n const [value, item, comment] = normalizeEntry(entry as TItem);\n\n if (!pattern \|\| this.getProps().filterItem(value, item, pattern)) {\n result.push(fn(value, item, index, comment));\n ++index;\n }\n }\n\n return result;\n }\n\n private getItemByValue(value?: Nullable<TValue>) {\n if (value === null \|\| value === undefined) {\n return null;\n }\n\n const items = this.props.items \|\| [];\n\n for (const entry of items) {\n const [itemValue, item] = normalizeEntry(entry);\n\n if (this.areValuesEqual(itemValue, value)) {\n return item;\n }\n }\n return null;\n }\n\n private areValuesEqual(value1: Nullable<TValue>, value2: Nullable<TValue>) {\n return isNonNullable(value1) && isNonNullable(value2) && this.getProps().areValuesEqual(value1, value2);\n }\n\n private buttonRef = (element: FocusableReactElement \| null) => {\n this.buttonElement = element;\n };\n\n private getButton = (buttonParams: ButtonParams) => {\n const button = this.props._renderButton\n ? this.props._renderButton(buttonParams)\n : this.renderDefaultButton(buttonParams);\n\n const buttonElement = React.Children.only(button);\n\n return React.isValidElement(buttonElement)\n ? React.cloneElement(buttonElement as React.ReactElement, {\n ref: this.buttonRef,\n onFocus: this.props.onFocus,\n onBlur: this.props.onBlur,\n })\n : buttonElement;\n };\n}\n\nfunction renderValue<TValue, TItem>(value: TValue, item: Nullable<TItem>) {\n return item;\n}\n\nfunction renderItem<TValue, TItem>(value: TValue, item?: TItem) {\n return item;\n}\n\nfunction areValuesEqual<TValue>(value1: TValue, value2: TValue) {\n return value1 === value2;\n}\n\nfunction normalizeEntry(entry: any) {\n if (Array.isArray(entry)) {\n return entry;\n }\n\n return [entry, entry, undefined];\n}\n\nconst getTextFromItem = (item: any): string => {\n if (typeof item === 'string') {\n return item;\n }\n\n if (isFunction(item)) {\n return getTextFromItem(item());\n }\n\n if (React.isValidElement(item)) {\n return reactGetTextContent(item);\n }\n\n if (typeof item === 'number') {\n return item.toString(10);\n }\n\n return '';\n};\n\nfunction filterItem<TValue>(value: TValue, item: any, pattern: string) {\n if (item === Select.SEP) {\n return false;\n }\n\n const itemText = getTextFromItem(item);\n\n if (!itemText) {\n return false;\n }\n\n return itemText.toLowerCase().indexOf(pattern) !== -1;\n}\n"]}

package/cjs/components/Select/Select.md CHANGED Viewed

@@ -8,6 +8,20 @@ const items = [Select.static(() => <Select.Item>Not selectable</Select.Item>), '
 <Select items={items} value={value} onValueChange={setValue} />;
 ```
+Очистить значение в `Select`'е можно только с помощью `null`
+```jsx harmony
+import { Button, Group } from '@skbkontur/react-ui';
+const [value, setValue] = React.useState();
+const items = ['One', 'Two', 'Three', 'Four'];
+<Group>
+  <Select items={items} value={value} onValueChange={setValue} />
+  <Button onClick={() => setValue(null)}>Очистить</Button>
+</Group>
+```
 Пример с полем поиска.
 ```jsx harmony

package/cjs/components/Select/Select.styles.js CHANGED Viewed

@@ -72,28 +72,28 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
   leftIconSmall: function leftIconSmall(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", ";\n      width: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      width: ", ";\n    "])),
     t.selectIconGapSmall,
     t.btnIconSizeSmall);
   },
   leftIconMedium: function leftIconMedium(t) {
-    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", ";\n      width: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      width: ", ";\n    "])),
     t.selectIconGapMedium,
     t.btnIconSizeMedium);
   },
   leftIconLarge: function leftIconLarge(t) {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", ";\n      width: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n      width: ", ";\n    "])),
     t.selectIconGapLarge,
     t.btnIconSizeLarge);
   },
   leftIconLink: function leftIconLink(t) {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding-right: ", ";\n    "])),
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
     t.btnLinkIconMarginRight);
   },

package/cjs/components/Select/Select.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Select.styles.ts"],"names":["styles","root","css","rootMobile","t","selectRootWidthMobile","placeholder","selectPlaceholderColor","placeholderDisabled","selectPlaceholderColorDisabled","customUsePlaceholder","arrowWrap","selectMenuArrowColor","arrowDisabled","selectMenuArrowColorDisabled","customUseArrow","label","search","leftIconSmall","selectIconGapSmall","btnIconSizeSmall","leftIconMedium","selectIconGapMedium","btnIconSizeMedium","leftIconLarge","selectIconGapLarge","btnIconSizeLarge","leftIconLink","btnLinkIconMarginRight","selectButtonContainer"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;AAKD,GAPgC;;AASjCC,EAAAA,UATiC,sBAStBC,CATsB,EASZ;AACnB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACC,qBADb;;AAGD,GAbgC;;AAejCC,EAAAA,WAfiC,uBAerBF,CAfqB,EAeX;AACpB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACG,sBADb;;;AAID,GApBgC;;AAsBjCC,EAAAA,mBAtBiC,+BAsBbJ,CAtBa,EAsBH;AAC5B,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACK,8BADb;;AAGD,GA1BgC;;AA4BjCC,EAAAA,oBA5BiC,kCA4BV;AACrB,eAAOR,YAAP;;;;AAID,GAjCgC;;AAmCjCS,EAAAA,SAnCiC,qBAmCvBP,CAnCuB,EAmCb;AAClB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACQ,oBADb;;;AAID,GAxCgC;;AA0CjCC,EAAAA,aA1CiC,yBA0CnBT,CA1CmB,EA0CT;AACtB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACU,4BADb;;AAGD,GA9CgC;;AAgDjCC,EAAAA,cAhDiC,4BAgDhB;AACf,eAAOb,YAAP;;;;AAID,GArDgC;;AAuDjCc,EAAAA,KAvDiC,mBAuDzB;AACN,eAAOd,YAAP;;;;;;AAMD,GA9DgC;;AAgEjCe,EAAAA,MAhEiC,oBAgExB;AACP,eAAOf,YAAP;;;AAGD,GApEgC;;AAsEjCgB,EAAAA,aAtEiC,yBAsEnBd,CAtEmB,EAsET;AACtB,eAAOF,YAAP;~~AACmBE~~,IAAAA,CAAC,CAACe,~~kBADrB~~;AAEWf,IAAAA,CAAC,CAACgB,gBAFb;;AAID,GA3EgC;;AA6EjCC,EAAAA,cA7EiC,0BA6ElBjB,CA7EkB,EA6ER;AACvB,eAAOF,YAAP;~~AACmBE~~,IAAAA,CAAC,CAACkB,~~mBADrB~~;AAEWlB,IAAAA,CAAC,CAACmB,iBAFb;;AAID,GAlFgC;;AAoFjCC,EAAAA,aApFiC,yBAoFnBpB,CApFmB,EAoFT;AACtB,eAAOF,YAAP;~~AACmBE~~,IAAAA,CAAC,CAACqB,~~kBADrB~~;AAEWrB,IAAAA,CAAC,CAACsB,gBAFb;;AAID,GAzFgC;;AA2FjCC,EAAAA,YA3FiC,wBA2FpBvB,CA3FoB,EA2FV;AACrB,eAAOF,YAAP;~~AACmBE~~,IAAAA,CAAC,CAACwB,~~sBADrB~~;;AAGD,GA/FgC;;AAiGjCC,EAAAA,qBAjGiC,mCAiGT;AACtB,eAAO3B,YAAP;;;;;AAKD,GAvGgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n display: inline-block;\n position: relative;\n line-height: normal;\n `;\n },\n\n rootMobile(t: Theme) {\n return css`\n width: ${t.selectRootWidthMobile};\n `;\n },\n\n placeholder(t: Theme) {\n return css`\n color: ${t.selectPlaceholderColor};\n text-overflow: ellipsis;\n `;\n },\n\n placeholderDisabled(t: Theme) {\n return css`\n color: ${t.selectPlaceholderColorDisabled};\n `;\n },\n\n customUsePlaceholder() {\n return css`\n color: inherit;\n opacity: 0.7;\n `;\n },\n\n arrowWrap(t: Theme) {\n return css`\n color: ${t.selectMenuArrowColor};\n flex-shrink: 0;\n `;\n },\n\n arrowDisabled(t: Theme) {\n return css`\n color: ${t.selectMenuArrowColorDisabled};\n `;\n },\n\n customUseArrow() {\n return css`\n color: inherit;\n opacity: 0.7;\n `;\n },\n\n label() {\n return css`\n flex: 1 1 auto;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n `;\n },\n\n search() {\n return css`\n margin: 1px 4px 4px;\n `;\n },\n\n leftIconSmall(t: Theme) {\n return css`\n ~~padding~~-right: ${t.selectIconGapSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n leftIconMedium(t: Theme) {\n return css`\n ~~padding~~-right: ${t.selectIconGapMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n leftIconLarge(t: Theme) {\n return css`\n ~~padding~~-right: ${t.selectIconGapLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n leftIconLink(t: Theme) {\n return css`\n ~~padding~~-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n selectButtonContainer() {\n return css`\n width: 100%;\n display: inline-flex;\n justify-content: space-between;\n `;\n },\n});\n"]}
1	+ {"version":3,"sources":["Select.styles.ts"],"names":["styles","root","css","rootMobile","t","selectRootWidthMobile","placeholder","selectPlaceholderColor","placeholderDisabled","selectPlaceholderColorDisabled","customUsePlaceholder","arrowWrap","selectMenuArrowColor","arrowDisabled","selectMenuArrowColorDisabled","customUseArrow","label","search","leftIconSmall","selectIconGapSmall","btnIconSizeSmall","leftIconMedium","selectIconGapMedium","btnIconSizeMedium","leftIconLarge","selectIconGapLarge","btnIconSizeLarge","leftIconLink","btnLinkIconMarginRight","selectButtonContainer"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;AAKD,GAPgC;;AASjCC,EAAAA,UATiC,sBAStBC,CATsB,EASZ;AACnB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACC,qBADb;;AAGD,GAbgC;;AAejCC,EAAAA,WAfiC,uBAerBF,CAfqB,EAeX;AACpB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACG,sBADb;;;AAID,GApBgC;;AAsBjCC,EAAAA,mBAtBiC,+BAsBbJ,CAtBa,EAsBH;AAC5B,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACK,8BADb;;AAGD,GA1BgC;;AA4BjCC,EAAAA,oBA5BiC,kCA4BV;AACrB,eAAOR,YAAP;;;;AAID,GAjCgC;;AAmCjCS,EAAAA,SAnCiC,qBAmCvBP,CAnCuB,EAmCb;AAClB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACQ,oBADb;;;AAID,GAxCgC;;AA0CjCC,EAAAA,aA1CiC,yBA0CnBT,CA1CmB,EA0CT;AACtB,eAAOF,YAAP;AACWE,IAAAA,CAAC,CAACU,4BADb;;AAGD,GA9CgC;;AAgDjCC,EAAAA,cAhDiC,4BAgDhB;AACf,eAAOb,YAAP;;;;AAID,GArDgC;;AAuDjCc,EAAAA,KAvDiC,mBAuDzB;AACN,eAAOd,YAAP;;;;;;AAMD,GA9DgC;;AAgEjCe,EAAAA,MAhEiC,oBAgExB;AACP,eAAOf,YAAP;;;AAGD,GApEgC;;AAsEjCgB,EAAAA,aAtEiC,yBAsEnBd,CAtEmB,EAsET;AACtB,eAAOF,YAAP;AACkBE,IAAAA,CAAC,CAACe,kBADpB;AAEWf,IAAAA,CAAC,CAACgB,gBAFb;;AAID,GA3EgC;;AA6EjCC,EAAAA,cA7EiC,0BA6ElBjB,CA7EkB,EA6ER;AACvB,eAAOF,YAAP;AACkBE,IAAAA,CAAC,CAACkB,mBADpB;AAEWlB,IAAAA,CAAC,CAACmB,iBAFb;;AAID,GAlFgC;;AAoFjCC,EAAAA,aApFiC,yBAoFnBpB,CApFmB,EAoFT;AACtB,eAAOF,YAAP;AACkBE,IAAAA,CAAC,CAACqB,kBADpB;AAEWrB,IAAAA,CAAC,CAACsB,gBAFb;;AAID,GAzFgC;;AA2FjCC,EAAAA,YA3FiC,wBA2FpBvB,CA3FoB,EA2FV;AACrB,eAAOF,YAAP;AACkBE,IAAAA,CAAC,CAACwB,sBADpB;;AAGD,GA/FgC;;AAiGjCC,EAAAA,qBAjGiC,mCAiGT;AACtB,eAAO3B,YAAP;;;;;AAKD,GAvGgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n display: inline-block;\n position: relative;\n line-height: normal;\n `;\n },\n\n rootMobile(t: Theme) {\n return css`\n width: ${t.selectRootWidthMobile};\n `;\n },\n\n placeholder(t: Theme) {\n return css`\n color: ${t.selectPlaceholderColor};\n text-overflow: ellipsis;\n `;\n },\n\n placeholderDisabled(t: Theme) {\n return css`\n color: ${t.selectPlaceholderColorDisabled};\n `;\n },\n\n customUsePlaceholder() {\n return css`\n color: inherit;\n opacity: 0.7;\n `;\n },\n\n arrowWrap(t: Theme) {\n return css`\n color: ${t.selectMenuArrowColor};\n flex-shrink: 0;\n `;\n },\n\n arrowDisabled(t: Theme) {\n return css`\n color: ${t.selectMenuArrowColorDisabled};\n `;\n },\n\n customUseArrow() {\n return css`\n color: inherit;\n opacity: 0.7;\n `;\n },\n\n label() {\n return css`\n flex: 1 1 auto;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n `;\n },\n\n search() {\n return css`\n margin: 1px 4px 4px;\n `;\n },\n\n leftIconSmall(t: Theme) {\n return css`\n margin-right: ${t.selectIconGapSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n leftIconMedium(t: Theme) {\n return css`\n margin-right: ${t.selectIconGapMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n leftIconLarge(t: Theme) {\n return css`\n margin-right: ${t.selectIconGapLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n leftIconLink(t: Theme) {\n return css`\n margin-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n selectButtonContainer() {\n return css`\n width: 100%;\n display: inline-flex;\n justify-content: space-between;\n `;\n },\n});\n"]}

package/cjs/components/Select/selectTheme.js CHANGED Viewed

@@ -6,6 +6,8 @@
 var getSelectTheme = function getSelectTheme(theme, props) {
   return _ThemeFactory.ThemeFactory.create(
   {
+    btnDefaultBg: theme.selectDefaultBg,
     btnBorderWidth: theme.selectBorderWidth,
     btnOutlineWidth: theme.selectOutlineWidth,

package/cjs/components/Select/selectTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["selectTheme.ts"],"names":["getSelectTheme","theme","props","ThemeFactory","create","btnBorderWidth","selectBorderWidth","btnOutlineWidth","selectOutlineWidth","btnLineHeightSmall","selectLineHeightSmall","btnFontSizeSmall","selectFontSizeSmall","btnPaddingXSmall","_icon","selectPaddingXSmall","btnPaddingYSmall","selectPaddingYSmall","btnIconSizeSmall","selectIconSizeSmall","btnBorderRadiusSmall","selectBorderRadiusSmall","btnLinkHoverTextDecoration","btnLineHeightMedium","selectLineHeightMedium","btnFontSizeMedium","selectFontSizeMedium","btnPaddingXMedium","selectPaddingXMedium","btnPaddingYMedium","selectPaddingYMedium","btnIconSizeMedium","selectIconSizeMedium","btnBorderRadiusMedium","selectBorderRadiusMedium","btnLineHeightLarge","selectLineHeightLarge","btnFontSizeLarge","selectFontSizeLarge","btnPaddingXLarge","selectPaddingXLarge","btnPaddingYLarge","selectPaddingYLarge","btnIconSizeLarge","selectIconSizeLarge","btnBorderRadiusLarge","selectBorderRadiusLarge","btnDisabledBg","selectBgDisabled","btnDisabledBorderColor","selectBorderColorDisabled","btnDisabledTextColor","selectTextColorDisabled"],"mappings":"uEAAA;;;;;AAKO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAeC,KAAf,EAAuD;AACnF,SAAOC,2BAAaC,MAAb;AACL;AACEC,IAAAA,~~cAAc~~,EAAEJ,KAAK,CAACK,~~iBADxB;AAEEC~~,IAAAA,~~eAAe~~,EAAEN,KAAK,CAACO,~~kBAFzB;;~~AAIEC,IAAAA,~~kBAAkB~~,EAAER,KAAK,CAACS,~~qBAJ5B;AAKEC~~,IAAAA,~~gBAAgB~~,EAAEV,KAAK,CAACW,~~mBAL1B~~;~~AAMEC~~,IAAAA,gBAAgB,~~EAAEX~~,KAAK,~~CAACY~~,KAAN,~~GAAcb~~,KAAK,~~CAACY~~,gBAApB,~~GAAuCZ~~,KAAK,~~CAACc~~,~~mBANjE~~;~~AAOEC~~,IAAAA,gBAAgB,~~EAAEf~~,KAAK,~~CAACgB~~,~~mBAP1B~~;~~AAQEC~~,IAAAA,gBAAgB,~~EAAEjB~~,KAAK,~~CAACkB~~,~~mBAR1B~~;~~AASEC~~,IAAAA,oBAAoB,~~EAAEnB~~,KAAK,~~CAACoB~~,~~uBAT9B~~;;~~AAWEC~~,IAAAA,0BAA0B,EAAE,~~MAX9B~~;;~~AAaEC~~,IAAAA,mBAAmB,~~EAAEtB~~,KAAK,~~CAACuB~~,~~sBAb7B~~;~~AAcEC~~,IAAAA,iBAAiB,~~EAAExB~~,KAAK,~~CAACyB~~,~~oBAd3B~~;~~AAeEC~~,IAAAA,iBAAiB,~~EAAEzB~~,KAAK,~~CAACY~~,KAAN,~~GAAcb~~,KAAK,~~CAAC0B~~,iBAApB,~~GAAwC1B~~,KAAK,~~CAAC2B~~,~~oBAfnE~~;~~AAgBEC~~,IAAAA,iBAAiB,~~EAAE5B~~,KAAK,~~CAAC6B~~,~~oBAhB3B~~;~~AAiBEC~~,IAAAA,iBAAiB,~~EAAE9B~~,KAAK,~~CAAC+B~~,~~oBAjB3B~~;~~AAkBEC~~,IAAAA,qBAAqB,~~EAAEhC~~,KAAK,~~CAACiC~~,~~wBAlB~~/B;;~~AAoBEC~~,IAAAA,kBAAkB,~~EAAElC~~,KAAK,~~CAACmC~~,~~qBApB5B~~;~~AAqBEC~~,IAAAA,gBAAgB,~~EAAEpC~~,KAAK,~~CAACqC~~,~~mBArB1B~~;~~AAsBEC~~,IAAAA,gBAAgB,~~EAAErC~~,KAAK,~~CAACY~~,KAAN,~~GAAcb~~,KAAK,~~CAACsC~~,gBAApB,~~GAAuCtC~~,KAAK,~~CAACuC~~,~~mBAtBjE~~;~~AAuBEC~~,IAAAA,gBAAgB,~~EAAExC~~,KAAK,~~CAACyC~~,~~mBAvB1B~~;~~AAwBEC~~,IAAAA,gBAAgB,~~EAAE1C~~,KAAK,~~CAAC2C~~,~~mBAxB1B~~;~~AAyBEC~~,IAAAA,oBAAoB,~~EAAE5C~~,KAAK,~~CAAC6C~~,~~uBAzB9B~~;;~~AA2BEC~~,IAAAA,aAAa,~~EAAE9C~~,KAAK,~~CAAC+C~~,~~gBA3BvB~~;~~AA4BEC~~,IAAAA,sBAAsB,~~EAAEhD~~,KAAK,~~CAACiD~~,~~yBA5BhC~~;~~AA6BEC~~,IAAAA,oBAAoB,~~EAAElD~~,KAAK,~~CAACmD~~,~~uBA7B9B~~,EADK;;~~AAgCLnD~~,EAAAA,~~KAhCK~~,CAAP;;~~AAkCD~~,~~CAnCM~~,C","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { SelectProps } from './Select';\n\nexport const getSelectTheme = (theme: Theme, props: SelectProps<any, any>): Theme => {\n return ThemeFactory.create(\n {\n btnBorderWidth: theme.selectBorderWidth,\n btnOutlineWidth: theme.selectOutlineWidth,\n\n btnLineHeightSmall: theme.selectLineHeightSmall,\n btnFontSizeSmall: theme.selectFontSizeSmall,\n btnPaddingXSmall: props._icon ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,\n btnPaddingYSmall: theme.selectPaddingYSmall,\n btnIconSizeSmall: theme.selectIconSizeSmall,\n btnBorderRadiusSmall: theme.selectBorderRadiusSmall,\n\n btnLinkHoverTextDecoration: 'none',\n\n btnLineHeightMedium: theme.selectLineHeightMedium,\n btnFontSizeMedium: theme.selectFontSizeMedium,\n btnPaddingXMedium: props._icon ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,\n btnPaddingYMedium: theme.selectPaddingYMedium,\n btnIconSizeMedium: theme.selectIconSizeMedium,\n btnBorderRadiusMedium: theme.selectBorderRadiusMedium,\n\n btnLineHeightLarge: theme.selectLineHeightLarge,\n btnFontSizeLarge: theme.selectFontSizeLarge,\n btnPaddingXLarge: props._icon ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,\n btnPaddingYLarge: theme.selectPaddingYLarge,\n btnIconSizeLarge: theme.selectIconSizeLarge,\n btnBorderRadiusLarge: theme.selectBorderRadiusLarge,\n\n btnDisabledBg: theme.selectBgDisabled,\n btnDisabledBorderColor: theme.selectBorderColorDisabled,\n btnDisabledTextColor: theme.selectTextColorDisabled,\n },\n theme,\n );\n};\n"]}
1	+ {"version":3,"sources":["selectTheme.ts"],"names":["getSelectTheme","theme","props","ThemeFactory","create","btnDefaultBg","selectDefaultBg","btnBorderWidth","selectBorderWidth","btnOutlineWidth","selectOutlineWidth","btnLineHeightSmall","selectLineHeightSmall","btnFontSizeSmall","selectFontSizeSmall","btnPaddingXSmall","_icon","selectPaddingXSmall","btnPaddingYSmall","selectPaddingYSmall","btnIconSizeSmall","selectIconSizeSmall","btnBorderRadiusSmall","selectBorderRadiusSmall","btnLinkHoverTextDecoration","btnLineHeightMedium","selectLineHeightMedium","btnFontSizeMedium","selectFontSizeMedium","btnPaddingXMedium","selectPaddingXMedium","btnPaddingYMedium","selectPaddingYMedium","btnIconSizeMedium","selectIconSizeMedium","btnBorderRadiusMedium","selectBorderRadiusMedium","btnLineHeightLarge","selectLineHeightLarge","btnFontSizeLarge","selectFontSizeLarge","btnPaddingXLarge","selectPaddingXLarge","btnPaddingYLarge","selectPaddingYLarge","btnIconSizeLarge","selectIconSizeLarge","btnBorderRadiusLarge","selectBorderRadiusLarge","btnDisabledBg","selectBgDisabled","btnDisabledBorderColor","selectBorderColorDisabled","btnDisabledTextColor","selectTextColorDisabled"],"mappings":"uEAAA;;;;;AAKO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAeC,KAAf,EAAuD;AACnF,SAAOC,2BAAaC,MAAb;AACL;AACEC,IAAAA,YAAY,EAAEJ,KAAK,CAACK,eADtB;;AAGEC,IAAAA,cAAc,EAAEN,KAAK,CAACO,iBAHxB;AAIEC,IAAAA,eAAe,EAAER,KAAK,CAACS,kBAJzB;;AAMEC,IAAAA,kBAAkB,EAAEV,KAAK,CAACW,qBAN5B;AAOEC,IAAAA,gBAAgB,EAAEZ,KAAK,CAACa,mBAP1B;AAQEC,IAAAA,gBAAgB,EAAEb,KAAK,CAACc,KAAN,GAAcf,KAAK,CAACc,gBAApB,GAAuCd,KAAK,CAACgB,mBARjE;AASEC,IAAAA,gBAAgB,EAAEjB,KAAK,CAACkB,mBAT1B;AAUEC,IAAAA,gBAAgB,EAAEnB,KAAK,CAACoB,mBAV1B;AAWEC,IAAAA,oBAAoB,EAAErB,KAAK,CAACsB,uBAX9B;;AAaEC,IAAAA,0BAA0B,EAAE,MAb9B;;AAeEC,IAAAA,mBAAmB,EAAExB,KAAK,CAACyB,sBAf7B;AAgBEC,IAAAA,iBAAiB,EAAE1B,KAAK,CAAC2B,oBAhB3B;AAiBEC,IAAAA,iBAAiB,EAAE3B,KAAK,CAACc,KAAN,GAAcf,KAAK,CAAC4B,iBAApB,GAAwC5B,KAAK,CAAC6B,oBAjBnE;AAkBEC,IAAAA,iBAAiB,EAAE9B,KAAK,CAAC+B,oBAlB3B;AAmBEC,IAAAA,iBAAiB,EAAEhC,KAAK,CAACiC,oBAnB3B;AAoBEC,IAAAA,qBAAqB,EAAElC,KAAK,CAACmC,wBApB/B;;AAsBEC,IAAAA,kBAAkB,EAAEpC,KAAK,CAACqC,qBAtB5B;AAuBEC,IAAAA,gBAAgB,EAAEtC,KAAK,CAACuC,mBAvB1B;AAwBEC,IAAAA,gBAAgB,EAAEvC,KAAK,CAACc,KAAN,GAAcf,KAAK,CAACwC,gBAApB,GAAuCxC,KAAK,CAACyC,mBAxBjE;AAyBEC,IAAAA,gBAAgB,EAAE1C,KAAK,CAAC2C,mBAzB1B;AA0BEC,IAAAA,gBAAgB,EAAE5C,KAAK,CAAC6C,mBA1B1B;AA2BEC,IAAAA,oBAAoB,EAAE9C,KAAK,CAAC+C,uBA3B9B;;AA6BEC,IAAAA,aAAa,EAAEhD,KAAK,CAACiD,gBA7BvB;AA8BEC,IAAAA,sBAAsB,EAAElD,KAAK,CAACmD,yBA9BhC;AA+BEC,IAAAA,oBAAoB,EAAEpD,KAAK,CAACqD,uBA/B9B,EADK;;AAkCLrD,EAAAA,KAlCK,CAAP;;AAoCD,CArCM,C","sourcesContent":["import { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { SelectProps } from './Select';\n\nexport const getSelectTheme = (theme: Theme, props: SelectProps<any, any>): Theme => {\n return ThemeFactory.create(\n {\n btnDefaultBg: theme.selectDefaultBg,\n\n btnBorderWidth: theme.selectBorderWidth,\n btnOutlineWidth: theme.selectOutlineWidth,\n\n btnLineHeightSmall: theme.selectLineHeightSmall,\n btnFontSizeSmall: theme.selectFontSizeSmall,\n btnPaddingXSmall: props._icon ? theme.btnPaddingXSmall : theme.selectPaddingXSmall,\n btnPaddingYSmall: theme.selectPaddingYSmall,\n btnIconSizeSmall: theme.selectIconSizeSmall,\n btnBorderRadiusSmall: theme.selectBorderRadiusSmall,\n\n btnLinkHoverTextDecoration: 'none',\n\n btnLineHeightMedium: theme.selectLineHeightMedium,\n btnFontSizeMedium: theme.selectFontSizeMedium,\n btnPaddingXMedium: props._icon ? theme.btnPaddingXMedium : theme.selectPaddingXMedium,\n btnPaddingYMedium: theme.selectPaddingYMedium,\n btnIconSizeMedium: theme.selectIconSizeMedium,\n btnBorderRadiusMedium: theme.selectBorderRadiusMedium,\n\n btnLineHeightLarge: theme.selectLineHeightLarge,\n btnFontSizeLarge: theme.selectFontSizeLarge,\n btnPaddingXLarge: props._icon ? theme.btnPaddingXLarge : theme.selectPaddingXLarge,\n btnPaddingYLarge: theme.selectPaddingYLarge,\n btnIconSizeLarge: theme.selectIconSizeLarge,\n btnBorderRadiusLarge: theme.selectBorderRadiusLarge,\n\n btnDisabledBg: theme.selectBgDisabled,\n btnDisabledBorderColor: theme.selectBorderColorDisabled,\n btnDisabledTextColor: theme.selectTextColorDisabled,\n },\n theme,\n );\n};\n"]}

package/cjs/components/SidePage/SidePage.d.ts CHANGED Viewed

@@ -26,6 +26,10 @@ export interface SidePageProps extends CommonProps {
      * Escape или на крестик).
      */
     onClose?: () => void;
+    /**
+     * Вызывается, когда анимация открытия сайдпейджа полностью прошла
+     */
+    onOpened?: () => void;
     /**
      * Показывать сайдпэйдж слева
      *
@@ -39,7 +43,7 @@ export interface SidePageProps extends CommonProps {
     /**
      * Работает только при заблокированном фоне: `blockBackground = true`
      */
-    disableFocusLock: boolean;
+    disableFocusLock?: boolean;
     /**
      * задает отступ от края экрана
      */
@@ -58,6 +62,7 @@ export declare const SidePageDataTids: {
     readonly root: "SidePage__root";
     readonly container: "SidePage__container";
 };
+declare type DefaultProps = Required<Pick<SidePageProps, 'disableAnimations' | 'disableFocusLock' | 'offset'>>;
 /**
  * Сайдпейдж
  *
@@ -87,11 +92,8 @@ export declare class SidePage extends React.Component<SidePageProps, SidePageSta
      * @public
      */
     updateLayout: () => void;
-    static defaultProps: {
-        disableAnimations: boolean;
-        disableFocusLock: boolean;
-        offset: number;
-    };
+    static defaultProps: DefaultProps;
+    private getProps;
     render(): JSX.Element;
     private renderMain;
     private renderContainer;
@@ -110,3 +112,4 @@ export declare class SidePage extends React.Component<SidePageProps, SidePageSta
     private setHasFooter;
     private setHasPanel;
 }
+export {};