npm - @skbkontur/react-ui - Versions diffs - 0.0.0-5188be76c1 → 0.0.0-53ccdcbfcc - Mend

@skbkontur/react-ui 0.0.0-5188be76c1 → 0.0.0-53ccdcbfcc

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

Files changed (1139) hide show

package/components/ScrollContainer/ScrollContainer.d.ts CHANGED Viewed

@@ -44,10 +44,15 @@ export interface ScrollContainerProps extends CommonProps {
     offsetX?: Partial<Record<OffsetCSSPropsX, React.CSSProperties[OffsetCSSPropsX]>>;
     /**
      * Скрывать скроллбар при отсутствии активности пользователя
+     * @deprecated use showScrollBar
      */
     hideScrollBar?: boolean;
     /**
-     * Задержка перед скрытием скроллбара, ms. Работает только если `hideScrollBar = true`
+     * Показывать скроллбар
+     */
+    showScrollBar?: 'always' | 'scroll' | 'hover' | 'never';
+    /**
+     * Задержка перед скрытием скроллбара, ms. Работает только если `hideScrollBar = true` или `showScrollBar = 'scroll' | 'hover'`
      */
     hideScrollBarDelay?: number;
     /**
@@ -59,8 +64,13 @@ export declare const ScrollContainerDataTids: {
     readonly root: "ScrollContainer__root";
     readonly inner: "ScrollContainer__inner";
 };
-declare type DefaultProps = Required<Pick<ScrollContainerProps, 'invert' | 'scrollBehaviour' | 'preventWindowScroll' | 'hideScrollBar' | 'disableAnimations' | 'hideScrollBarDelay'>>;
-export declare class ScrollContainer extends React.Component<ScrollContainerProps> {
+declare type DefaultProps = Required<Pick<ScrollContainerProps, 'invert' | 'scrollBehaviour' | 'preventWindowScroll' | 'hideScrollBar' | 'disableAnimations' | 'hideScrollBarDelay' | 'showScrollBar'>>;
+interface ScrollContainerState {
+    isScrollBarXVisible: boolean;
+    isScrollBarYVisible: boolean;
+    isHovered: boolean;
+}
+export declare class ScrollContainer extends React.Component<ScrollContainerProps, ScrollContainerState> {
     static __KONTUR_REACT_UI__: string;
     inner: Nullable<HTMLElement>;
     static propTypes: {
@@ -76,6 +86,8 @@ export declare class ScrollContainer extends React.Component<ScrollContainerProp
     private scrollX;
     private scrollY;
     private setRootNode;
+    private initialIsScrollBarVisible;
+    state: ScrollContainerState;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ScrollContainerProps): void;
     render: () => React.ReactNode;
@@ -103,10 +115,13 @@ export declare class ScrollContainer extends React.Component<ScrollContainerProp
     hasScrollBar(axis: ScrollAxis): boolean;
     private renderScrollbar;
     private handleScrollStateChange;
+    private handleScroll;
     private refScrollBarY;
     private refScrollBarX;
     private refInner;
     private handleNativeScroll;
+    private showScrollBarOnMouseWheel;
+    private readonly hideScrollBar;
     private handleInnerScrollWheel;
     private handleMouseMove;
     private handleMouseLeave;

package/components/ScrollContainer/ScrollContainer.md CHANGED Viewed

@@ -171,7 +171,7 @@ const offsetY = {
 </div>
 ```
-Проп `hideScrollBar` скрывает скроллбар при отсутствии активности пользователя. Задержку на скрытие скроллбара можно регулировать пропом `hideScrollBarDelay` (по умолчанию 500ms)
+Проп `showScrollBar` со значением `scroll` скрывает скроллбар при отсутствии активности пользователя. Задержку на скрытие скроллбара можно регулировать пропом `hideScrollBarDelay` (по умолчанию 500ms)
 ```jsx harmony
 var divStyle = {
@@ -184,7 +184,7 @@ var divStyle = {
   width: 200,
 };
 <div style={divStyle}>
-  <ScrollContainer hideScrollBar={true}>
+  <ScrollContainer showScrollBar={'scroll'}>
     {Array(30).fill(null).map((_,i) => (
       <div key={i}>
         {i}
@@ -193,3 +193,30 @@ var divStyle = {
   </ScrollContainer>
 </div>
 ```
+Проп `showScrollBar` со значением `hover` позволяет показывать скроллбар только когда курсор находится над скролл контейнером
+```jsx harmony
+var divStyle = {
+  display: 'inline-block',
+  border: '1px solid #f99',
+  height: 200,
+  margin: 1,
+  position: 'relative',
+  verticalAlign: 'top',
+  width: 200,
+};
+<span>
+  <div style={divStyle}>
+    <ScrollContainer showScrollBar={'hover'}>
+      {Array(30).fill(null).map((_,i) => (
+        <div key={i}>
+          {i}
+        </div>
+      ))}
+    </ScrollContainer>
+  </div>
+</span>
+```

package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 export var globalClasses = prefix('scroll-container')({
@@ -15,16 +15,16 @@ export var styles = memoizeStyle({
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      overflow: hidden;\n      position: relative;\n    "])));
   },
   inner: function inner() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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 css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\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    "])));
   },
   innerIE11: function innerIE11() {
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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    "])));
   },
   scrollBar: function scrollBar(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      z-index: 200;\n      border-radius: 5px;\n      background: ", ";\n      opacity: 0;\n    "])), t.scrollContainerScrollBarColor);
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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 css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      opacity: 1;\n    "])));
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      opacity: 1;\n      transition: opacity 0.1s ease-out, width 0.2s, height 0.2s;\n    "])));
   },
   scrollBarInvert: function scrollBarInvert(t) {
     return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background: #ccc;\n      background: ", ";\n    "])), t.scrollContainerScrollBarInvertColor);
@@ -33,7 +33,7 @@ export var styles = memoizeStyle({
     return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: 2px;\n      top: 1px;\n      bottom: 1px;\n      width: 0;\n    "])));
   },
   scrollBarY: function scrollBarY(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      right: 0;\n      transition: width 0.2s;\n      width: ", ";\n    "])), t.scrollContainerScrollBarSize);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      right: 0;\n      width: ", ";\n    "])), t.scrollContainerScrollBarSize);
   },
   scrollBarYHover: function scrollBarYHover(t) {
     return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
@@ -42,21 +42,9 @@ export var styles = memoizeStyle({
     return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      right: 1px;\n      bottom: 1px;\n      left: 1px;\n      height: 0;\n\n      .", " ~ & {\n        margin-right: calc(", " + 3px) !important;\n      }\n\n      & ~ .", " {\n        &::after {\n          content: ' ';\n          width: 100%;\n          display: block;\n          height: calc(", " + 2px);\n        }\n      }\n    "])), globalClasses.scrollbarContainerY, t.scrollContainerScrollBarHoverSize, globalClasses.inner, t.scrollContainerScrollBarHoverSize);
   },
   scrollBarX: function scrollBarX(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      bottom: 0;\n      transition: height 0.2s;\n      height: ", ";\n    "])), t.scrollContainerScrollBarSize);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      bottom: 0;\n      height: ", ";\n    "])), t.scrollContainerScrollBarSize);
   },
   scrollBarXHover: function scrollBarXHover(t) {
     return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.scrollContainerScrollBarHoverSize);
-  },
-  transition: function transition() {
-    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      opacity: 0 !important; //override scrollBar opacity\n    "])));
-  },
-  transitionActive: function transitionActive() {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      transition: opacity 100ms ease-out !important; //override scrollBarX and scrollBarY transition\n      opacity: 1 !important; //override scrollBar opacity\n    "])));
-  },
-  transitionLeave: function transitionLeave() {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      opacity: 1 !important; //override scrollBar opacity\n    "])));
-  },
-  transitionLeaveActive: function transitionLeaveActive() {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      opacity: 0 !important; //override scrollBar opacity\n      transition: opacity 300ms ease-out !important; //override scrollBarX and scrollBarY transition\n    "])));
   }
 });

package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["ScrollContainer.styles.ts"],"names":["css","memoizeStyle","prefix","globalClasses","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","root","innerIE11","scrollBar","t","scrollContainerScrollBarColor","visibleScrollBar","scrollBarInvert","scrollContainerScrollBarInvertColor","scrollBarContainerY","scrollBarY","scrollContainerScrollBarSize","scrollBarYHover","scrollContainerScrollBarHoverSize","scrollBarContainerX","scrollBarX","scrollBarXHover"~~,"transition","transitionActive","transitionLeave","transitionLeaveActive"~~],"mappings":"~~yYAAA~~,SAASA,GAAT,EAAcC,YAAd,EAA4BC,MAA5B,QAA0C,2BAA1C;;;AAGA,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,kBAAD,CAAN,CAA2B;AACtDE,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;;;AAQP,OAAO,IAAMC,MAAM,GAAGR,YAAY,CAAC;AACjCS,EAAAA,IADiC,kBAC1B;AACL,WAAOV,GAAP;;;;;AAKD,GAPgC;;AASjCQ,EAAAA,KATiC,mBASzB;AACN,WAAOR,GAAP;;;;;;;;;;;;;;AAcD,GAxBgC;;AA0BjCW,EAAAA,SA1BiC,uBA0BrB;AACV,WAAOX,GAAP;;;;;;;AAOD,GAlCgC;;AAoCjCY,EAAAA,SApCiC,qBAoCvBC,CApCuB,EAoCb;AAClB,WAAOb,GAAP;;;;AAIgBa,IAAAA,CAAC,CAACC,6BAJlB~~;;;AAOD~~,~~GA5CgC~~;;~~AA8CjCC~~,EAAAA,~~gBA9CiC~~,~~8BA8Cd~~;AACjB,WAAOf,GAAP~~;;;AAGD~~,~~GAlDgC~~;;~~AAoDjCgB~~,EAAAA,~~eApDiC~~,~~2BAoDjBH~~,~~CApDiB~~,~~EAoDP~~;AACxB,WAAOb,GAAP;;AAEgBa,IAAAA,CAAC,CAACI,mCAFlB;;AAID,~~GAzDgC~~;;~~AA2DjCC~~,EAAAA,~~mBA3DiC~~,~~iCA2DX~~;AACpB,WAAOlB,GAAP;;;;;;;AAOD,~~GAnEgC~~;;~~AAqEjCmB~~,EAAAA,~~UArEiC~~,~~sBAqEtBN~~,~~CArEsB~~,~~EAqEZ~~;AACnB,WAAOb,GAAP~~;;;AAGWa~~,IAAAA,CAAC,CAACO,~~4BAHb~~;;~~AAKD~~,~~GA3EgC~~;;~~AA6EjCC~~,EAAAA,~~eA7EiC~~,~~2BA6EjBR~~,~~CA7EiB~~,~~EA6EP~~;AACxB,WAAOb,GAAP;AACWa,IAAAA,CAAC,CAACS,iCADb;;AAGD,~~GAjFgC~~;;~~AAmFjCC~~,EAAAA,~~mBAnFiC~~,+~~BAmFbV~~,~~CAnFa~~,~~EAmFH~~;AAC5B,WAAOb,GAAP;;;;;;;AAOKG,IAAAA,aAAa,CAACI,mBAPnB;AAQyBM,IAAAA,CAAC,CAACS,iCAR3B;;;AAWSnB,IAAAA,aAAa,CAACK,KAXvB;;;;;AAgBqBK,IAAAA,CAAC,CAACS,iCAhBvB;;;;AAoBD,~~GAxGgC~~;;~~AA0GjCE~~,EAAAA,~~UA1GiC~~,~~sBA0GtBX~~,~~CA1GsB~~,~~EA0GZ~~;AACnB,WAAOb,GAAP~~;;;AAGYa~~,IAAAA,CAAC,CAACO,~~4BAHd~~;;~~AAKD~~,GAhHgC;;AAkHjCK,EAAAA,eAlHiC,2BAkHjBZ,CAlHiB,EAkHP;AACxB,WAAOb,GAAP;AACYa,IAAAA,CAAC,CAACS,iCADd;;AAGD,GAtHgC~~;AAuHjCI~~,EAAAA,UAvHiC,wBAuHpB;AACX,WAAO1B,GAAP;;;AAGD,GA3HgC;AA4HjC2B,EAAAA,gBA5HiC,8BA4Hd;AACjB,WAAO3B,GAAP;;;;AAID,GAjIgC;AAkIjC4B,EAAAA,eAlIiC,6BAkIf;AAChB,WAAO5B,GAAP;;;AAGD,GAtIgC;AAuIjC6B,EAAAA,qBAvIiC,mCAuIT;AACtB,WAAO7B,GAAP;;;;AAID,GA5IgC,EAAD,CAA3B","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"]}
1	+ {"version":3,"sources":["ScrollContainer.styles.ts"],"names":["css","memoizeStyle","prefix","globalClasses","scrollbarX","scrollbarY","scrollbarContainerX","scrollbarContainerY","inner","styles","root","innerIE11","scrollBar","t","scrollContainerScrollBarColor","visibleScrollBar","scrollBarInvert","scrollContainerScrollBarInvertColor","scrollBarContainerY","scrollBarY","scrollContainerScrollBarSize","scrollBarYHover","scrollContainerScrollBarHoverSize","scrollBarContainerX","scrollBarX","scrollBarXHover"],"mappings":"6TAAA,SAASA,GAAT,EAAcC,YAAd,EAA4BC,MAA5B,QAA0C,2BAA1C;;;AAGA,OAAO,IAAMC,aAAa,GAAGD,MAAM,CAAC,kBAAD,CAAN,CAA2B;AACtDE,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;;;AAQP,OAAO,IAAMC,MAAM,GAAGR,YAAY,CAAC;AACjCS,EAAAA,IADiC,kBAC1B;AACL,WAAOV,GAAP;;;;;AAKD,GAPgC;;AASjCQ,EAAAA,KATiC,mBASzB;AACN,WAAOR,GAAP;;;;;;;;;;;;;;AAcD,GAxBgC;;AA0BjCW,EAAAA,SA1BiC,uBA0BrB;AACV,WAAOX,GAAP;;;;;;;AAOD,GAlCgC;;AAoCjCY,EAAAA,SApCiC,qBAoCvBC,CApCuB,EAoCb;AAClB,WAAOb,GAAP;;;;AAIgBa,IAAAA,CAAC,CAACC,6BAJlB;;;;AAQD,GA7CgC;;AA+CjCC,EAAAA,gBA/CiC,8BA+Cd;AACjB,WAAOf,GAAP;;;;AAID,GApDgC;;AAsDjCgB,EAAAA,eAtDiC,2BAsDjBH,CAtDiB,EAsDP;AACxB,WAAOb,GAAP;;AAEgBa,IAAAA,CAAC,CAACI,mCAFlB;;AAID,GA3DgC;;AA6DjCC,EAAAA,mBA7DiC,iCA6DX;AACpB,WAAOlB,GAAP;;;;;;;AAOD,GArEgC;;AAuEjCmB,EAAAA,UAvEiC,sBAuEtBN,CAvEsB,EAuEZ;AACnB,WAAOb,GAAP;;AAEWa,IAAAA,CAAC,CAACO,4BAFb;;AAID,GA5EgC;;AA8EjCC,EAAAA,eA9EiC,2BA8EjBR,CA9EiB,EA8EP;AACxB,WAAOb,GAAP;AACWa,IAAAA,CAAC,CAACS,iCADb;;AAGD,GAlFgC;;AAoFjCC,EAAAA,mBApFiC,+BAoFbV,CApFa,EAoFH;AAC5B,WAAOb,GAAP;;;;;;;AAOKG,IAAAA,aAAa,CAACI,mBAPnB;AAQyBM,IAAAA,CAAC,CAACS,iCAR3B;;;AAWSnB,IAAAA,aAAa,CAACK,KAXvB;;;;;AAgBqBK,IAAAA,CAAC,CAACS,iCAhBvB;;;;AAoBD,GAzGgC;;AA2GjCE,EAAAA,UA3GiC,sBA2GtBX,CA3GsB,EA2GZ;AACnB,WAAOb,GAAP;;AAEYa,IAAAA,CAAC,CAACO,4BAFd;;AAID,GAhHgC;;AAkHjCK,EAAAA,eAlHiC,2BAkHjBZ,CAlHiB,EAkHP;AACxB,WAAOb,GAAP;AACYa,IAAAA,CAAC,CAACS,iCADd;;AAGD,GAtHgC,EAAD,CAA3B","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/components/ScrollContainer/ScrollContainer.styles.d.ts CHANGED Viewed

@@ -19,8 +19,4 @@ export declare const styles: {
     scrollBarContainerX(t: Theme): string;
     scrollBarX(t: Theme): string;
     scrollBarXHover(t: Theme): string;
-    transition(): string;
-    transitionActive(): string;
-    transitionLeave(): string;
-    transitionLeaveActive(): string;
 };

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

@@ -11,7 +11,9 @@ export var Item = /*#__PURE__*/function (_React$Component) {
   var _proto = Item.prototype;
   _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(MenuItem, null, this.props.children);
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      isNotSelectable: this.props.isNotSelectable
+    }, this.props.children);
   };
   return Item;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["Item.tsx"],"names":["React","MenuItem","Item","render","props","children","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,aAAzB~~;;;;;AAKA~~,WAAaC,IAAb;;;AAGSC,EAAAA,MAHT,GAGE,kBAAgB;AACd,wBAAO,oBAAC,QAAD,~~QAAW~~,KAAKC,KAAL,CAAWC,~~QAAtB~~,CAAP;AACD,GALH,~~eAA0BL~~,KAAK,~~CAACM~~,SAAhC,~~EAAaJ~~,I,~~CACGK~~,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"]}
