@skbkontur/react-ui 0.0.0-52df310f7c → 0.0.0-53ccdcbfcc

package/cjs/components/ScrollContainer/ScrollContainer.styles.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = exports.globalClasses = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 
 
 var globalClasses = (0, _Emotion.prefix)('scroll-container')({
@@ -19,7 +19,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   inner: function inner() {
-    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      overflow: scroll;\n      max-height: 100%;\n      max-width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "])));
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "])));
 
 
 
@@ -46,17 +46,19 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   scrollBar: function scrollBar(t) {
-    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n    "])),
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n      transition: opacity 0.3s ease-out, width 0.2s, height 0.2s;\n    "])),
 
 
 
     t.scrollContainerScrollBarColor);
 
 
+
   },
 
   visibleScrollBar: function visibleScrollBar() {
-    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 1;\n    "])));
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 1;\n      transition: opacity 0.1s ease-out, width 0.2s, height 0.2s;\n    "])));
+
 
 
   },
@@ -79,8 +81,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   scrollBarY: function scrollBarY(t) {
-    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      right: 0;\n      transition: width 0.2s;\n      width: ", ";\n    "])),
-
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      right: 0;\n      width: ", ";\n    "])),
 
     t.scrollContainerScrollBarSize);
 
@@ -116,8 +117,7 @@ var styles = (0, _Emotion.memoizeStyle)({
   },
 
   scrollBarX: function scrollBarX(t) {
-    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: 0;\n      transition: height 0.2s;\n      height: ", ";\n    "])),
-
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      bottom: 0;\n      height: ", ";\n    "])),
 
     t.scrollContainerScrollBarSize);
 
@@ -127,26 +127,4 @@ var styles = (0, _Emotion.memoizeStyle)({
     return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n    "])),
     t.scrollContainerScrollBarHoverSize);
 
-  },
-  transition: function transition() {
-    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0 !important; //override scrollBar opacity\n    "])));
-
-
-  },
-  transitionActive: function transitionActive() {
-    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      transition: opacity 100ms ease-out !important; //override scrollBarX and scrollBarY transition\n      opacity: 1 !important; //override scrollBar opacity\n    "])));
-
-
-
-  },
-  transitionLeave: function transitionLeave() {
-    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 1 !important; //override scrollBar opacity\n    "])));
-
-
-  },
-  transitionLeaveActive: function transitionLeaveActive() {
-    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0 !important; //override scrollBar opacity\n      transition: opacity 300ms ease-out !important; //override scrollBarX and scrollBarY transition\n    "])));
-
-
-
   } });exports.styles = styles;

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

@@ -1 +1 @@
-{"version":3,"sources":["ScrollContainer.styles.ts"],"names":["globalClasses","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","root","css","innerIE11","scrollBar","t","scrollContainerScrollBarColor","visibleScrollBar","scrollBarInvert","scrollContainerScrollBarInvertColor","scrollBarContainerY","scrollBarY","scrollContainerScrollBarSize","scrollBarYHover","scrollContainerScrollBarHoverSize","scrollBarContainerX","scrollBarX","scrollBarXHover","transition","transitionActive","transitionLeave","transitionLeaveActive"],"mappings":"oSAAA,oD;;;AAGO,IAAMA,aAAa,GAAG,qBAAO,kBAAP,EAA2B;AACtDC,EAAAA,UAAU,EAAE,aAD0C;AAEtDC,EAAAA,UAAU,EAAE,aAF0C;AAGtDC,EAAAA,mBAAmB,EAAE,uBAHiC;AAItDC,EAAAA,mBAAmB,EAAE,uBAJiC;AAKtDC,EAAAA,KAAK,EAAE,OAL+C,EAA3B,CAAtB,C;;;AAQA,IAAMC,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;AAKD,GAPgC;;AASjCH,EAAAA,KATiC,mBASzB;AACN,eAAOG,YAAP;;;;;;;;;;;;;;AAcD,GAxBgC;;AA0BjCC,EAAAA,SA1BiC,uBA0BrB;AACV,eAAOD,YAAP;;;;;;;AAOD,GAlCgC;;AAoCjCE,EAAAA,SApCiC,qBAoCvBC,CApCuB,EAoCb;AAClB,eAAOH,YAAP;;;;AAIgBG,IAAAA,CAAC,CAACC,6BAJlB;;;AAOD,GA5CgC;;AA8CjCC,EAAAA,gBA9CiC,8BA8Cd;AACjB,eAAOL,YAAP;;;AAGD,GAlDgC;;AAoDjCM,EAAAA,eApDiC,2BAoDjBH,CApDiB,EAoDP;AACxB,eAAOH,YAAP;;AAEgBG,IAAAA,CAAC,CAACI,mCAFlB;;AAID,GAzDgC;;AA2DjCC,EAAAA,mBA3DiC,iCA2DX;AACpB,eAAOR,YAAP;;;;;;;AAOD,GAnEgC;;AAqEjCS,EAAAA,UArEiC,sBAqEtBN,CArEsB,EAqEZ;AACnB,eAAOH,YAAP;;;AAGWG,IAAAA,CAAC,CAACO,4BAHb;;AAKD,GA3EgC;;AA6EjCC,EAAAA,eA7EiC,2BA6EjBR,CA7EiB,EA6EP;AACxB,eAAOH,YAAP;AACWG,IAAAA,CAAC,CAACS,iCADb;;AAGD,GAjFgC;;AAmFjCC,EAAAA,mBAnFiC,+BAmFbV,CAnFa,EAmFH;AAC5B,eAAOH,YAAP;;;;;;;AAOKR,IAAAA,aAAa,CAACI,mBAPnB;AAQyBO,IAAAA,CAAC,CAACS,iCAR3B;;;AAWSpB,IAAAA,aAAa,CAACK,KAXvB;;;;;AAgBqBM,IAAAA,CAAC,CAACS,iCAhBvB;;;;AAoBD,GAxGgC;;AA0GjCE,EAAAA,UA1GiC,sBA0GtBX,CA1GsB,EA0GZ;AACnB,eAAOH,YAAP;;;AAGYG,IAAAA,CAAC,CAACO,4BAHd;;AAKD,GAhHgC;;AAkHjCK,EAAAA,eAlHiC,2BAkHjBZ,CAlHiB,EAkHP;AACxB,eAAOH,YAAP;AACYG,IAAAA,CAAC,CAACS,iCADd;;AAGD,GAtHgC;AAuHjCI,EAAAA,UAvHiC,wBAuHpB;AACX,eAAOhB,YAAP;;;AAGD,GA3HgC;AA4HjCiB,EAAAA,gBA5HiC,8BA4Hd;AACjB,eAAOjB,YAAP;;;;AAID,GAjIgC;AAkIjCkB,EAAAA,eAlIiC,6BAkIf;AAChB,eAAOlB,YAAP;;;AAGD,GAtIgC;AAuIjCmB,EAAAA,qBAvIiC,mCAuIT;AACtB,eAAOnB,YAAP;;;;AAID,GA5IgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('scroll-container')({\n  scrollbarX: 'scrollbar-x',\n  scrollbarY: 'scrollbar-y',\n  scrollbarContainerX: 'scrollbar-container-x',\n  scrollbarContainerY: 'scrollbar-container-y',\n  inner: 'inner',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: relative;\n      overflow: scroll;\n      max-height: 100%;\n      max-width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n\n  innerIE11() {\n    return css`\n      /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n      margin-bottom: -1px;\n      padding-bottom: 1px;\n      margin-right: -1px;\n      padding-right: 1px;\n    `;\n  },\n\n  scrollBar(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ${t.scrollContainerScrollBarColor};\n      opacity: 0;\n    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\n    `;\n  },\n\n  scrollBarInvert(t: Theme) {\n    return css`\n      background: #ccc;\n      background: ${t.scrollContainerScrollBarInvertColor};\n    `;\n  },\n\n  scrollBarContainerY() {\n    return css`\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    `;\n  },\n\n  scrollBarY(t: Theme) {\n    return css`\n      right: 0;\n      transition: width 0.2s;\n      width: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarYHover(t: Theme) {\n    return css`\n      width: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n\n  scrollBarContainerX(t: Theme) {\n    return css`\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .${globalClasses.scrollbarContainerY} ~ & {\n        margin-right: calc(${t.scrollContainerScrollBarHoverSize} + 3px) !important;\n      }\n\n      & ~ .${globalClasses.inner} {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(${t.scrollContainerScrollBarHoverSize} + 2px);\n        }\n      }\n    `;\n  },\n\n  scrollBarX(t: Theme) {\n    return css`\n      bottom: 0;\n      transition: height 0.2s;\n      height: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarXHover(t: Theme) {\n    return css`\n      height: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n  transition() {\n    return css`\n      opacity: 0 !important; //override scrollBar opacity\n    `;\n  },\n  transitionActive() {\n    return css`\n      transition: opacity 100ms ease-out !important; //override scrollBarX and scrollBarY transition\n      opacity: 1 !important; //override scrollBar opacity\n    `;\n  },\n  transitionLeave() {\n    return css`\n      opacity: 1 !important; //override scrollBar opacity\n    `;\n  },\n  transitionLeaveActive() {\n    return css`\n      opacity: 0 !important; //override scrollBar opacity\n      transition: opacity 300ms ease-out !important; //override scrollBarX and scrollBarY transition\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["ScrollContainer.styles.ts"],"names":["globalClasses","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","root","css","innerIE11","scrollBar","t","scrollContainerScrollBarColor","visibleScrollBar","scrollBarInvert","scrollContainerScrollBarInvertColor","scrollBarContainerY","scrollBarY","scrollContainerScrollBarSize","scrollBarYHover","scrollContainerScrollBarHoverSize","scrollBarContainerX","scrollBarX","scrollBarXHover"],"mappings":"oSAAA,oD;;;AAGO,IAAMA,aAAa,GAAG,qBAAO,kBAAP,EAA2B;AACtDC,EAAAA,UAAU,EAAE,aAD0C;AAEtDC,EAAAA,UAAU,EAAE,aAF0C;AAGtDC,EAAAA,mBAAmB,EAAE,uBAHiC;AAItDC,EAAAA,mBAAmB,EAAE,uBAJiC;AAKtDC,EAAAA,KAAK,EAAE,OAL+C,EAA3B,CAAtB,C;;;AAQA,IAAMC,MAAM,GAAG,2BAAa;AACjCC,EAAAA,IADiC,kBAC1B;AACL,eAAOC,YAAP;;;;;AAKD,GAPgC;;AASjCH,EAAAA,KATiC,mBASzB;AACN,eAAOG,YAAP;;;;;;;;;;;;;;AAcD,GAxBgC;;AA0BjCC,EAAAA,SA1BiC,uBA0BrB;AACV,eAAOD,YAAP;;;;;;;AAOD,GAlCgC;;AAoCjCE,EAAAA,SApCiC,qBAoCvBC,CApCuB,EAoCb;AAClB,eAAOH,YAAP;;;;AAIgBG,IAAAA,CAAC,CAACC,6BAJlB;;;;AAQD,GA7CgC;;AA+CjCC,EAAAA,gBA/CiC,8BA+Cd;AACjB,eAAOL,YAAP;;;;AAID,GApDgC;;AAsDjCM,EAAAA,eAtDiC,2BAsDjBH,CAtDiB,EAsDP;AACxB,eAAOH,YAAP;;AAEgBG,IAAAA,CAAC,CAACI,mCAFlB;;AAID,GA3DgC;;AA6DjCC,EAAAA,mBA7DiC,iCA6DX;AACpB,eAAOR,YAAP;;;;;;;AAOD,GArEgC;;AAuEjCS,EAAAA,UAvEiC,sBAuEtBN,CAvEsB,EAuEZ;AACnB,eAAOH,YAAP;;AAEWG,IAAAA,CAAC,CAACO,4BAFb;;AAID,GA5EgC;;AA8EjCC,EAAAA,eA9EiC,2BA8EjBR,CA9EiB,EA8EP;AACxB,eAAOH,YAAP;AACWG,IAAAA,CAAC,CAACS,iCADb;;AAGD,GAlFgC;;AAoFjCC,EAAAA,mBApFiC,+BAoFbV,CApFa,EAoFH;AAC5B,eAAOH,YAAP;;;;;;;AAOKR,IAAAA,aAAa,CAACI,mBAPnB;AAQyBO,IAAAA,CAAC,CAACS,iCAR3B;;;AAWSpB,IAAAA,aAAa,CAACK,KAXvB;;;;;AAgBqBM,IAAAA,CAAC,CAACS,iCAhBvB;;;;AAoBD,GAzGgC;;AA2GjCE,EAAAA,UA3GiC,sBA2GtBX,CA3GsB,EA2GZ;AACnB,eAAOH,YAAP;;AAEYG,IAAAA,CAAC,CAACO,4BAFd;;AAID,GAhHgC;;AAkHjCK,EAAAA,eAlHiC,2BAkHjBZ,CAlHiB,EAkHP;AACxB,eAAOH,YAAP;AACYG,IAAAA,CAAC,CAACS,iCADd;;AAGD,GAtHgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const globalClasses = prefix('scroll-container')({\n  scrollbarX: 'scrollbar-x',\n  scrollbarY: 'scrollbar-y',\n  scrollbarContainerX: 'scrollbar-container-x',\n  scrollbarContainerY: 'scrollbar-container-y',\n  inner: 'inner',\n});\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    `;\n  },\n\n  inner() {\n    return css`\n      position: relative;\n      overflow: scroll;\n      height: 100%;\n      width: 100%;\n\n      /* Hide scrobars without losing functionality */\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n\n  innerIE11() {\n    return css`\n      /* IE sometimes enabled scroll: http://codepen.io/anon/pen/RRrLNX */\n      margin-bottom: -1px;\n      padding-bottom: 1px;\n      margin-right: -1px;\n      padding-right: 1px;\n    `;\n  },\n\n  scrollBar(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ${t.scrollContainerScrollBarColor};\n      opacity: 0;\n      transition: opacity 0.3s ease-out, width 0.2s, height 0.2s;\n    `;\n  },\n\n  visibleScrollBar() {\n    return css`\n      opacity: 1;\n      transition: opacity 0.1s ease-out, width 0.2s, height 0.2s;\n    `;\n  },\n\n  scrollBarInvert(t: Theme) {\n    return css`\n      background: #ccc;\n      background: ${t.scrollContainerScrollBarInvertColor};\n    `;\n  },\n\n  scrollBarContainerY() {\n    return css`\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    `;\n  },\n\n  scrollBarY(t: Theme) {\n    return css`\n      right: 0;\n      width: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarYHover(t: Theme) {\n    return css`\n      width: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n\n  scrollBarContainerX(t: Theme) {\n    return css`\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .${globalClasses.scrollbarContainerY} ~ & {\n        margin-right: calc(${t.scrollContainerScrollBarHoverSize} + 3px) !important;\n      }\n\n      & ~ .${globalClasses.inner} {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(${t.scrollContainerScrollBarHoverSize} + 2px);\n        }\n      }\n    `;\n  },\n\n  scrollBarX(t: Theme) {\n    return css`\n      bottom: 0;\n      height: ${t.scrollContainerScrollBarSize};\n    `;\n  },\n\n  scrollBarXHover(t: Theme) {\n    return css`\n      height: ${t.scrollContainerScrollBarHoverSize};\n    `;\n  },\n});\n"]}

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

@@ -0,0 +1,3 @@
+export declare const ArrowDownIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/Select/ArrowDownIcon.js

@@ -0,0 +1,15 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ArrowDownIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+
+var _ArrowCDownIcon16Regular = require("../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular");
+var _ArrowCDownIcon20Regular = require("../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular");
+var _ArrowCDownIcon24Regular = require("../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular");
+var _iconSizer = require("../../internal/icons2022/iconSizer"); /* eslint-disable react/display-name */
+
+var ArrowDownIcon = (0, _iconSizer.iconSizer)(
+{
+  small: function small() {return /*#__PURE__*/_react.default.createElement(_ArrowCDownIcon16Regular.ArrowCDownIcon16Regular, null);},
+  medium: function medium() {return /*#__PURE__*/_react.default.createElement(_ArrowCDownIcon20Regular.ArrowCDownIcon20Regular, null);},
+  large: function large() {return /*#__PURE__*/_react.default.createElement(_ArrowCDownIcon24Regular.ArrowCDownIcon24Regular, null);} },
+
+'ArrowDownIcon');exports.ArrowDownIcon = ArrowDownIcon;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ArrowDownIcon.tsx"],"names":["ArrowDownIcon","small","medium","large"],"mappings":";AACA;;AAEA;AACA;AACA;AACA,+D,CANA;;AAQO,IAAMA,aAAa,GAAG;AAC3B;AACEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,gDAAD,OAAN,EADT;AAEEC,EAAAA,MAAM,EAAE,uCAAM,6BAAC,gDAAD,OAAN,EAFV;AAGEC,EAAAA,KAAK,EAAE,sCAAM,6BAAC,gDAAD,OAAN,EAHT,EAD2B;;AAM3B,eAN2B,CAAtB,C","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { ArrowCDownIcon16Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon16Regular';\nimport { ArrowCDownIcon20Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon20Regular';\nimport { ArrowCDownIcon24Regular } from '../../internal/icons2022/ArrowCDownIcon/ArrowCDownIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const ArrowDownIcon = iconSizer(\n  {\n    small: () => <ArrowCDownIcon16Regular />,\n    medium: () => <ArrowCDownIcon20Regular />,\n    large: () => <ArrowCDownIcon24Regular />,\n  },\n  'ArrowDownIcon',\n);\n"]}

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

@@ -1,6 +1,7 @@
 import React from 'react';
 interface ItemProps {
     children?: React.ReactNode;
+    isNotSelectable?: boolean;
 }
 export declare class Item extends React.Component<ItemProps> {
     static __KONTUR_REACT_UI__: string;

package/cjs/components/Select/Item.js

@@ -5,9 +5,10 @@ var _MenuItem = require("../MenuItem");var
 
 
 
+
 Item = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(Item, _React$Component);function Item() {return _React$Component.apply(this, arguments) || this;}var _proto = Item.prototype;_proto.
 
 
   render = function render() {
-    return /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, null, this.props.children);
+    return /*#__PURE__*/_react.default.createElement(_MenuItem.MenuItem, { isNotSelectable: this.props.isNotSelectable }, this.props.children);
   };return Item;}(_react.default.Component);exports.Item = Item;Item.__KONTUR_REACT_UI__ = 'SelectItem';

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

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

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

@@ -1,23 +1,28 @@
 import React, { ReactNode, ReactPortal, AriaAttributes } from 'react';
-import { ButtonSize, ButtonUse } from '../Button';
+import { ButtonUse } from '../Button';
 import { DropdownContainerProps } from '../../internal/DropdownContainer';
 import { Nullable } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
+import { SizeProp } from '../../lib/types/props';
 import { Item } from './Item';
-export interface ButtonParams {
+export interface ButtonParams extends Pick<AriaAttributes, 'aria-describedby' | 'aria-controls' | 'aria-label' | 'aria-expanded'> {
     disabled?: boolean;
     label: React.ReactNode;
     onClick: () => void;
     onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
     opened: boolean;
     isPlaceholder: boolean;
-    'aria-describedby'?: AriaAttributes['aria-describedby'];
+    size: SizeProp;
 }
 export declare const SelectDataTids: {
     readonly root: "Select__root";
+    readonly menu: "Select__menu";
+};
+export declare const SelectIds: {
+    readonly menu: "Select__menu";
 };
 declare type SelectItem<TValue, TItem> = [TValue, TItem, React.ReactNode?] | TItem | TValue | React.ReactElement | (() => React.ReactElement);
-export interface SelectProps<TValue, TItem> extends CommonProps, Pick<DropdownContainerProps, 'menuPos'> {
+export interface SelectProps<TValue, TItem> extends CommonProps, Pick<DropdownContainerProps, 'menuPos'>, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'> {
     /** @ignore */
     _icon?: React.ReactNode;
     /** @ignore */
@@ -94,24 +99,20 @@ export interface SelectProps<TValue, TItem> extends CommonProps, Pick<DropdownCo
      */
     warning?: boolean;
     use?: ButtonUse;
-    size?: ButtonSize;
+    size?: SizeProp;
     onFocus?: React.FocusEventHandler<HTMLElement>;
     onBlur?: React.FocusEventHandler<HTMLElement>;
     /**
      * Текст заголовка выпадающего меню в мобильной версии
      */
     mobileMenuHeaderText?: string;
-    /**
-     * Атрибут для указания id элемента(-ов), описывающих его
-     */
-    'aria-describedby'?: AriaAttributes['aria-describedby'];
 }
 export interface SelectState<TValue> {
     opened: boolean;
     searchPattern: string;
     value: Nullable<TValue>;
 }
-declare type DefaultProps<TValue, TItem> = Required<Pick<SelectProps<TValue, TItem>, 'renderValue' | 'renderItem' | 'areValuesEqual' | 'filterItem' | 'use'>>;
+declare type DefaultProps<TValue, TItem> = Required<Pick<SelectProps<TValue, TItem>, 'renderValue' | 'renderItem' | 'areValuesEqual' | 'filterItem' | 'use' | 'size'>>;
 export declare class Select<TValue = {}, TItem = {}> extends React.Component<SelectProps<TValue, TItem>, SelectState<TValue>> {
     static __KONTUR_REACT_UI__: string;
     static defaultProps: DefaultProps<unknown, ReactNode | ReactPortal>;
@@ -123,9 +124,11 @@ export declare class Select<TValue = {}, TItem = {}> extends React.Component<Sel
     private isMobileLayout;
     private readonly locale;
     private menu;
+    private menuId;
     private buttonElement;
     private getProps;
     private setRootNode;
+    private featureFlags;
     componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>): void;
     render(): JSX.Element;
     /**
@@ -154,6 +157,7 @@ export declare class Select<TValue = {}, TItem = {}> extends React.Component<Sel
     private getMenuItems;
     private dropdownContainerGetParent;
     private focusInput;
+    private debouncedFocusInput;
     private refMenu;
     private toggle;
     private handleKey;

package/cjs/components/Select/Select.js

@@ -1,5 +1,7 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.SelectDataTids = exports.Select = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.SelectIds = exports.SelectDataTids = exports.Select = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _invariant = _interopRequireDefault(require("invariant"));
+var _globalObject = require("@skbkontur/global-object");
+var _lodash = _interopRequireDefault(require("lodash.debounce"));
 
 var _identifiers = require("../../lib/events/keyboard/identifiers");
 
@@ -30,7 +32,17 @@ var _MobilePopup = require("../../internal/MobilePopup");
 var _Emotion = require("../../lib/theming/Emotion");
 var _decorator = require("../ResponsiveLayout/decorator");
 var _rootNode = require("../../lib/rootNode");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _ThemeFactory = require("../../lib/theming/ThemeFactory");
 
+
+var _featureFlagsContext = require("../../lib/featureFlagsContext");
+
+
+
+
+
+var _ArrowDownIcon = require("./ArrowDownIcon");
 var _Item = require("./Item");
 var _locale = require("./locale");
 var _Select = require("./Select.styles");
@@ -46,6 +58,7 @@ var _selectTheme = require("./selectTheme");var _dec, _class, _class2, _temp;fun
 
 
 
+
 var PASS_BUTTON_PROPS = {
   disabled: true,
   error: true,
@@ -59,8 +72,12 @@ var PASS_BUTTON_PROPS = {
 
 
 var SelectDataTids = {
-  root: 'Select__root' };exports.SelectDataTids = SelectDataTids;var
+  root: 'Select__root',
+  menu: 'Select__menu' };exports.SelectDataTids = SelectDataTids;
+
 
+var SelectIds = {
+  menu: SelectDataTids.menu };exports.SelectIds = SelectIds;var
 
 
 
@@ -198,6 +215,7 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
 
 
 
+
 
 
     state = {
@@ -210,6 +228,7 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
 
 
 
+    menuId = SelectIds.menu + (0, _utils.getRandomID)();_this.
     buttonElement = null;_this.
     getProps = (0, _createPropsGetter.createPropsGetter)(Select.defaultProps);_this.
 
@@ -229,6 +248,19 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -333,7 +365,7 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
         isPlaceholder: isPlaceholder,
         onClick: _this.toggle,
         onKeyDown: _this.handleKey,
-        'aria-describedby': _this.props['aria-describedby'] };
+        size: _this.getProps().size };
 
 
       return buttonParams;
@@ -460,6 +492,9 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
 
 
 
+
+
+
 
 
 
@@ -467,7 +502,7 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
     getSearch = function () {
       return /*#__PURE__*/(
         _react.default.createElement("div", { className: _Select.styles.search(), onKeyDown: _this.handleKey }, /*#__PURE__*/
-        _react.default.createElement(_Input.Input, { ref: _this.focusInput, onValueChange: _this.handleSearch, width: "100%" })));
+        _react.default.createElement(_Input.Input, { ref: _this.debouncedFocusInput, onValueChange: _this.handleSearch, width: "100%" })));
 
 
     };_this.
@@ -495,7 +530,7 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
         _react.default.createElement(_Input.Input, {
           autoFocus: true,
           value: _this.state.searchPattern,
-          ref: _this.focusInput,
+          ref: _this.debouncedFocusInput,
           onValueChange: _this.handleSearch,
           width: "100%" }));
 
