@skbkontur/react-ui 5.1.6 → 5.2.0

package/cjs/components/RadioGroup/RadioGroup.styles.d.ts

@@ -1,5 +1,6 @@
 export declare const styles: {
     root(): string;
+    removeBaselineSpacer(): string;
     item(): string;
     itemFirst(): string;
     itemInline(): string;

package/cjs/components/RadioGroup/RadioGroup.styles.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   root: function root() {
@@ -8,10 +8,16 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
 
 
 
+  },
+
+  removeBaselineSpacer: function removeBaselineSpacer() {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      vertical-align: bottom;\n    "])));
+
+
   },
 
   item: function item() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    "])));
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    "])));
 
 
 
@@ -19,13 +25,13 @@ var styles = exports.styles = (0, _Emotion.memoizeStyle)({
   },
 
   itemFirst: function itemFirst() {
-    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: 0;\n    "])));
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-top: 0;\n    "])));
 
 
   },
 
   itemInline: function itemInline() {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    "])));
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    "])));
 
 
 

package/cjs/components/RadioGroup/RadioGroup.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","item","itemFirst","itemInline"],"sources":["RadioGroup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n    `;\n  },\n\n  item() {\n    return css`\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-top: 0;\n    `;\n  },\n\n  itemInline() {\n    return css`\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,4BAAA,CAAAC,OAAA;;;;;;EAMZ,CAAC;;EAEDC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOH,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDE,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOJ,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDG,UAAU,WAAAA,WAAA,EAAG;IACX,WAAOL,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","styles","exports","memoizeStyle","root","css","_taggedTemplateLiteralLoose2","default","removeBaselineSpacer","item","itemFirst","itemInline"],"sources":["RadioGroup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n    `;\n  },\n\n  removeBaselineSpacer() {\n    return css`\n      vertical-align: bottom;\n    `;\n  },\n\n  item() {\n    return css`\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-top: 0;\n    `;\n  },\n\n  itemInline() {\n    return css`\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    `;\n  },\n});\n"],"mappings":"oRAAA,IAAAA,QAAA,GAAAC,OAAA,8BAA8D,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEvD,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,qBAAY,EAAC;EACjCC,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOC,YAAG,EAAAT,eAAA,KAAAA,eAAA,OAAAU,4BAAA,CAAAC,OAAA;;;;;;EAMZ,CAAC;;EAEDC,oBAAoB,WAAAA,qBAAA,EAAG;IACrB,WAAOH,YAAG,EAAAR,gBAAA,KAAAA,gBAAA,OAAAS,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDE,IAAI,WAAAA,KAAA,EAAG;IACL,WAAOJ,YAAG,EAAAP,gBAAA,KAAAA,gBAAA,OAAAQ,4BAAA,CAAAC,OAAA;;;;;EAKZ,CAAC;;EAEDG,SAAS,WAAAA,UAAA,EAAG;IACV,WAAOL,YAAG,EAAAN,gBAAA,KAAAA,gBAAA,OAAAO,4BAAA,CAAAC,OAAA;;;EAGZ,CAAC;;EAEDI,UAAU,WAAAA,WAAA,EAAG;IACX,WAAON,YAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,4BAAA,CAAAC,OAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -5,6 +5,7 @@ import type { Nullable } from '../../typings/utility-types';
 import type { Theme, ThemeIn } from '../../lib/theming/Theme';
 import type { CommonProps } from '../../internal/CommonWrapper';
 import type { SizeProp } from '../../lib/types/props';
+import { type PopupPositionsType } from '../../internal/Popup';
 import { Item } from './Item';
 export * from './tids';
 export interface ButtonParams extends Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-expanded'> {
@@ -71,6 +72,8 @@ export interface SelectProps<TValue, TItem> extends CommonProps, Pick<AriaAttrib
     maxMenuHeight?: number;
     /** Задает максимальную ширину. */
     maxWidth?: React.CSSProperties['maxWidth'];
+    /** Задает позиции выпадающего меню. */
+    positions?: PopupPositionsType[];
     /** Задает текущую позицию выпадающего окна вручную. */
     menuPos?: 'top' | 'bottom' | 'middle';
     /** Задает выравнивание меню. */

package/cjs/components/Select/Select.js

@@ -243,6 +243,9 @@ var SelectIds = exports.SelectIds = {
 
 
 
+
+
+
 
 
 
@@ -791,7 +794,7 @@ Select = exports.Select = (_dec = (0, _decorators.locale)('Select', _locale.Sele
         'aria-label': (_props$ariaLabel = buttonElement.props['aria-label']) != null ? _props$ariaLabel : _this.props['aria-label']
       }) :
       buttonElement;
-    };return _this;}(0, _inheritsLoose2.default)(Select, _React$Component);var _proto = Select.prototype;_proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {if (!prevState.opened && this.state.opened) {_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('popstate', this.close);}if (prevState.opened && !this.state.opened) {_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('popstate', this.close);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _ThemeFactory.ThemeFactory.create({ menuOffsetY: theme.selectMenuOffsetY }, theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_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 _this$getProps$dataT, _cx;var buttonParams = this.getDefaultButtonParams();var dataTid = (_this$getProps$dataT = this.getProps()['data-tid']) != null ? _this$getProps$dataT : _tids.SelectDataTids.root;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": dataTid, className: (0, _Emotion.cx)((_cx = {}, _cx[_Select2.styles.root()] = true, _cx[_Select2.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 _Select2.styles.leftIconLink(this.theme);}switch (size) {case 'large':return _Select2.styles.leftIconLarge(this.theme);case 'medium':return _Select2.styles.leftIconMedium(this.theme);case 'small':default:return _Select2.styles.leftIconSmall(this.theme);}};_proto.renderDefaultButton = function renderDefaultButton(params) {var _cx2, _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, size: params.size });var use = this.getProps().use;var labelProps = { 'data-tid': _tids.SelectDataTids.label, className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_Select2.styles.label()] = use !== 'link', _cx2[_Select2.styles.placeholder(this.theme)] = params.isPlaceholder, _cx2[_Select2.styles.customUsePlaceholder()] = params.isPlaceholder && use !== 'default', _cx2[_Select2.styles.placeholderDisabled(this.theme)] = params.isPlaceholder && this.props.disabled, _cx2)), style: { paddingRight: this.getSelectIconGap() } };var useIsCustom = use !== 'default';var icon = /*#__PURE__*/_react.default.createElement(_ArrowDownIcon.ArrowDownIcon, { size: this.props.size });return /*#__PURE__*/_react.default.createElement(_Button.Button, buttonProps, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Select2.styles.selectButtonContainer(), (_cx3 = {}, _cx3[_Link.styles.root(this.theme)] = use === 'link', _cx3)) }, 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)(_Select2.styles.arrowWrap(this.theme), (_cx4 = {}, _cx4[_Select2.styles.arrowDisabled(this.theme)] = this.props.disabled, _cx4[_Select2.styles.customUseArrow()] = useIsCustom, _cx4)) }, icon)));};_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 _this$getProps = this.getProps(),menuWidth = _this$getProps.menuWidth,menuPos = _this$getProps.menuPos,menuAlign = _this$getProps.menuAlign;return /*#__PURE__*/_react.default.createElement(_Popup.Popup, { opened: true, hasShadow: true, id: this.menuId, "data-tid": _tids.SelectDataTids.menu, positions: (0, _getMenuPositions.getMenuPositions)(menuPos, menuAlign), anchorElement: this.popupGetParent(), priority: _ZIndex.ZIndex.priorities.PopupMenu, disablePortal: this.props.disablePortal, margin: parseInt(this.theme.menuOffsetY) - 1, width: menuWidth, minWidth: menuWidth === undefined ? '100%' : undefined, popupOffset: this.props.menuOffset }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { hasMargin: false, ref: this.refMenu, onItemClick: this.close, maxHeight: this.props.maxMenuHeight, align: 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, { 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 || _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 = (0, _createForOfIteratorHelperLoose2.default)(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 = (0, _createForOfIteratorHelperLoose2.default)(items), _step2; !(_step2 = _iterator2()).done;) {var entry = _step2.value;var _normalizeEntry2 = normalizeEntry(entry),itemValue = _normalizeEntry2[0],item = _normalizeEntry2[1];if (this.areValuesEqual(itemValue, value)) {return item;}}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), _Select.__KONTUR_REACT_UI__ = 'Select', _Select.displayName = 'Select', _Select.defaultProps = { renderValue: renderValue, renderItem: renderItem, areValuesEqual: areValuesEqual, filterItem: filterItem, use: 'default', size: 'small' }, _Select.Item = _Item.Item, _Select.SEP = function () {return /*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, null);}, _Select.staticElement = function (element) {(0, _invariant.default)( /*#__PURE__*/_react.default.isValidElement(element) || typeof element === 'function', 'Select.staticElement(element) expects element to be a valid react element.');return element;}, _Select)) || _class) || _class) || _class);
+    };return _this;}(0, _inheritsLoose2.default)(Select, _React$Component);var _proto = Select.prototype;_proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {if (!prevState.opened && this.state.opened) {_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('popstate', this.close);}if (prevState.opened && !this.state.opened) {_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('popstate', this.close);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = _ThemeFactory.ThemeFactory.create({ menuOffsetY: theme.selectMenuOffsetY }, theme);return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});};_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 _this$getProps$dataT, _cx;var buttonParams = this.getDefaultButtonParams();var dataTid = (_this$getProps$dataT = this.getProps()['data-tid']) != null ? _this$getProps$dataT : _tids.SelectDataTids.root;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": dataTid, className: (0, _Emotion.cx)((_cx = {}, _cx[_Select2.styles.root()] = true, _cx[_Select2.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 _Select2.styles.leftIconLink(this.theme);}switch (size) {case 'large':return _Select2.styles.leftIconLarge(this.theme);case 'medium':return _Select2.styles.leftIconMedium(this.theme);case 'small':default:return _Select2.styles.leftIconSmall(this.theme);}};_proto.renderDefaultButton = function renderDefaultButton(params) {var _cx2, _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, size: params.size });var use = this.getProps().use;var labelProps = { 'data-tid': _tids.SelectDataTids.label, className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_Select2.styles.label()] = use !== 'link', _cx2[_Select2.styles.placeholder(this.theme)] = params.isPlaceholder, _cx2[_Select2.styles.customUsePlaceholder()] = params.isPlaceholder && use !== 'default', _cx2[_Select2.styles.placeholderDisabled(this.theme)] = params.isPlaceholder && this.props.disabled, _cx2)), style: { paddingRight: this.getSelectIconGap() } };var useIsCustom = use !== 'default';var icon = /*#__PURE__*/_react.default.createElement(_ArrowDownIcon.ArrowDownIcon, { size: this.props.size });return /*#__PURE__*/_react.default.createElement(_Button.Button, buttonProps, /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Select2.styles.selectButtonContainer(), (_cx3 = {}, _cx3[_Link.styles.root(this.theme)] = use === 'link', _cx3)) }, 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)(_Select2.styles.arrowWrap(this.theme), (_cx4 = {}, _cx4[_Select2.styles.arrowDisabled(this.theme)] = this.props.disabled, _cx4[_Select2.styles.customUseArrow()] = useIsCustom, _cx4)) }, icon)));};_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 _this$getProps = this.getProps(),menuWidth = _this$getProps.menuWidth,menuPos = _this$getProps.menuPos,menuAlign = _this$getProps.menuAlign,positions = _this$getProps.positions;return /*#__PURE__*/_react.default.createElement(_Popup.Popup, { opened: true, hasShadow: true, id: this.menuId, "data-tid": _tids.SelectDataTids.menu, positions: positions != null ? positions : (0, _getMenuPositions.getMenuPositions)(menuPos, menuAlign), anchorElement: this.popupGetParent(), priority: _ZIndex.ZIndex.priorities.PopupMenu, disablePortal: this.props.disablePortal, margin: parseInt(this.theme.menuOffsetY) - 1, width: menuWidth, minWidth: menuWidth === undefined ? '100%' : undefined, popupOffset: this.props.menuOffset }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { hasMargin: false, ref: this.refMenu, onItemClick: this.close, maxHeight: this.props.maxMenuHeight, align: 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, { 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 || _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 = (0, _createForOfIteratorHelperLoose2.default)(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 = (0, _createForOfIteratorHelperLoose2.default)(items), _step2; !(_step2 = _iterator2()).done;) {var entry = _step2.value;var _normalizeEntry2 = normalizeEntry(entry),itemValue = _normalizeEntry2[0],item = _normalizeEntry2[1];if (this.areValuesEqual(itemValue, value)) {return item;}}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), _Select.__KONTUR_REACT_UI__ = 'Select', _Select.displayName = 'Select', _Select.defaultProps = { renderValue: renderValue, renderItem: renderItem, areValuesEqual: areValuesEqual, filterItem: filterItem, use: 'default', size: 'small' }, _Select.Item = _Item.Item, _Select.SEP = function () {return /*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, null);}, _Select.staticElement = function (element) {(0, _invariant.default)( /*#__PURE__*/_react.default.isValidElement(element) || typeof element === 'function', 'Select.staticElement(element) expects element to be a valid react element.');return element;}, _Select)) || _class) || _class) || _class);
 
 
 function renderValue(value, item) {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_invariant","_globalObject","_lodash","_identifiers","_decorators","_reactGetTextContent","_Button","_filterProps","_Input","_Menu","_MenuItem","_MenuSeparator","_RenderLayer","_createPropsGetter","_utils","_ThemeContext","_CommonWrapper","_MobilePopup","_Emotion","_decorator","_rootNode","_ThemeFactory","_Link","_Popup","_ZIndex","_getMenuPositions","_ArrowDownIcon","_Item","_locale","_Select2","_selectTheme","_tids","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_dec","_class","_Select","PASS_BUTTON_PROPS","id","disabled","error","use","size","warning","corners","onMouseEnter","onMouseLeave","onMouseOver","SelectIds","menu","SelectDataTids","Select","locale","SelectLocaleHelper","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","apply","concat","state","opened","value","props","defaultValue","searchPattern","menuId","getRandomID","buttonElement","getProps","createPropsGetter","defaultProps","open","setState","onOpen","close","onClose","focus","getDefaultButtonParams","_this$renderLabel","renderLabel","label","isPlaceholder","buttonParams","onClick","toggle","onKeyDown","handleKey","getSearch","default","createElement","className","styles","search","Input","ref","debouncedFocusInput","onValueChange","handleSearch","width","getMobileSearch","autoFocus","getMenuItems","isMobile","isMobileLayout","mapItems","iValue","item","i","comment","isFunction","element","React","isValidElement","cloneElement","isReactUINode","MenuItem","areValuesEqual","select","bind","renderItem","popupGetParent","getRootNode","focusInput","input","debounce","refMenu","e","isKeySpace","isKeyArrowVertical","preventDefault","isKeyEscape","isKeyArrowUp","up","isKeyArrowDown","down","isKeyEnter","enter","_this$menu","highlightItem","buttonRef","getButton","_props$ariaLabel","button","_renderButton","renderDefaultButton","Children","only","onFocus","onBlur","_inheritsLoose2","_proto","componentDidUpdate","_prevProps","prevState","globalObject","addEventListener","removeEventListener","render","_this2","ThemeContext","Consumer","theme","ThemeFactory","create","menuOffsetY","selectMenuOffsetY","Provider","renderMain","getMenuRenderer","renderMobileMenu","renderMenu","_this$getProps$dataT","_cx","dataTid","root","getSelectTheme","style","maxWidth","undefined","cx","rootMobile","CommonWrapper","_extends2","rootNodeRef","setRootNode","RenderLayer","onClickOutside","onFocusOutside","active","_this$locale","getValue","getItemByValue","isNonNullable","renderValue","placeholder","getLeftIconClass","leftIconLink","leftIconLarge","leftIconMedium","leftIconSmall","params","_cx2","_cx3","_cx4","buttonProps","filterProps","align","labelProps","customUsePlaceholder","placeholderDisabled","paddingRight","getSelectIconGap","useIsCustom","icon","ArrowDownIcon","Button","selectButtonContainer","linkStyles","_icon","arrowWrap","arrowDisabled","customUseArrow","_this3","getArrowPadding","selectIconGapLarge","selectIconGapMedium","selectIconGapSmall","arrowLeftPadding","parseFloat","_this$getProps","menuWidth","menuPos","menuAlign","Popup","hasShadow","positions","getMenuPositions","anchorElement","priority","ZIndex","priorities","PopupMenu","disablePortal","margin","parseInt","minWidth","popupOffset","menuOffset","Menu","hasMargin","onItemClick","maxHeight","maxMenuHeight","MobilePopup","headerChildComponent","caption","mobileMenuHeaderText","onCloseRequest","disableScrollContainer","_this$props$onValueCh","_this$props","fn","items","pattern","toLowerCase","result","index","_iterator","_createForOfIteratorHelperLoose2","_step","done","entry","_normalizeEntry","normalizeEntry","filterItem","push","_iterator2","_step2","_normalizeEntry2","itemValue","value1","value2","Component","__KONTUR_REACT_UI__","displayName","Item","SEP","MenuSeparator","staticElement","invariant","isArray","getTextFromItem","reactGetTextContent","toString","itemText","indexOf"],"sources":["Select.tsx"],"sourcesContent":["import type { ReactNode, ReactPortal, AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport invariant from 'invariant';\nimport { globalObject } from '@skbkontur/global-object';\nimport debounce from 'lodash.debounce';\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 type { ButtonProps, ButtonUse } from '../Button';\nimport { Button } from '../Button';\nimport { filterProps } from '../../lib/filterProps';\nimport { Input } from '../Input';\nimport { Menu } from '../../internal/Menu';\nimport type { MenuItemProps } from '../MenuItem';\nimport { MenuItem } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Nullable } from '../../typings/utility-types';\nimport { getRandomID, isFunction, isNonNullable, isReactUINode } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { MenuHeaderProps } from '../MenuHeader';\nimport type { SizeProp } from '../../lib/types/props';\nimport { styles as linkStyles } from '../Link/Link.styles';\nimport { Popup } from '../../internal/Popup';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\n\nimport { ArrowDownIcon } from './ArrowDownIcon';\nimport { Item } from './Item';\nimport type { SelectLocale } from './locale';\nimport { SelectLocaleHelper } from './locale';\nimport { styles } from './Select.styles';\nimport { getSelectTheme } from './selectTheme';\nimport { SelectDataTids } from './tids';\n\nexport * from './tids';\n\nexport interface ButtonParams\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-expanded'> {\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Задает лейбл. */\n  label: React.ReactNode;\n\n  /** Задает функцию, которая вызывается при клике на селект. */\n  onClick: () => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Определяет, открыто ли выпадающее меню. */\n  opened: boolean;\n\n  /** Определяет, есть ли Placeholder. */\n  isPlaceholder: boolean;\n\n  /** Задает размер контрола. */\n  size: SizeProp;\n}\n\nconst PASS_BUTTON_PROPS = {\n  id: true,\n  disabled: true,\n  error: true,\n  use: true,\n  size: true,\n  warning: true,\n  corners: true,\n\n  onMouseEnter: true,\n  onMouseLeave: true,\n  onMouseOver: true,\n};\n\nexport const SelectIds = {\n  menu: SelectDataTids.menu,\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>\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** @ignore */\n  _icon?: React.ReactNode;\n\n  /** @ignore */\n  _renderButton?: (params: ButtonParams) => React.ReactNode;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /** Задает значение по умолчанию. */\n  defaultValue?: TValue;\n\n  menuOffset?: number;\n\n  /** Отключает использование портала. */\n  disablePortal?: boolean;\n\n  /** Делает компонент недоступным.*/\n  disabled?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Задает функцию, которая отфильтровывает элементы по заданному паттерну. */\n  filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;\n\n  /** Задает набор значений. Поддерживаются любые перечисляемые типы, в том числе `Array`, `Map`, `Immutable.Map`.\n   *\n   * Элементы воспринимаются следующим образом: если элемент — это массив, то первый элемент является значением,\n   * второй — отображается в списке, а третий – комментарий;\n   * если элемент не является массивом, то он используется и для отображения, и для значения.\n   *\n   * Для вставки разделителя можно использовать `Select.SEP`.\n   *\n   * Вставить невыделяемый элемент со своей разметкой можно так:\n   * @example\n   * ```\n   * <Select ...\n   *   items={[Select.staticElement(() => <div>My Element</div>)]}\n   * />\n   * ```\n   *\n   * Чтобы добавить стандартный отступ для статического элемента:\n   * @example\n   * ```\n   * <Select.Item>My Element</Select.Item>\n   * ``` */\n  items?: Array<SelectItem<TValue, TItem>>;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number;\n\n  /** Задает максимальную ширину. */\n  maxWidth?: React.CSSProperties['maxWidth'];\n\n  /** Задает текущую позицию выпадающего окна вручную. */\n  menuPos?: 'top' | 'bottom' | 'middle';\n\n  /** Задает выравнивание меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает ширину выпадающего меню. */\n  menuWidth?: React.CSSProperties['width'];\n\n  /** Задает функцию, вызывающуюся при изменении value. */\n  onValueChange?: (value: TValue) => void;\n\n  /** Задает функцию, которая вызывается при закрытии меню. */\n  onClose?: () => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave) */\n  onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при открытии меню. */\n  onOpen?: () => void;\n\n  /** Задает текст, который отображается если не введено никакое значение. */\n  placeholder?: React.ReactNode;\n\n  /** Задает функцию, которая отображает элемент в выпадающем списке. */\n  renderItem?: (value: TValue, item?: TItem) => React.ReactNode;\n\n  /** Задает функцию, которая отображает выбранный элемент. */\n  renderValue?: (value: TValue, item?: TItem) => React.ReactNode;\n\n  /** Задает функцию сравнения `value` с элементом из `items`. */\n  areValuesEqual?: (value1: TValue, value2: TValue) => boolean;\n\n  /** Показывает строку поиска в списке. */\n  search?: boolean;\n\n  /** Задает значение. */\n  value?: TValue;\n\n  theme?: ThemeIn | Theme;\n\n  /** Задает длину контрола. */\n  width?: number | string;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задаёт стиль кнопки. */\n  use?: ButtonUse;\n\n  /** Задает размер. */\n  size?: SizeProp;\n\n  /** Задаёт HTML-событие `onfocus`. */\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n\n  /** Задаёт HTML-событие `onblur`. */\n  onBlur?: React.FocusEventHandler<HTMLElement>;\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\ntype DefaultProps<TValue, TItem> = Required<\n  Pick<SelectProps<TValue, TItem>, 'renderValue' | 'renderItem' | 'areValuesEqual' | 'filterItem' | 'use' | 'size'>\n>;\n\n/**\n * Раскрывающийся список `Select` позволяет выбрать значение из заранее известного набора вариантов.\n *\n * Используйте `Select` при:\n * * заполнении форм, например для выбора месяца.\n * * переключении состояний, например, фильтра.\n * * выборе предустановленных настроек, например, частоты уведомлений, часового пояса.\n *\n * Не используйте `Select` для выбора элементов меню. В таком случае воспользуйтесь компонентом Dropdown.\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  public static displayName = 'Select';\n\n  public static defaultProps: DefaultProps<unknown, ReactNode | ReactPortal> = {\n    renderValue,\n    renderItem,\n    areValuesEqual,\n    filterItem,\n    use: 'default',\n    size: 'small',\n  };\n\n  public static Item = Item;\n  public static SEP = () => <MenuSeparator />;\n\n  public static staticElement = (element: React.ReactElement | (() => React.ReactElement)) => {\n    invariant(\n      React.isValidElement(element) || typeof element === 'function',\n      'Select.staticElement(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 menuId = SelectIds.menu + getRandomID();\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      globalObject.addEventListener?.('popstate', this.close);\n    }\n    if (prevState.opened && !this.state.opened) {\n      globalObject.removeEventListener?.('popstate', this.close);\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = ThemeFactory.create(\n            {\n              menuOffsetY: theme.selectMenuOffsetY,\n            },\n            theme,\n          );\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 dataTid = this.getProps()['data-tid'] ?? SelectDataTids.root;\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={dataTid}\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      size: this.getProps().size,\n      disabled: this.getProps().disabled,\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: SizeProp | 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      size: params.size,\n    };\n    const use = this.getProps().use;\n\n    const labelProps = {\n      'data-tid': SelectDataTids.label,\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    const icon = <ArrowDownIcon size={this.props.size} />;\n\n    return (\n      <Button {...buttonProps}>\n        <div className={cx(styles.selectButtonContainer(), { [linkStyles.root(this.theme)]: use === 'link' })}>\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            {icon}\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 { menuWidth, menuPos, menuAlign } = this.getProps();\n\n    return (\n      <Popup\n        opened\n        hasShadow\n        id={this.menuId}\n        data-tid={SelectDataTids.menu}\n        positions={getMenuPositions(menuPos, menuAlign)}\n        anchorElement={this.popupGetParent()}\n        priority={ZIndex.priorities.PopupMenu}\n        disablePortal={this.props.disablePortal}\n        margin={parseInt(this.theme.menuOffsetY) - 1}\n        width={menuWidth}\n        minWidth={menuWidth === undefined ? '100%' : undefined}\n        popupOffset={this.props.menuOffset}\n      >\n        <Menu\n          hasMargin={false}\n          ref={this.refMenu}\n          onItemClick={this.close}\n          maxHeight={this.props.maxMenuHeight}\n          align={menuAlign}\n        >\n          {search}\n          {this.getMenuItems(value)}\n        </Menu>\n      </Popup>\n    );\n  }\n\n  private getSearch = () => {\n    return (\n      <div className={styles.search()} onKeyDown={this.handleKey}>\n        <Input ref={this.debouncedFocusInput} 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 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.debouncedFocusInput}\n        onValueChange={this.handleSearch}\n        width=\"100%\"\n      />\n    );\n  };\n\n  private getMenuItems = (value: Nullable<TValue>) => {\n    const isMobile = this.isMobileLayout;\n    const size = this.props.size;\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, size } as MenuItemProps);\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, size } as MenuItemProps);\n          }\n          if (isReactUINode('MenuHeader', item)) {\n            return React.cloneElement(item, { size } as MenuHeaderProps);\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            size={this.props.size}\n          >\n            {this.getProps().renderItem(iValue, item)}\n          </MenuItem>\n        );\n      },\n    );\n  };\n\n  private popupGetParent = () => {\n    return getRootNode(this);\n  };\n\n  // fix cases when an Input is rendered in portal\n  // https://github.com/skbkontur/retail-ui/issues/1995\n  private focusInput = (input: Input) => input?.focus();\n  private debouncedFocusInput = debounce(this.focusInput);\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(0);\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          size: this.props.size,\n          'aria-describedby': this.props['aria-describedby'],\n          'aria-expanded': this.state.opened ? 'true' : 'false',\n          'aria-controls': this.menuId,\n          'aria-label': (buttonElement as React.ReactElement).props['aria-label'] ?? this.props['aria-label'],\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_invariant","_globalObject","_lodash","_identifiers","_decorators","_reactGetTextContent","_Button","_filterProps","_Input","_Menu","_MenuItem","_MenuSeparator","_RenderLayer","_createPropsGetter","_utils","_ThemeContext","_CommonWrapper","_MobilePopup","_Emotion","_decorator","_rootNode","_ThemeFactory","_Link","_Popup","_ZIndex","_getMenuPositions","_ArrowDownIcon","_Item","_locale","_Select2","_selectTheme","_tids","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_dec","_class","_Select","PASS_BUTTON_PROPS","id","disabled","error","use","size","warning","corners","onMouseEnter","onMouseLeave","onMouseOver","SelectIds","menu","SelectDataTids","Select","locale","SelectLocaleHelper","responsiveLayout","rootNode","_React$Component","_this","_len","arguments","length","args","Array","_key","apply","concat","state","opened","value","props","defaultValue","searchPattern","menuId","getRandomID","buttonElement","getProps","createPropsGetter","defaultProps","open","setState","onOpen","close","onClose","focus","getDefaultButtonParams","_this$renderLabel","renderLabel","label","isPlaceholder","buttonParams","onClick","toggle","onKeyDown","handleKey","getSearch","default","createElement","className","styles","search","Input","ref","debouncedFocusInput","onValueChange","handleSearch","width","getMobileSearch","autoFocus","getMenuItems","isMobile","isMobileLayout","mapItems","iValue","item","i","comment","isFunction","element","React","isValidElement","cloneElement","isReactUINode","MenuItem","areValuesEqual","select","bind","renderItem","popupGetParent","getRootNode","focusInput","input","debounce","refMenu","e","isKeySpace","isKeyArrowVertical","preventDefault","isKeyEscape","isKeyArrowUp","up","isKeyArrowDown","down","isKeyEnter","enter","_this$menu","highlightItem","buttonRef","getButton","_props$ariaLabel","button","_renderButton","renderDefaultButton","Children","only","onFocus","onBlur","_inheritsLoose2","_proto","componentDidUpdate","_prevProps","prevState","globalObject","addEventListener","removeEventListener","render","_this2","ThemeContext","Consumer","theme","ThemeFactory","create","menuOffsetY","selectMenuOffsetY","Provider","renderMain","getMenuRenderer","renderMobileMenu","renderMenu","_this$getProps$dataT","_cx","dataTid","root","getSelectTheme","style","maxWidth","undefined","cx","rootMobile","CommonWrapper","_extends2","rootNodeRef","setRootNode","RenderLayer","onClickOutside","onFocusOutside","active","_this$locale","getValue","getItemByValue","isNonNullable","renderValue","placeholder","getLeftIconClass","leftIconLink","leftIconLarge","leftIconMedium","leftIconSmall","params","_cx2","_cx3","_cx4","buttonProps","filterProps","align","labelProps","customUsePlaceholder","placeholderDisabled","paddingRight","getSelectIconGap","useIsCustom","icon","ArrowDownIcon","Button","selectButtonContainer","linkStyles","_icon","arrowWrap","arrowDisabled","customUseArrow","_this3","getArrowPadding","selectIconGapLarge","selectIconGapMedium","selectIconGapSmall","arrowLeftPadding","parseFloat","_this$getProps","menuWidth","menuPos","menuAlign","positions","Popup","hasShadow","getMenuPositions","anchorElement","priority","ZIndex","priorities","PopupMenu","disablePortal","margin","parseInt","minWidth","popupOffset","menuOffset","Menu","hasMargin","onItemClick","maxHeight","maxMenuHeight","MobilePopup","headerChildComponent","caption","mobileMenuHeaderText","onCloseRequest","disableScrollContainer","_this$props$onValueCh","_this$props","fn","items","pattern","toLowerCase","result","index","_iterator","_createForOfIteratorHelperLoose2","_step","done","entry","_normalizeEntry","normalizeEntry","filterItem","push","_iterator2","_step2","_normalizeEntry2","itemValue","value1","value2","Component","__KONTUR_REACT_UI__","displayName","Item","SEP","MenuSeparator","staticElement","invariant","isArray","getTextFromItem","reactGetTextContent","toString","itemText","indexOf"],"sources":["Select.tsx"],"sourcesContent":["import type { ReactNode, ReactPortal, AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport invariant from 'invariant';\nimport { globalObject } from '@skbkontur/global-object';\nimport debounce from 'lodash.debounce';\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 type { ButtonProps, ButtonUse } from '../Button';\nimport { Button } from '../Button';\nimport { filterProps } from '../../lib/filterProps';\nimport { Input } from '../Input';\nimport { Menu } from '../../internal/Menu';\nimport type { MenuItemProps } from '../MenuItem';\nimport { MenuItem } from '../MenuItem';\nimport { MenuSeparator } from '../MenuSeparator';\nimport { RenderLayer } from '../../internal/RenderLayer';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Nullable } from '../../typings/utility-types';\nimport { getRandomID, isFunction, isNonNullable, isReactUINode } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { MobilePopup } from '../../internal/MobilePopup';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { getRootNode, rootNode } from '../../lib/rootNode';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { MenuHeaderProps } from '../MenuHeader';\nimport type { SizeProp } from '../../lib/types/props';\nimport { styles as linkStyles } from '../Link/Link.styles';\nimport { Popup, type PopupPositionsType } from '../../internal/Popup';\nimport { ZIndex } from '../../internal/ZIndex';\nimport { getMenuPositions } from '../../lib/getMenuPositions';\n\nimport { ArrowDownIcon } from './ArrowDownIcon';\nimport { Item } from './Item';\nimport type { SelectLocale } from './locale';\nimport { SelectLocaleHelper } from './locale';\nimport { styles } from './Select.styles';\nimport { getSelectTheme } from './selectTheme';\nimport { SelectDataTids } from './tids';\n\nexport * from './tids';\n\nexport interface ButtonParams\n  extends Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-expanded'> {\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Задает лейбл. */\n  label: React.ReactNode;\n\n  /** Задает функцию, которая вызывается при клике на селект. */\n  onClick: () => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Определяет, открыто ли выпадающее меню. */\n  opened: boolean;\n\n  /** Определяет, есть ли Placeholder. */\n  isPlaceholder: boolean;\n\n  /** Задает размер контрола. */\n  size: SizeProp;\n}\n\nconst PASS_BUTTON_PROPS = {\n  id: true,\n  disabled: true,\n  error: true,\n  use: true,\n  size: true,\n  warning: true,\n  corners: true,\n\n  onMouseEnter: true,\n  onMouseLeave: true,\n  onMouseOver: true,\n};\n\nexport const SelectIds = {\n  menu: SelectDataTids.menu,\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>\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** @ignore */\n  _icon?: React.ReactNode;\n\n  /** @ignore */\n  _renderButton?: (params: ButtonParams) => React.ReactNode;\n\n  /** @ignore */\n  corners?: React.CSSProperties;\n\n  /** Задает значение по умолчанию. */\n  defaultValue?: TValue;\n\n  menuOffset?: number;\n\n  /** Отключает использование портала. */\n  disablePortal?: boolean;\n\n  /** Делает компонент недоступным.*/\n  disabled?: boolean;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Задает функцию, которая отфильтровывает элементы по заданному паттерну. */\n  filterItem?: (value: TValue, item: TItem, pattern: string) => boolean;\n\n  /** Задает набор значений. Поддерживаются любые перечисляемые типы, в том числе `Array`, `Map`, `Immutable.Map`.\n   *\n   * Элементы воспринимаются следующим образом: если элемент — это массив, то первый элемент является значением,\n   * второй — отображается в списке, а третий – комментарий;\n   * если элемент не является массивом, то он используется и для отображения, и для значения.\n   *\n   * Для вставки разделителя можно использовать `Select.SEP`.\n   *\n   * Вставить невыделяемый элемент со своей разметкой можно так:\n   * @example\n   * ```\n   * <Select ...\n   *   items={[Select.staticElement(() => <div>My Element</div>)]}\n   * />\n   * ```\n   *\n   * Чтобы добавить стандартный отступ для статического элемента:\n   * @example\n   * ```\n   * <Select.Item>My Element</Select.Item>\n   * ``` */\n  items?: Array<SelectItem<TValue, TItem>>;\n\n  /** Задает максимальную высоту меню. */\n  maxMenuHeight?: number;\n\n  /** Задает максимальную ширину. */\n  maxWidth?: React.CSSProperties['maxWidth'];\n\n  /** Задает позиции выпадающего меню. */\n  positions?: PopupPositionsType[];\n\n  /** Задает текущую позицию выпадающего окна вручную. */\n  menuPos?: 'top' | 'bottom' | 'middle';\n\n  /** Задает выравнивание меню. */\n  menuAlign?: 'left' | 'right';\n\n  /** Задает ширину выпадающего меню. */\n  menuWidth?: React.CSSProperties['width'];\n\n  /** Задает функцию, вызывающуюся при изменении value. */\n  onValueChange?: (value: TValue) => void;\n\n  /** Задает функцию, которая вызывается при закрытии меню. */\n  onClose?: () => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). См разницу с onMouseOver в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave) */\n  onMouseEnter?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onKeyDown?: (e: React.KeyboardEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при открытии меню. */\n  onOpen?: () => void;\n\n  /** Задает текст, который отображается если не введено никакое значение. */\n  placeholder?: React.ReactNode;\n\n  /** Задает функцию, которая отображает элемент в выпадающем списке. */\n  renderItem?: (value: TValue, item?: TItem) => React.ReactNode;\n\n  /** Задает функцию, которая отображает выбранный элемент. */\n  renderValue?: (value: TValue, item?: TItem) => React.ReactNode;\n\n  /** Задает функцию сравнения `value` с элементом из `items`. */\n  areValuesEqual?: (value1: TValue, value2: TValue) => boolean;\n\n  /** Показывает строку поиска в списке. */\n  search?: boolean;\n\n  /** Задает значение. */\n  value?: TValue;\n\n  theme?: ThemeIn | Theme;\n\n  /** Задает длину контрола. */\n  width?: number | string;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Задаёт стиль кнопки. */\n  use?: ButtonUse;\n\n  /** Задает размер. */\n  size?: SizeProp;\n\n  /** Задаёт HTML-событие `onfocus`. */\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n\n  /** Задаёт HTML-событие `onblur`. */\n  onBlur?: React.FocusEventHandler<HTMLElement>;\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\ntype DefaultProps<TValue, TItem> = Required<\n  Pick<SelectProps<TValue, TItem>, 'renderValue' | 'renderItem' | 'areValuesEqual' | 'filterItem' | 'use' | 'size'>\n>;\n\n/**\n * Раскрывающийся список `Select` позволяет выбрать значение из заранее известного набора вариантов.\n *\n * Используйте `Select` при:\n * * заполнении форм, например для выбора месяца.\n * * переключении состояний, например, фильтра.\n * * выборе предустановленных настроек, например, частоты уведомлений, часового пояса.\n *\n * Не используйте `Select` для выбора элементов меню. В таком случае воспользуйтесь компонентом Dropdown.\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  public static displayName = 'Select';\n\n  public static defaultProps: DefaultProps<unknown, ReactNode | ReactPortal> = {\n    renderValue,\n    renderItem,\n    areValuesEqual,\n    filterItem,\n    use: 'default',\n    size: 'small',\n  };\n\n  public static Item = Item;\n  public static SEP = () => <MenuSeparator />;\n\n  public static staticElement = (element: React.ReactElement | (() => React.ReactElement)) => {\n    invariant(\n      React.isValidElement(element) || typeof element === 'function',\n      'Select.staticElement(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 menuId = SelectIds.menu + getRandomID();\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      globalObject.addEventListener?.('popstate', this.close);\n    }\n    if (prevState.opened && !this.state.opened) {\n      globalObject.removeEventListener?.('popstate', this.close);\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = ThemeFactory.create(\n            {\n              menuOffsetY: theme.selectMenuOffsetY,\n            },\n            theme,\n          );\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 dataTid = this.getProps()['data-tid'] ?? SelectDataTids.root;\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={dataTid}\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      size: this.getProps().size,\n      disabled: this.getProps().disabled,\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: SizeProp | 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      size: params.size,\n    };\n    const use = this.getProps().use;\n\n    const labelProps = {\n      'data-tid': SelectDataTids.label,\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    const icon = <ArrowDownIcon size={this.props.size} />;\n\n    return (\n      <Button {...buttonProps}>\n        <div className={cx(styles.selectButtonContainer(), { [linkStyles.root(this.theme)]: use === 'link' })}>\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            {icon}\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 { menuWidth, menuPos, menuAlign, positions } = this.getProps();\n\n    return (\n      <Popup\n        opened\n        hasShadow\n        id={this.menuId}\n        data-tid={SelectDataTids.menu}\n        positions={positions ?? getMenuPositions(menuPos, menuAlign)}\n        anchorElement={this.popupGetParent()}\n        priority={ZIndex.priorities.PopupMenu}\n        disablePortal={this.props.disablePortal}\n        margin={parseInt(this.theme.menuOffsetY) - 1}\n        width={menuWidth}\n        minWidth={menuWidth === undefined ? '100%' : undefined}\n        popupOffset={this.props.menuOffset}\n      >\n        <Menu\n          hasMargin={false}\n          ref={this.refMenu}\n          onItemClick={this.close}\n          maxHeight={this.props.maxMenuHeight}\n          align={menuAlign}\n        >\n          {search}\n          {this.getMenuItems(value)}\n        </Menu>\n      </Popup>\n    );\n  }\n\n  private getSearch = () => {\n    return (\n      <div className={styles.search()} onKeyDown={this.handleKey}>\n        <Input ref={this.debouncedFocusInput} 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 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.debouncedFocusInput}\n        onValueChange={this.handleSearch}\n        width=\"100%\"\n      />\n    );\n  };\n\n  private getMenuItems = (value: Nullable<TValue>) => {\n    const isMobile = this.isMobileLayout;\n    const size = this.props.size;\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, size } as MenuItemProps);\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, size } as MenuItemProps);\n          }\n          if (isReactUINode('MenuHeader', item)) {\n            return React.cloneElement(item, { size } as MenuHeaderProps);\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            size={this.props.size}\n          >\n            {this.getProps().renderItem(iValue, item)}\n          </MenuItem>\n        );\n      },\n    );\n  };\n\n  private popupGetParent = () => {\n    return getRootNode(this);\n  };\n\n  // fix cases when an Input is rendered in portal\n  // https://github.com/skbkontur/retail-ui/issues/1995\n  private focusInput = (input: Input) => input?.focus();\n  private debouncedFocusInput = debounce(this.focusInput);\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(0);\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          size: this.props.size,\n          'aria-describedby': this.props['aria-describedby'],\n          'aria-expanded': this.state.opened ? 'true' : 'false',\n          'aria-controls': this.menuId,\n          'aria-label': (buttonElement as React.ReactElement).props['aria-label'] ?? this.props['aria-label'],\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"],"mappings":"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","ignoreList":[]}

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

@@ -14,6 +14,8 @@ export interface SidePageProps extends CommonProps, Pick<HTMLAttributes<unknown>
     ignoreBackgroundClick?: boolean;
     /** Задает ширину сайдпейджа. */
     width?: number | string;
+    /** Задает ширину сайдпейджаю на мобилке. По умолчанию ширина во весь экран. */
+    mobileWidth?: number | string;
     /** Задает функцию, которая вызывается при запросе закрытия сайдпейджа пользователем (нажал на фон, на Escape или на крестик). */
     onClose?: () => void;
     /** Задает функцию, которая вызывается при завершении анимации открытия сайдпейджа. */
@@ -64,7 +66,7 @@ export declare class SidePage extends React.Component<SidePageProps, SidePageSta
     private layout;
     private header;
     private footer;
-    private rootRef;
+    rootRef: React.RefObject<HTMLDivElement>;
     componentDidMount(): void;
     componentDidUpdate(prevProps: SidePageProps): void;
     componentWillUnmount(): void;

package/cjs/components/SidePage/SidePage.js

@@ -23,6 +23,7 @@ var _currentEnvironment = require("../../lib/currentEnvironment");
 var _ResponsiveLayout = require("../ResponsiveLayout");
 var _createPropsGetter = require("../../lib/createPropsGetter");
 var _isInstanceOf = require("../../lib/isInstanceOf");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
 
 var _SidePageBody = require("./SidePageBody");
 var _SidePageContainer = require("./SidePageContainer");
@@ -74,6 +75,9 @@ var _SidePage2 = require("./SidePage.styles");
 
 
 
+
+
+
 
 
 
@@ -258,6 +262,12 @@ SidePage = exports.SidePage = /*#__PURE__*/function (_React$Component) {function
 
 
 
+
+
+
+
+
+
 
 
 
@@ -311,10 +321,6 @@ SidePage = exports.SidePage = /*#__PURE__*/function (_React$Component) {function
 
 
 
-
-
-
-
 
 
 
@@ -391,4 +397,4 @@ SidePage = exports.SidePage = /*#__PURE__*/function (_React$Component) {function
 
     setHasPanel = function (hasPanel) {if (hasPanel === void 0) {hasPanel = false;}
       _this.state.hasPanel !== hasPanel && _this.setState({ hasPanel: hasPanel });
-    };return _this;}(0, _inheritsLoose2.default)(SidePage, _React$Component);var _proto = SidePage.prototype;_proto.componentDidMount = function componentDidMount() {_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('keydown', this.handleKeyDown);this.stackSubscription = _ModalStack.ModalStack.add(this, this.handleStackChange);};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.blockBackground !== this.props.blockBackground) {_ModalStack.ModalStack.rerender();this.setState({ hasBackground: _ModalStack.ModalStack.isBlocking(this) });}};_proto.componentWillUnmount = function componentWillUnmount() {_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('keydown', this.handleKeyDown);if ((0, _utils.isNonNullable)(this.stackSubscription)) {this.stackSubscription.remove();}_ModalStack.ModalStack.remove(this);};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;var _this$props = this.props,blockBackground = _this$props.blockBackground,onOpened = _this$props.onOpened;var disableAnimations = this.getProps().disableAnimations;return /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, function (_ref) {var isMobile = _ref.isMobile;return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this3.props, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Sidepage', onScroll: LayoutEvents.emit, createStackingContext: true, style: { position: 'absolute' } }, blockBackground && _this3.renderShadow(isMobile), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { in: true, classNames: _this3.getTransitionNames(), appear: !disableAnimations, enter: !disableAnimations, exit: false, timeout: { enter: TRANSITION_TIMEOUT, exit: TRANSITION_TIMEOUT }, nodeRef: _this3.rootRef, onEntered: onOpened }, _this3.renderContainer(isMobile)), isMobile && /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null))));});};_proto.renderContainer = function renderContainer(isMobile) {var _cx, _cx2;var _this$props2 = this.props,width = _this$props2.width,blockBackground = _this$props2.blockBackground,fromLeft = _this$props2.fromLeft,ariaLabel = _this$props2['aria-label'];var _this$getProps = this.getProps(),offset = _this$getProps.offset,role = _this$getProps.role;return /*#__PURE__*/_react.default.createElement("div", { "aria-modal": true, role: role, "aria-label": ariaLabel, "data-tid": SidePageDataTids.root, className: (0, _Emotion.cx)((_cx = {}, _cx[_SidePage2.styles.root()] = true, _cx[_SidePage2.styles.mobileRoot()] = isMobile, _cx)), ref: this.rootRef, onScroll: LayoutEvents.emit, style: isMobile ? undefined : { width: width || (blockBackground ? 800 : 500), right: fromLeft ? 'auto' : offset, left: fromLeft ? offset : 'auto' } }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, { disabled: this.isFocusLockDisabled, autoFocus: false, className: _SidePage2.styles.focusLock() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.handleClickOutside, active: true }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageDataTids.container, className: (0, _Emotion.cx)(_SidePage2.styles.wrapper(this.theme), (_cx2 = {}, _cx2[_SidePage2.styles.wrapperLeft()] = fromLeft, _cx2[_SidePage2.styles.wrapperMarginLeft()] = this.state.hasMargin && fromLeft, _cx2[_SidePage2.styles.wrapperMarginRight()] = this.state.hasMargin && !fromLeft, _cx2[_SidePage2.styles.shadow(this.theme)] = this.state.hasShadow, _cx2)), ref: this.layoutRef }, /*#__PURE__*/_react.default.createElement(_SidePageContext.SidePageContext.Provider, { value: this.getSidePageContextProps() }, this.props.children)))));};_proto.renderShadow = function renderShadow(isMobile) {var _cx3;return /*#__PURE__*/_react.default.createElement("div", { className: _SidePage2.styles.overlay(), onScroll: LayoutEvents.emit }, !isMobile && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, { key: "hbvs" }), /*#__PURE__*/_react.default.createElement("div", { key: "overlay", className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_SidePage2.styles.background()] = true, _cx3[_SidePage2.styles.backgroundGray(this.theme)] = this.state.hasBackground, _cx3)) })));};_proto.getTransitionNames = function getTransitionNames() {var transition = this.props.fromLeft ? _SidePage2.styles.transitionRight : _SidePage2.styles.transitionLeft;return { enter: transition(), enterActive: _SidePage2.styles.transitionActive(), exit: _SidePage2.styles.transitionLeave(), exitActive: _SidePage2.styles.transitionLeaveActive(), appear: transition(), appearActive: _SidePage2.styles.transitionActive() };};return (0, _createClass2.default)(SidePage, [{ key: "isFocusLockDisabled", get: function get() {var _this$getProps2 = this.getProps(),disableFocusLock = _this$getProps2.disableFocusLock;var blockBackground = this.props.blockBackground;if (!blockBackground) {return true;}if (disableFocusLock !== undefined) {return disableFocusLock;}return false;} }]);}(_react.default.Component);SidePage.__KONTUR_REACT_UI__ = 'SidePage';SidePage.displayName = 'SidePage';SidePage.Header = _SidePageHeader.SidePageHeader;SidePage.Body = _SidePageBody.SidePageBody;SidePage.Footer = _SidePageFooter.SidePageFooter;SidePage.Container = _SidePageContainer.SidePageContainer;SidePage.defaultProps = { disableAnimations: _currentEnvironment.isTestEnv, offset: 0, role: 'dialog' };
+    };return _this;}(0, _inheritsLoose2.default)(SidePage, _React$Component);var _proto = SidePage.prototype;_proto.componentDidMount = function componentDidMount() {_globalObject.globalObject.addEventListener == null || _globalObject.globalObject.addEventListener('keydown', this.handleKeyDown);this.stackSubscription = _ModalStack.ModalStack.add(this, this.handleStackChange);};_proto.componentDidUpdate = function componentDidUpdate(prevProps) {if (prevProps.blockBackground !== this.props.blockBackground) {_ModalStack.ModalStack.rerender();this.setState({ hasBackground: _ModalStack.ModalStack.isBlocking(this) });}};_proto.componentWillUnmount = function componentWillUnmount() {_globalObject.globalObject.removeEventListener == null || _globalObject.globalObject.removeEventListener('keydown', this.handleKeyDown);if ((0, _utils.isNonNullable)(this.stackSubscription)) {this.stackSubscription.remove();}_ModalStack.ModalStack.remove(this);};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});};_proto.renderMain = function renderMain() {var _this3 = this;var _this$props = this.props,blockBackground = _this$props.blockBackground,onOpened = _this$props.onOpened;var disableAnimations = this.getProps().disableAnimations;var versionGTE5_2 = (0, _ThemeHelpers.isThemeGTE)(this.theme, '5.2');return /*#__PURE__*/_react.default.createElement(_ResponsiveLayout.ResponsiveLayout, null, function (_ref) {var isMobile = _ref.isMobile;return /*#__PURE__*/_react.default.createElement(_RenderContainer.RenderContainer, null, /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, _this3.props, /*#__PURE__*/_react.default.createElement(_ZIndex.ZIndex, { priority: 'Sidepage', onScroll: LayoutEvents.emit, createStackingContext: true, style: { position: 'absolute' } }, (versionGTE5_2 || !isMobile) && blockBackground && _this3.renderShadow(), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, { in: true, classNames: _this3.getTransitionNames(), appear: !disableAnimations, enter: !disableAnimations, exit: false, timeout: { enter: TRANSITION_TIMEOUT, exit: TRANSITION_TIMEOUT }, nodeRef: _this3.rootRef, onEntered: onOpened }, _this3.renderContainer(isMobile)), isMobile && /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, null))));});};_proto.renderContainer = function renderContainer(isMobile) {var _cx, _cx2;var _this$props2 = this.props,mobileWidth = _this$props2.mobileWidth,blockBackground = _this$props2.blockBackground,fromLeft = _this$props2.fromLeft,ariaLabel = _this$props2['aria-label'];var _this$getProps = this.getProps(),offset = _this$getProps.offset,role = _this$getProps.role;var widthDesktop = this.props.width || (blockBackground ? 800 : 500);var widthMobile = this.props.mobileWidth || '100%';var width = isMobile ? widthMobile : widthDesktop;return /*#__PURE__*/_react.default.createElement("div", { "aria-modal": true, role: role, "aria-label": ariaLabel, "data-tid": SidePageDataTids.root, className: (0, _Emotion.cx)((_cx = {}, _cx[_SidePage2.styles.root()] = true, _cx)), ref: this.rootRef, onScroll: LayoutEvents.emit, style: isMobile && !(0, _ThemeHelpers.isThemeGTE)(this.theme, '5.2') ? { width: mobileWidth || '100%' } : { width: width, right: fromLeft ? 'auto' : offset, left: fromLeft ? offset : 'auto' } }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, { disabled: this.isFocusLockDisabled, autoFocus: false, className: _SidePage2.styles.focusLock() }, /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.handleClickOutside, active: true }, /*#__PURE__*/_react.default.createElement("div", { "data-tid": SidePageDataTids.container, className: (0, _Emotion.cx)(_SidePage2.styles.wrapper(this.theme), (_cx2 = {}, _cx2[_SidePage2.styles.wrapperLeft()] = fromLeft, _cx2[_SidePage2.styles.wrapperMarginLeft()] = this.state.hasMargin && fromLeft, _cx2[_SidePage2.styles.wrapperMarginRight()] = this.state.hasMargin && !fromLeft, _cx2[_SidePage2.styles.shadow(this.theme)] = this.state.hasShadow, _cx2)), ref: this.layoutRef }, /*#__PURE__*/_react.default.createElement(_SidePageContext.SidePageContext.Provider, { value: this.getSidePageContextProps() }, this.props.children)))));};_proto.renderShadow = function renderShadow() {var _cx3;return /*#__PURE__*/_react.default.createElement("div", { className: _SidePage2.styles.overlay(), onScroll: LayoutEvents.emit }, /*#__PURE__*/_react.default.createElement(_HideBodyVerticalScroll.HideBodyVerticalScroll, { key: "hbvs" }), /*#__PURE__*/_react.default.createElement("div", { key: "overlay", className: (0, _Emotion.cx)((_cx3 = {}, _cx3[_SidePage2.styles.background()] = true, _cx3[_SidePage2.styles.backgroundGray(this.theme)] = this.state.hasBackground, _cx3)) }));};_proto.getTransitionNames = function getTransitionNames() {var transition = this.props.fromLeft ? _SidePage2.styles.transitionRight : _SidePage2.styles.transitionLeft;return { enter: transition(), enterActive: _SidePage2.styles.transitionActive(), exit: _SidePage2.styles.transitionLeave(), exitActive: _SidePage2.styles.transitionLeaveActive(), appear: transition(), appearActive: _SidePage2.styles.transitionActive() };};return (0, _createClass2.default)(SidePage, [{ key: "isFocusLockDisabled", get: function get() {var _this$getProps2 = this.getProps(),disableFocusLock = _this$getProps2.disableFocusLock;var blockBackground = this.props.blockBackground;if (!blockBackground) {return true;}if (disableFocusLock !== undefined) {return disableFocusLock;}return false;} }]);}(_react.default.Component);SidePage.__KONTUR_REACT_UI__ = 'SidePage';SidePage.displayName = 'SidePage';SidePage.Header = _SidePageHeader.SidePageHeader;SidePage.Body = _SidePageBody.SidePageBody;SidePage.Footer = _SidePageFooter.SidePageFooter;SidePage.Container = _SidePageContainer.SidePageContainer;SidePage.defaultProps = { disableAnimations: _currentEnvironment.isTestEnv, offset: 0, role: 'dialog' };