1	+ {"version":3,"sources":["Item.tsx"],"names":["React","MenuItem","Item","render","props","isNotSelectable","children","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,QAAT,QAAyB,aAAzB;;;;;;AAMA,WAAaC,IAAb;;;AAGSC,EAAAA,MAHT,GAGE,kBAAgB;AACd,wBAAO,oBAAC,QAAD,IAAU,eAAe,EAAE,KAAKC,KAAL,CAAWC,eAAtC,IAAwD,KAAKD,KAAL,CAAWE,QAAnE,CAAP;AACD,GALH,eAA0BN,KAAK,CAACO,SAAhC,EAAaL,I,CACGM,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/components/Select/Item.d.ts CHANGED Viewed

@@ -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/components/Select/Select/Select.js CHANGED Viewed

@@ -46,6 +46,8 @@ function _arrayLikeToArray(arr, len) {
 import React from 'react';
 import invariant from 'invariant';
+import { globalObject } from '@skbkontur/global-object';
+import debounce from 'lodash.debounce';
 import { isKeyArrowDown, isKeyArrowUp, isKeyArrowVertical, isKeyEnter, isKeyEscape, isKeySpace } from "../../../lib/events/keyboard/identifiers";
 import { locale } from "../../../lib/locale/decorators";
 import { reactGetTextContent } from "../../../lib/reactGetTextContent";
@@ -68,6 +70,7 @@ import { responsiveLayout } from "../../ResponsiveLayout/decorator";
 import { getRootNode, rootNode } from "../../../lib/rootNode";
 import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
 import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext";
 import { ArrowDownIcon } from "../ArrowDownIcon";
 import { Item } from "../Item";
 import { SelectLocaleHelper } from "../locale";
@@ -162,7 +165,7 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
         className: styles.search(),
         onKeyDown: _this.handleKey
       }, /*#__PURE__*/React.createElement(Input, {
-        ref: _this.focusInput,
+        ref: _this.debouncedFocusInput,
         onValueChange: _this.handleSearch,
         width: "100%"
       }));
@@ -172,7 +175,7 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
       return /*#__PURE__*/React.createElement(Input, {
         autoFocus: true,
         value: _this.state.searchPattern,
-        ref: _this.focusInput,
+        ref: _this.debouncedFocusInput,
         onValueChange: _this.handleSearch,
         width: "100%"
       });
@@ -232,12 +235,11 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
     };
     _this.focusInput = function (input) {
-      // fix cases when an Input is rendered in portal
-      setTimeout(function () {
-        return input == null ? void 0 : input.focus();
-      }, 0);
+      return input == null ? void 0 : input.focus();
     };