@@ -504,6 +539,7 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
 
     getMenuItems = function (value) {
       var isMobile = _this.isMobileLayout;
+      var size = _this.props.size;
 
       return _this.mapItems(
       function (iValue, item, i, comment) {
@@ -511,7 +547,7 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
           var element = item();
 
           if ( /*#__PURE__*/_react.default.isValidElement(element)) {
-            return /*#__PURE__*/_react.default.cloneElement(element, { key: i, isMobile: isMobile });
+            return /*#__PURE__*/_react.default.cloneElement(element, { key: i, isMobile: isMobile, size: size });
           }
 
           return null;
@@ -519,7 +555,10 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
 
         if ( /*#__PURE__*/_react.default.isValidElement(item)) {
           if ((0, _utils.isReactUINode)('MenuItem', item)) {
-            return /*#__PURE__*/_react.default.cloneElement(item, { key: i, isMobile: isMobile });
+            return /*#__PURE__*/_react.default.cloneElement(item, { key: i, isMobile: isMobile, size: size });
+          }
+          if ((0, _utils.isReactUINode)('MenuHeader', item)) {
+            return /*#__PURE__*/_react.default.cloneElement(item, { size: size });
           }
           return /*#__PURE__*/_react.default.cloneElement(item, { key: i });
         }
@@ -530,7 +569,8 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
             state: _this.areValuesEqual(iValue, value) ? 'selected' : null,
             onClick: _this.select.bind((0, _assertThisInitialized2.default)(_this), iValue),
             comment: comment,
-            isMobile: isMobile },
+            isMobile: isMobile,
+            size: _this.props.size },
 
           _this.getProps().renderItem(iValue, item)));
 
@@ -543,10 +583,10 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
       return (0, _rootNode.getRootNode)((0, _assertThisInitialized2.default)(_this));
     };_this.
 
-    focusInput = function (input) {
-      // fix cases when an Input is rendered in portal
-      setTimeout(function () {return input == null ? void 0 : input.focus();}, 0);
-    };_this.
+
+
+    focusInput = function (input) {return input == null ? void 0 : input.focus();};_this.
+    debouncedFocusInput = (0, _lodash.default)(_this.focusInput);_this.
 
     refMenu = function (menu) {
       _this.menu = menu;
@@ -598,8 +638,10 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
     };_this.
 
     handleSearch = function (value) {var _this$menu;
+      var menuItemsAtAnyLevel = _this.featureFlags.menuItemsAtAnyLevel;
+
       _this.setState({ searchPattern: value });
-      (_this$menu = _this.menu) == null ? void 0 : _this$menu.highlightItem(1);
+      (_this$menu = _this.menu) == null ? void 0 : _this$menu.highlightItem(menuItemsAtAnyLevel ? 0 : 1);
     };_this.
 
 
@@ -664,7 +706,7 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
       _this.buttonElement = element;
     };_this.
 
-    getButton = function (buttonParams) {
+    getButton = function (buttonParams) {var _buttonElement$props$;
       var button = _this.props._renderButton ?
       _this.props._renderButton(buttonParams) :
       _this.renderDefaultButton(buttonParams);
@@ -675,12 +717,17 @@ Select = (_dec = (0, _decorators.locale)('Select', _locale.SelectLocaleHelper),
       _react.default.cloneElement(buttonElement, {
         ref: _this.buttonRef,
         onFocus: _this.props.onFocus,
-        onBlur: _this.props.onBlur }) :
+        onBlur: _this.props.onBlur,
+        size: _this.props.size,
+        'aria-describedby': _this.props['aria-describedby'],
+        'aria-expanded': _this.state.opened ? 'true' : 'false',
+        'aria-controls': _this.menuId,
+        'aria-label': (_buttonElement$props$ = buttonElement.props['aria-label']) != null ? _buttonElement$props$ : _this.props['aria-label'] }) :
 
       buttonElement;
-    };return _this;}var _proto = Select.prototype;_proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {if (!prevState.opened && this.state.opened) {window.addEventListener('popstate', this.close);}if (prevState.opened && !this.state.opened) {window.removeEventListener('popstate', this.close);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _this2.theme }, _this2.renderMain());});} /**
+    };return _this;}var _proto = Select.prototype;_proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {if (!prevState.opened && this.state.opened) {_globalObject.globalObject.addEventListener == null ? void 0 : _globalObject.globalObject.addEventListener('popstate', this.close);}if (prevState.opened && !this.state.opened) {_globalObject.globalObject.removeEventListener == null ? void 0 : _globalObject.globalObject.removeEventListener('popstate', this.close);}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_featureFlagsContext.ReactUIFeatureFlagsContext.Consumer, null, function (flags) {_this2.featureFlags = (0, _featureFlagsContext.getFullReactUIFlagsContext)(flags);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());});});} /**
    * @public
-   */;_proto.getMenuRenderer = function getMenuRenderer() {if (this.props.disabled) {return null;}if (this.isMobileLayout) {return this.renderMobileMenu();}if (this.state.opened) {return this.renderMenu();}return null;};_proto.renderMain = function renderMain() {var _cx;var buttonParams = this.getDefaultButtonParams();var button = /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _selectTheme.getSelectTheme)(this.theme, this.props) }, this.getButton(buttonParams));var isMobile = this.isMobileLayout;var style = { width: this.props.width, maxWidth: this.props.maxWidth || undefined };var root = /*#__PURE__*/_react.default.createElement("span", { "data-tid": SelectDataTids.root, className: (0, _Emotion.cx)((_cx = {}, _cx[_Select.styles.root()] = true, _cx[_Select.styles.rootMobile(this.theme)] = isMobile, _cx)), style: style }, button, this.getMenuRenderer());return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close, onFocusOutside: this.close, active: isMobile ? false : this.state.opened }, root));};_proto.renderLabel = function renderLabel() {var _this$locale;var value = this.getValue();var item = this.getItemByValue(value);if ((0, _utils.isNonNullable)(value)) {return { label: this.getProps().renderValue(value, item), isPlaceholder: false };}return { label: /*#__PURE__*/_react.default.createElement("span", null, this.props.placeholder || ((_this$locale = this.locale) == null ? void 0 : _this$locale.placeholder)), isPlaceholder: true };};_proto.getLeftIconClass = function getLeftIconClass(size) {if (this.getProps().use === 'link') {return _Select.styles.leftIconLink(this.theme);}switch (size) {case 'large':return _Select.styles.leftIconLarge(this.theme);case 'medium':return _Select.styles.leftIconMedium(this.theme);case 'small':default:return _Select.styles.leftIconSmall(this.theme);}};_proto.renderDefaultButton = function renderDefaultButton(params) {var _cx2, _cx3;var buttonProps = (0, _extends2.default)({}, (0, _filterProps.filterProps)(this.props, PASS_BUTTON_PROPS), { align: 'left', disabled: this.props.disabled, width: '100%', onClick: params.onClick, onKeyDown: params.onKeyDown, active: params.opened, 'aria-describedby': params['aria-describedby'] });var use = this.getProps().use;var labelProps = { className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_Select.styles.label()] = use !== 'link', _cx2[_Select.styles.placeholder(this.theme)] = params.isPlaceholder, _cx2[_Select.styles.customUsePlaceholder()] = params.isPlaceholder && use !== 'default', _cx2[_Select.styles.placeholderDisabled(this.theme)] = params.isPlaceholder && this.props.disabled, _cx2)), style: { paddingRight: this.getSelectIconGap() } };var useIsCustom = use !== 'default';return /*#__PURE__*/_react.default.createElement(_Button.Button, buttonProps, /*#__PURE__*/_react.default.createElement("div", { className: _Select.styles.selectButtonContainer() }, this.props._icon && /*#__PURE__*/_react.default.createElement("div", { className: this.getLeftIconClass(this.props.size) }, this.props._icon), /*#__PURE__*/_react.default.createElement("span", labelProps, params.label), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Select.styles.arrowWrap(this.theme), (_cx3 = {}, _cx3[_Select.styles.arrowDisabled(this.theme)] = this.props.disabled, _cx3[_Select.styles.customUseArrow()] = useIsCustom, _cx3)) }, /*#__PURE__*/_react.default.createElement(_px.ArrowChevronDownIcon, null))));};_proto.getSelectIconGap = function getSelectIconGap() {var _this3 = this;var getArrowPadding = function getArrowPadding() {switch (_this3.props.size) {case 'large':return _this3.theme.selectIconGapLarge;case 'medium':return _this3.theme.selectIconGapMedium;case 'small':default:return _this3.theme.selectIconGapSmall;}};var arrowLeftPadding = parseFloat(getArrowPadding()) || 0;return arrowLeftPadding;};_proto.renderMenu = function renderMenu() {var search = this.props.search ? this.getSearch() : null;var value = this.getValue();var hasFixedWidth = !!this.props.menuWidth && this.props.menuWidth !== 'auto';return /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, { getParent: this.dropdownContainerGetParent, offsetY: -1, align: this.props.menuAlign, disablePortal: this.props.disablePortal, hasFixedWidth: hasFixedWidth, menuPos: this.props.menuPos }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: this.refMenu, width: this.props.menuWidth, onItemClick: this.close, maxHeight: this.props.maxMenuHeight, align: this.props.menuAlign }, search, this.getMenuItems(value)));};_proto.renderMobileMenu = function renderMobileMenu() {var search = this.props.search ? this.getMobileSearch() : null;var value = this.getValue();return /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { headerChildComponent: search, caption: this.props.mobileMenuHeaderText, onCloseRequest: this.close, opened: this.state.opened }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { hasShadow: false, onItemClick: this.close, disableScrollContainer: true, maxHeight: 'auto' }, this.getMenuItems(value)));};_proto.select = function select(value) {this.focus();this.setState({ opened: false, value: value });if (!this.areValuesEqual(this.getValue(), value)) {var _this$props$onValueCh, _this$props;(_this$props$onValueCh = (_this$props = this.props).onValueChange) == null ? void 0 : _this$props$onValueCh.call(_this$props, value);}};_proto.getValue = function getValue() {if (this.props.value !== undefined) {return this.props.value;}return this.state.value;};_proto.mapItems = function mapItems(fn) {var items = this.props.items;if (!items) {return [];}var pattern = this.state.searchPattern && this.state.searchPattern.toLowerCase();var result = [];var index = 0;for (var _iterator = _createForOfIteratorHelperLoose(items), _step; !(_step = _iterator()).done;) {var entry = _step.value;var _normalizeEntry = normalizeEntry(entry),_value = _normalizeEntry[0],_item = _normalizeEntry[1],_comment = _normalizeEntry[2];if (!pattern || this.getProps().filterItem(_value, _item, pattern)) {result.push(fn(_value, _item, index, _comment));++index;}}return result;};_proto.getItemByValue = function getItemByValue(value) {if (value === null || value === undefined) {return null;}var items = this.props.items || [];for (var _iterator2 = _createForOfIteratorHelperLoose(items), _step2; !(_step2 = _iterator2()).done;) {var entry = _step2.value;var _normalizeEntry2 = normalizeEntry(entry),itemValue = _normalizeEntry2[0],_item2 = _normalizeEntry2[1];if (this.areValuesEqual(itemValue, value)) {return _item2;}}return null;};_proto.areValuesEqual = function areValuesEqual(value1, value2) {return (0, _utils.isNonNullable)(value1) && (0, _utils.isNonNullable)(value2) && this.getProps().areValuesEqual(value1, value2);};return Select;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Select', _class2.defaultProps = { renderValue: renderValue, renderItem: renderItem, areValuesEqual: areValuesEqual, filterItem: filterItem, use: 'default' }, _class2.Item = _Item.Item, _class2.SEP = function () {return /*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, null);}, _class2.static = function (element) {(0, _invariant.default)( /*#__PURE__*/_react.default.isValidElement(element) || typeof element === 'function', 'Select.static(element) expects element to be a valid react element.');return element;}, _temp)) || _class) || _class) || _class);exports.Select = Select;
+   */;_proto.getMenuRenderer = function getMenuRenderer() {if (this.props.disabled) {return null;}if (this.isMobileLayout) {return this.renderMobileMenu();}if (this.state.opened) {return this.renderMenu();}return null;};_proto.renderMain = function renderMain() {var _cx;var buttonParams = this.getDefaultButtonParams();var button = /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: (0, _selectTheme.getSelectTheme)(this.theme, this.props) }, this.getButton(buttonParams));var isMobile = this.isMobileLayout;var style = { width: this.props.width, maxWidth: this.props.maxWidth || undefined };var root = /*#__PURE__*/_react.default.createElement("span", { "data-tid": SelectDataTids.root, className: (0, _Emotion.cx)((_cx = {}, _cx[_Select.styles.root()] = true, _cx[_Select.styles.rootMobile(this.theme)] = isMobile, _cx)), style: style }, button, this.getMenuRenderer());return /*#__PURE__*/_react.default.createElement(_CommonWrapper.CommonWrapper, (0, _extends2.default)({ rootNodeRef: this.setRootNode }, this.props), /*#__PURE__*/_react.default.createElement(_RenderLayer.RenderLayer, { onClickOutside: this.close, onFocusOutside: this.close, active: isMobile ? false : this.state.opened }, root));};_proto.renderLabel = function renderLabel() {var _this$locale;var value = this.getValue();var item = this.getItemByValue(value);if ((0, _utils.isNonNullable)(value)) {return { label: this.getProps().renderValue(value, item), isPlaceholder: false };}return { label: /*#__PURE__*/_react.default.createElement("span", null, this.props.placeholder || ((_this$locale = this.locale) == null ? void 0 : _this$locale.placeholder)), isPlaceholder: true };};_proto.getLeftIconClass = function getLeftIconClass(size) {if (this.getProps().use === 'link') {return _Select.styles.leftIconLink(this.theme);}switch (size) {case 'large':return _Select.styles.leftIconLarge(this.theme);case 'medium':return _Select.styles.leftIconMedium(this.theme);case 'small':default:return _Select.styles.leftIconSmall(this.theme);}};_proto.renderDefaultButton = function renderDefaultButton(params) {var _cx2, _cx3;var buttonProps = (0, _extends2.default)({}, (0, _filterProps.filterProps)(this.props, PASS_BUTTON_PROPS), { align: 'left', disabled: this.props.disabled, width: '100%', onClick: params.onClick, onKeyDown: params.onKeyDown, active: params.opened, size: params.size });var use = this.getProps().use;var labelProps = { className: (0, _Emotion.cx)((_cx2 = {}, _cx2[_Select.styles.label()] = use !== 'link', _cx2[_Select.styles.placeholder(this.theme)] = params.isPlaceholder, _cx2[_Select.styles.customUsePlaceholder()] = params.isPlaceholder && use !== 'default', _cx2[_Select.styles.placeholderDisabled(this.theme)] = params.isPlaceholder && this.props.disabled, _cx2)), style: { paddingRight: this.getSelectIconGap() } };var useIsCustom = use !== 'default';var icon = (0, _ThemeHelpers.isTheme2022)(this.theme) ? /*#__PURE__*/_react.default.createElement(_ArrowDownIcon.ArrowDownIcon, { size: this.props.size }) : /*#__PURE__*/_react.default.createElement(_px.ArrowChevronDownIcon, null);return /*#__PURE__*/_react.default.createElement(_Button.Button, buttonProps, /*#__PURE__*/_react.default.createElement("div", { className: _Select.styles.selectButtonContainer() }, this.props._icon && /*#__PURE__*/_react.default.createElement("div", { className: this.getLeftIconClass(this.props.size) }, this.props._icon), /*#__PURE__*/_react.default.createElement("span", labelProps, params.label), /*#__PURE__*/_react.default.createElement("div", { className: (0, _Emotion.cx)(_Select.styles.arrowWrap(this.theme), (_cx3 = {}, _cx3[_Select.styles.arrowDisabled(this.theme)] = this.props.disabled, _cx3[_Select.styles.customUseArrow()] = useIsCustom, _cx3)) }, 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 hasFixedWidth = !!this.props.menuWidth && this.props.menuWidth !== 'auto';return /*#__PURE__*/_react.default.createElement(_DropdownContainer.DropdownContainer, { id: this.menuId, "data-tid": SelectDataTids.menu, getParent: this.dropdownContainerGetParent, align: this.props.menuAlign, disablePortal: this.props.disablePortal, hasFixedWidth: hasFixedWidth, menuPos: this.props.menuPos }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { ref: this.refMenu, width: this.props.menuWidth, onItemClick: this.close, maxHeight: this.props.maxMenuHeight, align: this.props.menuAlign }, search, this.getMenuItems(value)));};_proto.renderMobileMenu = function renderMobileMenu() {var search = this.props.search ? this.getMobileSearch() : null;var value = this.getValue();return /*#__PURE__*/_react.default.createElement(_MobilePopup.MobilePopup, { headerChildComponent: search, caption: this.props.mobileMenuHeaderText, onCloseRequest: this.close, opened: this.state.opened }, /*#__PURE__*/_react.default.createElement(_Menu.Menu, { hasShadow: false, onItemClick: this.close, disableScrollContainer: true, maxHeight: 'auto' }, this.getMenuItems(value)));};_proto.select = function select(value) {this.focus();this.setState({ opened: false, value: value });if (!this.areValuesEqual(this.getValue(), value)) {var _this$props$onValueCh, _this$props;(_this$props$onValueCh = (_this$props = this.props).onValueChange) == null ? void 0 : _this$props$onValueCh.call(_this$props, value);}};_proto.getValue = function getValue() {if (this.props.value !== undefined) {return this.props.value;}return this.state.value;};_proto.mapItems = function mapItems(fn) {var items = this.props.items;if (!items) {return [];}var pattern = this.state.searchPattern && this.state.searchPattern.toLowerCase();var result = [];var index = 0;for (var _iterator = _createForOfIteratorHelperLoose(items), _step; !(_step = _iterator()).done;) {var entry = _step.value;var _normalizeEntry = normalizeEntry(entry),_value = _normalizeEntry[0],_item = _normalizeEntry[1],_comment = _normalizeEntry[2];if (!pattern || this.getProps().filterItem(_value, _item, pattern)) {result.push(fn(_value, _item, index, _comment));++index;}}return result;};_proto.getItemByValue = function getItemByValue(value) {if (value === null || value === undefined) {return null;}var items = this.props.items || [];for (var _iterator2 = _createForOfIteratorHelperLoose(items), _step2; !(_step2 = _iterator2()).done;) {var entry = _step2.value;var _normalizeEntry2 = normalizeEntry(entry),itemValue = _normalizeEntry2[0],_item2 = _normalizeEntry2[1];if (this.areValuesEqual(itemValue, value)) {return _item2;}}return null;};_proto.areValuesEqual = function areValuesEqual(value1, value2) {return (0, _utils.isNonNullable)(value1) && (0, _utils.isNonNullable)(value2) && this.getProps().areValuesEqual(value1, value2);};return Select;}(_react.default.Component), _class2.__KONTUR_REACT_UI__ = 'Select', _class2.defaultProps = { renderValue: renderValue, renderItem: renderItem, areValuesEqual: areValuesEqual, filterItem: filterItem, use: 'default', size: 'small' }, _class2.Item = _Item.Item, _class2.SEP = function () {return /*#__PURE__*/_react.default.createElement(_MenuSeparator.MenuSeparator, null);}, _class2.static = function (element) {(0, _invariant.default)( /*#__PURE__*/_react.default.isValidElement(element) || typeof element === 'function', 'Select.static(element) expects element to be a valid react element.');return element;}, _temp)) || _class) || _class) || _class);exports.Select = Select;
 function renderValue(value, item) {
   return item;
 }