+    _this.debouncedFocusInput = debounce(_this.focusInput);
     _this.refMenu = function (menu) {
       _this.menu = menu;
     };
@@ -303,11 +305,13 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
     _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.buttonRef = function (element) {
@@ -338,24 +342,27 @@ export var Select = (_dec = locale('Select', SelectLocaleHelper), responsiveLayo
   _proto.componentDidUpdate = function componentDidUpdate(_prevProps, prevState) {
     if (!prevState.opened && this.state.opened) {
-      window.addEventListener('popstate', this.close);
+      globalObject.addEventListener == null ? void 0 : globalObject.addEventListener('popstate', this.close);
     }
     if (prevState.opened && !this.state.opened) {
-      window.removeEventListener('popstate', this.close);
+      globalObject.removeEventListener == null ? void 0 : globalObject.removeEventListener('popstate', this.close);
     }
   };
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      _this2.theme = ThemeFactory.create({
-        menuOffsetY: theme.selectMenuOffsetY
-      }, theme);
-      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-        value: _this2.theme
-      }, _this2.renderMain());
+    return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
+      _this2.featureFlags = getFullReactUIFlagsContext(flags);
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = ThemeFactory.create({
+          menuOffsetY: theme.selectMenuOffsetY
+        }, theme);
+        return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+          value: _this2.theme
+        }, _this2.renderMain());
+      });
     });
   }
   /**

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

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

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

@@ -128,6 +128,7 @@ export declare class Select<TValue = {}, TItem = {}> extends React.Component<Sel
     private buttonElement;
     private getProps;
     private setRootNode;
+    private featureFlags;
     componentDidUpdate(_prevProps: SelectProps<TValue, TItem>, prevState: SelectState<TValue>): void;
     render(): JSX.Element;
     /**
@@ -156,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/components/Select/Select.md CHANGED Viewed

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