npm - @skbkontur/react-ui - Versions diffs - 2.17.6 → 2.17.8 - Mend

@skbkontur/react-ui 2.17.6 → 2.17.8

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 (33) hide show

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

@@ -428,12 +428,12 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
         _this.handleOutsideBlur();
       }
-      if (isBlurToMenu || _this.state.preventBlur) {
+      if (isBlurToMenu || _this.state.preventBlur) {var _this$input;
         event.preventDefault();
         // первый focus нужен для предотвращения/уменьшения моргания в других браузерах
-        _this.input.focus();
+        (_this$input = _this.input) == null ? void 0 : _this$input.focus();
         // в firefox не работает без второго focus
-        process.nextTick(function () {return _this.input.focus();});
+        process.nextTick(function () {var _this$input2;return (_this$input2 = _this.input) == null ? void 0 : _this$input2.focus();});
         _this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });
       } else {
         _this.dispatch({ type: 'BLUR' });
@@ -510,11 +510,11 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
       return false;
     };_this.
-    handleWrapperMouseDown = function (event) {
+    handleWrapperMouseDown = function (event) {var _this$wrapper;
       _this.dispatch({ type: 'SET_PREVENT_BLUR', payload: true });
       var target = event.target;
       var isClickOnToken =
-      target && _this.wrapper.contains(target) && target !== _this.wrapper && target !== _this.input;
+      target && ((_this$wrapper = _this.wrapper) == null ? void 0 : _this$wrapper.contains(target)) && target !== _this.wrapper && target !== _this.input;
       if (!isClickOnToken) {
         _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });
       }
@@ -610,7 +610,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
       }
     };_this.
-    handleInputKeyDown = function (e) {
+    handleInputKeyDown = function (e) {var _this$input3, _this$input4;
       e.stopPropagation();
       if (_this.type !== TokenInputType.WithReference && _this.props.delimiters.includes(e.key)) {
@@ -645,13 +645,13 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
           }
           break;
         case (0, _identifiers.isKeyEscape)(e):
-          _this.input.blur();
+          (_this$input3 = _this.input) == null ? void 0 : _this$input3.blur();
           break;
         case (0, _identifiers.isKeyBackspace)(e):
           if (!_this.isEditingMode) _this.moveFocusToLastToken();
           break;
         case (0, _identifiers.isKeyArrowLeft)(e):
-          if (_this.input.selectionStart === 0) {
+          if (((_this$input4 = _this.input) == null ? void 0 : _this$input4.selectionStart) === 0) {
             _this.moveFocusToLastToken();
           }
           break;}
@@ -666,7 +666,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
     focusInput = function () {
-      process.nextTick(function () {return _this.input.focus();});
+      process.nextTick(function () {var _this$input5;return (_this$input5 = _this.input) == null ? void 0 : _this$input5.focus();});
     };_this.
     selectInputText = function () {
@@ -675,7 +675,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
       }
     };_this.
-    handleWrapperKeyDown = function (e) {
+    handleWrapperKeyDown = function (e) {var _this$wrapper2;
       switch (true) {
         case (0, _identifiers.isKeyBackspace)(e):
         case (0, _identifiers.isKeyDelete)(e):{
@@ -684,9 +684,9 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
               function (item) {return !_this.hasValueInItems(_this.state.activeTokens, item);});
               _this.props.onValueChange(itemsNew);
-              _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, function () {
+              _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, function () {var _this$input6;
                 LayoutEvents.emit();
-                _this.input.focus();
+                (_this$input6 = _this.input) == null ? void 0 : _this$input6.focus();
               });
             }
             break;
@@ -695,7 +695,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
           _this.handleWrapperArrows(e);
           break;
         case (0, _identifiers.isKeyEscape)(e):
-          _this.wrapper.blur();
+          (_this$wrapper2 = _this.wrapper) == null ? void 0 : _this$wrapper2.blur();
           break;
         case (0, _identifiers.isKeyEnter)(e):
           e.preventDefault();
@@ -729,7 +729,7 @@ TokenInput = (_dec = (0, _decorators.locale)('TokenInput', _locale.TokenInputLoc
     handleWrapperArrowsWithoutShift = function (isLeftEdge, isRightEdge, newItemIndex) {
       if (isRightEdge) {
-        _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, function () {return _this.input.focus();});
+        _this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, function () {var _this$input7;return (_this$input7 = _this.input) == null ? void 0 : _this$input7.focus();});
       } else if (!isLeftEdge) {
         _this.dispatch({
           type: 'SET_ACTIVE_TOKENS',

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["TokenInput.tsx"],"names":["TokenInputType","DefaultState","inputValue","reservedInputValue","undefined","autocompleteItems","activeTokens","editingTokenIndex","inFocus","loading","preventBlur","inputValueWidth","inputValueHeight","defaultToKey","item","toString","identity","defaultRenderToken","isActive","onClick","onDoubleClick","onRemove","disabled","TokenInput","TokenInputLocaleHelper","state","locale","theme","input","tokensInputMenu","textHelper","wrapper","hasValueInItems","items","value","includes","some","inputRef","node","tokensInputMenuRef","textHelperRef","wrapperRef","dispatch","action","cb","setState","prevState","handleInputFocus","event","type","props","onFocus","handleInputBlur","isBlurToMenu","handleOutsideBlur","preventDefault","focus","process","nextTick","payload","onBlur","valueToString","isEditingMode","finishTokenEdit","isTokenValueChanged","length","selectItem","isInputChanged","checkForUnexpectedInput","menuRef","menu","relatedTarget","document","activeElement","contains","handleWrapperMouseDown","target","isClickOnToken","handleWrapperMouseUp","handleCopy","isCursorVisible","tokens","map","token","selectedItems","indexOf","sort","index","clipboardData","setData","join","delimiters","handleInputPaste","WithReference","paste","getData","delimiter","stopPropagation","split","valueToItem","filter","newItems","concat","onValueChange","tryGetItems","query","getItems","hideMenuIfEmptyInputValue","isSelectedItem","isEditingItem","editingItem","autocompleteItemsUnique","unshift","LayoutEvents","emit","highlightMenuItem","selectItemIndex","findIndex","toLowerCase","highlightItem","handleKeyDown","handleInputKeyDown","handleWrapperKeyDown","e","key","newValue","handleAddItem","enter","up","down","blur","moveFocusToLastToken","selectionStart","focusInput","selectInputText","setSelectionRange","itemsNew","handleWrapperArrows","handleTokenEdit","activeItemIndex","newItemIndex","isLeftEdge","isRightEdge","shiftKey","handleWrapperArrowsWithoutShift","handleWrapperArrowsWithShift","itemNew","handleValueChange","handleRemoveToken","_","filteredActiveTokens","handleTokenClick","ctrlKey","editedItem","splice","onUnexpectedInput","returnedValue","handleChangeInputValue","trimLeft","endsWith","trimRight","onInputValueChange","Combined","renderTokensStart","slice","renderToken","renderTokensEnd","handleIconClick","handleTokenDoubleClick","renderAddButton","showAddItemHint","addButtonComment","addButtonTitle","componentDidMount","updateInputTextWidth","addEventListener","autoFocus","componentDidUpdate","prevProps","isCursorVisibleForState","componentWillUnmount","removeEventListener","render","renderMain","WithoutReference","Error","width","maxMenuHeight","error","warning","placeholder","renderItem","renderNotFound","onMouseEnter","onMouseLeave","inputMode","showMenu","lineHeight","parseInt","tokenInputLineHeight","inputInlineStyles","height","Math","max","flex","caretColor","labelClassName","jsStyles","label","labelFocused","labelDisabled","inputClassName","inputDisabled","inputEditing","helperText","helperTextEditing","reservedInput","reset","parseFloat","getTextWidth","toFixed","getTextHeight","getMenuRef","isInputValueChanged","React","PureComponent","__KONTUR_REACT_UI__","defaultProps","renderValue","toKey","emptyHandler"],"mappings":"4oBAAA;AACA;AACA;AACA;;AAEA;;;;;;;;;;;;AAYA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,oD;;AAEYA,c,oDAAAA,c,GAAAA,c,CAAAA,c,yCAAAA,c,CAAAA,c,+CAAAA,c,CAAAA,c,kCAAAA,c,8BAAAA,c;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFL,IAAMC,YAAY,GAAG;AAC1BC,EAAAA,UAAU,EAAE,EADc;AAE1BC,EAAAA,kBAAkB,EAAEC,SAFM;AAG1BC,EAAAA,iBAAiB,EAAED,SAHO;AAI1BE,EAAAA,YAAY,EAAE,EAJY;AAK1BC,EAAAA,iBAAiB,EAAE,CAAC,CALM;AAM1BC,EAAAA,OAAO,EAAE,KANiB;AAO1BC,EAAAA,OAAO,EAAE,KAPiB;AAQ1BC,EAAAA,WAAW,EAAE,KARa;AAS1BC,EAAAA,eAAe,EAAE,CATS;AAU1BC,EAAAA,gBAAgB,EAAE,EAVQ,EAArB,C;;;AAaP,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAAgBC,IAAhB,UAAoCA,IAAI,CAACC,QAAL,EAApC,EAArB;AACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAAgBF,IAAhB,UAA+BA,IAA/B,EAAjB;AACA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAqB;AACzBH,IADyB;AAEvBI,EAAAA,QAFuB,QAEvBA,QAFuB,CAEbC,OAFa,QAEbA,OAFa,CAEJC,aAFI,QAEJA,aAFI,CAEWC,QAFX,QAEWA,QAFX,CAEqBC,QAFrB,QAEqBA,QAFrB;;AAIzB,iCAAC,YAAD;AACE,MAAA,GAAG,EAAER,IAAI,CAACC,QAAL,EADP;AAEE,MAAA,QAAQ,EAAEG,QAFZ;AAGE,MAAA,OAAO,EAAEC,OAHX;AAIE,MAAA,aAAa,EAAEC,aAJjB;AAKE,MAAA,QAAQ,EAAEC,QALZ;AAME,MAAA,QAAQ,EAAEC,QANZ;;AAQGR,IAAAA,IARH,CAJyB,GAA3B,C;;;;;AAiBaS,U,WADZ,wBAAO,YAAP,EAAqBC,8BAArB,C;;;;;;;;;;;;;;;;;;;AAoBQC,IAAAA,K,GAA4BxB,Y;;AAElByB,IAAAA,M;AACTC,IAAAA,K;AACAC,IAAAA,K,GAAoC,I;AACpCC,IAAAA,e,GAA4C,I;AAC5CC,IAAAA,U,GAAqC,I;AACrCC,IAAAA,O,GAAmC,I;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0KnCC,IAAAA,e,GAAkB,UAACC,KAAD,EAAaC,KAAb,EAA0B;AAClD,UAAI,OAAOA,KAAP,KAAiB,QAArB,EAA+B;AAC7B,eAAOD,KAAK,CAACE,QAAN,CAAeD,KAAf,CAAP;AACD;AACD;AACA,aAAOD,KAAK,CAACG,IAAN,CAAW,UAAAtB,IAAI,UAAI,qBAAQA,IAAR,EAAcoB,KAAd,CAAJ,EAAf,CAAP;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCOG,IAAAA,Q,GAAW,UAACC,IAAD,UAAgC,MAAKV,KAAL,GAAaU,IAA7C,E;AACXC,IAAAA,kB,GAAqB,UAACD,IAAD,UAA8B,MAAKT,eAAL,GAAuBS,IAArD,E;AACrBE,IAAAA,a,GAAgB,UAACF,IAAD,UAA4B,MAAKR,UAAL,GAAkBQ,IAA9C,E;AAChBG,IAAAA,U,GAAa,UAACH,IAAD,UAA6B,MAAKP,OAAL,GAAeO,IAA5C,E;;AAEbI,IAAAA,Q,GAAW,UAACC,MAAD,EAA2BC,EAA3B,EAA+C;AAChE,YAAKC,QAAL,CAAc,UAAAC,SAAS,UAAI,0CAAkBA,SAAlB,EAA6BH,MAA7B,CAAJ,EAAvB,EAAiEC,EAAjE;AACD,K;;;;;;;;;;;;;;AAcOG,IAAAA,gB,GAAmB,UAACC,KAAD,EAA4C;AACrE,YAAKN,QAAL,CAAc,EAAEO,IAAI,EAAE,cAAR,EAAd;AACA,UAAI,MAAKC,KAAL,CAAWC,OAAf,EAAwB;AACtB,cAAKD,KAAL,CAAWC,OAAX,CAAmBH,KAAnB;AACD;AACF,K;;AAEOI,IAAAA,e,GAAkB,UAACJ,KAAD,EAA4C;AACpE,UAAMK,YAAY,GAAG,MAAKA,YAAL,CAAkBL,KAAlB,CAArB;;AAEA,UAAI,CAACK,YAAL,EAAmB;AACjB,cAAKC,iBAAL;AACD;;AAED,UAAID,YAAY,IAAI,MAAK5B,KAAL,CAAWf,WAA/B,EAA4C;AAC1CsC,QAAAA,KAAK,CAACO,cAAN;AACA;AACA,cAAK3B,KAAL,CAAY4B,KAAZ;AACA;AACAC,QAAAA,OAAO,CAACC,QAAR,CAAiB,oBAAM,MAAK9B,KAAL,CAAY4B,KAAZ,EAAN,EAAjB;AACA,cAAKd,QAAL,CAAc,EAAEO,IAAI,EAAE,kBAAR,EAA4BU,OAAO,EAAE,KAArC,EAAd;AACD,OAPD,MAOO;AACL,cAAKjB,QAAL,CAAc,EAAEO,IAAI,EAAE,MAAR,EAAd;AACA,cAAKC,KAAL,CAAWU,MAAX,0BAAKV,KAAL,CAAWU,MAAX,CAAoBZ,KAApB;AACD;AACF,K;;AAEOM,IAAAA,iB,GAAoB,YAAM;AACU,YAAK7B,KADf,CACxBvB,UADwB,eACxBA,UADwB,CACZG,iBADY,eACZA,iBADY;AAExBwD,MAAAA,aAFwB,GAEN,MAAKX,KAFC,CAExBW,aAFwB;;AAIhC,UAAI3D,UAAU,KAAK,EAAnB,EAAuB;AACrB;AACA,YAAI,MAAK4D,aAAT,EAAwB;AACtB,gBAAKC,eAAL;AACD;AACD;AACD;;AAED;AACA,UAAI,MAAKD,aAAL,IAAsB,CAAC,MAAKE,mBAAhC,EAAqD;AACnD,cAAKD,eAAL;AACA;AACD;;AAED;AACA,UAAI1D,iBAAiB,IAAIA,iBAAiB,CAAC4D,MAAlB,KAA6B,CAAtD,EAAyD;AACvD,YAAMnD,KAAI,GAAGT,iBAAiB,CAAC,CAAD,CAA9B;;AAEA,YAAIwD,aAAa,CAAC/C,KAAD,CAAb,KAAwBZ,UAA5B,EAAwC;AACtC,gBAAK4D,aAAL,GAAqB,MAAKC,eAAL,EAArB,GAA8C,MAAKG,UAAL,CAAgBpD,KAAhB,CAA9C;;AAEA;AACD;AACF;;AAED,UAAI,MAAKqD,cAAT,EAAyB,MAAKC,uBAAL;AAC1B,K;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BOf,IAAAA,Y,GAAe,UAACL,KAAD,EAAoC;AACzD,UAAI,MAAKqB,OAAT,EAAkB;AAChB,YAAMC,IAAI,GAAG,2BAAY,MAAKD,OAAjB,CAAb;AACA,YAAME,aAAa,GAAIvB,KAAK,CAACuB,aAAN,IAAuBC,QAAQ,CAACC,aAAvD;;AAEA,YAAIH,IAAI,IAAIA,IAAI,CAACI,QAAL,CAAcH,aAAd,CAAZ,EAA0C;AACxC,iBAAO,IAAP;AACD;AACF;AACD,aAAO,KAAP;AACD,K;;AAEOI,IAAAA,sB,GAAyB,UAAC3B,KAAD,EAA0C;AACzE,YAAKN,QAAL,CAAc,EAAEO,IAAI,EAAE,kBAAR,EAA4BU,OAAO,EAAE,IAArC,EAAd;AACA,UAAMiB,MAAM,GAAG5B,KAAK,CAAC4B,MAArB;AACA,UAAMC,cAAc;AAClBD,MAAAA,MAAM,IAAI,MAAK7C,OAAL,CAAc2C,QAAd,CAAuBE,MAAvB,CAAV,IAA4CA,MAAM,KAAK,MAAK7C,OAA5D,IAAwE6C,MAAM,KAAK,MAAKhD,KAD1F;AAEA,UAAI,CAACiD,cAAL,EAAqB;AACnB,cAAKnC,QAAL,CAAc,EAAEO,IAAI,EAAE,0BAAR,EAAd;AACD;AACF,K;;AAEO6B,IAAAA,oB,GAAuB,YAAM;AACnC,YAAKpC,QAAL,CAAc,EAAEO,IAAI,EAAE,kBAAR,EAA4BU,OAAO,EAAE,KAArC,EAAd;AACD,K;;AAEOoB,IAAAA,U,GAAa,UAAC/B,KAAD,EAAgB;AACnC,UAAI,CAAC,MAAKvB,KAAL,CAAWjB,OAAZ,IAAuB,MAAKiB,KAAL,CAAWnB,YAAX,CAAwB2D,MAAxB,KAAmC,CAA1D,IAA+D,MAAKe,eAAxE,EAAyF;AACvF;AACD;AACDhC,MAAAA,KAAK,CAACO,cAAN;;AAEA;AACA,UAAM0B,MAAM,GAAG,MAAKxD,KAAL,CAAWnB,YAAX;AACZ4E,MAAAA,GADY,CACR,UAAAC,KAAK,UAAI,MAAKjC,KAAL,CAAWkC,aAAX,CAAyBC,OAAzB,CAAiCF,KAAjC,CAAJ,EADG;AAEZG,MAAAA,IAFY;AAGZJ,MAAAA,GAHY,CAGR,UAAAK,KAAK,UAAI,MAAKrC,KAAL,CAAWkC,aAAX,CAAyBG,KAAzB,CAAJ,EAHG;AAIZL,MAAAA,GAJY,CAIR,UAAApE,IAAI,UAAI,MAAKoC,KAAL,CAAWW,aAAX,CAAyB/C,IAAzB,CAAJ,EAJI,CAAf;AAKAkC,MAAAA,KAAK,CAACwC,aAAN,CAAoBC,OAApB,CAA4B,YAA5B,EAA0CR,MAAM,CAACS,IAAP,CAAY,MAAKxC,KAAL,CAAWyC,UAAX,CAAsB,CAAtB,CAAZ,CAA1C;AACD,K;;AAEOC,IAAAA,gB,GAAmB,UAAC5C,KAAD,EAA8C;AACvE,UAAI,MAAKC,IAAL,KAAcjD,cAAc,CAAC6F,aAA7B,IAA8C,CAAC7C,KAAK,CAACwC,aAAzD,EAAwE;AACtE;AACD;AACD,UAAIM,KAAK,GAAG9C,KAAK,CAACwC,aAAN,CAAoBO,OAApB,CAA4B,MAA5B,CAAZ,CAJuE;AAK/DJ,MAAAA,UAL+D,GAKhD,MAAKzC,KAL2C,CAK/DyC,UAL+D;AAMvE,UAAIA,UAAU,CAACvD,IAAX,CAAgB,UAAA4D,SAAS,UAAIF,KAAK,CAAC3D,QAAN,CAAe6D,SAAf,CAAJ,EAAzB,CAAJ,EAA6D;AAC3DhD,QAAAA,KAAK,CAACO,cAAN;AACAP,QAAAA,KAAK,CAACiD,eAAN;AACA,6DAAwBN,UAAxB,wCAAoC,KAAzBK,SAAyB;AAClCF,UAAAA,KAAK,GAAGA,KAAK,CAACI,KAAN,CAAYF,SAAZ,EAAuBN,IAAvB,CAA4BC,UAAU,CAAC,CAAD,CAAtC,CAAR;AACD;AACD,YAAMV,MAAM,GAAGa,KAAK,CAACI,KAAN,CAAYP,UAAU,CAAC,CAAD,CAAtB,CAAf;AACA,YAAM1D,MAAK,GAAGgD,MAAM;AACjBC,QAAAA,GADW,CACP,UAAAC,KAAK,UAAI,MAAKjC,KAAL,CAAWiD,WAAX,CAAuBhB,KAAvB,CAAJ,EADE;AAEXiB,QAAAA,MAFW,CAEJ,UAAAtF,IAAI,UAAI,CAAC,MAAKkB,eAAL,CAAqB,MAAKkB,KAAL,CAAWkC,aAAhC,EAA+CtE,IAA/C,CAAL,EAFA,CAAd;AAGA,YAAMuF,QAAQ,GAAG,MAAKnD,KAAL,CAAWkC,aAAX,CAAyBkB,MAAzB,CAAgCrE,MAAhC,CAAjB;AACA,cAAKiB,KAAL,CAAWqD,aAAX,CAAyBF,QAAzB;;AAEA,cAAK3D,QAAL,CAAc,EAAEO,IAAI,EAAE,wBAAR,EAAkCU,OAAO,EAAEvD,SAA3C,EAAd;AACA,cAAKoG,WAAL;AACD;AACF,K;;AAEOA,IAAAA,W,iHAAc,iBAAOC,KAAP,2OAAOA,KAAP,cAAOA,KAAP,GAAe,EAAf;AAChB,sBAAKvD,KAAL,CAAWwD,QAAX,KAAwB,MAAKjF,KAAL,CAAWvB,UAAX,KAA0B,EAA1B,IAAgC,CAAC,MAAKgD,KAAL,CAAWyD,yBAApE,CADgB;AAElB,sBAAKjE,QAAL,CAAc,EAAEO,IAAI,EAAE,aAAR,EAAuBU,OAAO,EAAE,IAAhC,EAAd,EAFkB;AAGc,wBAAKT,KAAL,CAAWwD,QAAX,CAAoBD,KAApB,CAHd,SAGZpG,iBAHY;AAIlB,sBAAKqC,QAAL,CAAc,EAAEO,IAAI,EAAE,aAAR,EAAuBU,OAAO,EAAE,KAAhC,EAAd;;AAEMiD,gBAAAA,cANY,GAMK,SAAjBA,cAAiB,CAAC9F,IAAD,UAAa,MAAKkB,eAAL,CAAqB,MAAKkB,KAAL,CAAWkC,aAAhC,EAA+CtE,IAA/C,CAAb,EANL;AAOZ+F,gBAAAA,aAPY,GAOI,SAAhBA,aAAgB,CAAC/F,IAAD,EAAa;AACjC,sBAAMgG,WAAW,GAAG,MAAK5D,KAAL,CAAWkC,aAAX,CAAyB,MAAK3D,KAAL,CAAWlB,iBAApC,CAApB;AACA,yBAAO,CAAC,CAACuG,WAAF,IAAiB,qBAAQhG,IAAR,EAAcgG,WAAd,CAAxB;AACD,iBAViB;;AAYZC,gBAAAA,uBAZY,GAYc1G,iBAAiB,CAAC+F,MAAlB,CAAyB,UAAAtF,IAAI,UAAI,CAAC8F,cAAc,CAAC9F,IAAD,CAAf,IAAyB+F,aAAa,CAAC/F,IAAD,CAA1C,EAA7B,CAZd;;AAclB,oBAAI,MAAKgD,aAAT,EAAwB;AAChBgD,kBAAAA,WADgB,GACF,MAAK5D,KAAL,CAAWkC,aAAX,CAAyB,MAAK3D,KAAL,CAAWlB,iBAApC,CADE;AAEtB;AACE,uCAAQuG,WAAR,EAAqB,MAAK5D,KAAL,CAAWiD,WAAX,CAAuB,MAAK1E,KAAL,CAAWvB,UAAlC,CAArB;AACA,mBAAC,MAAK8B,eAAL,CAAqB+E,uBAArB,EAA8CD,WAA9C,CAFH;AAGE;AACAC,oBAAAA,uBAAuB,CAACC,OAAxB,CAAgCF,WAAhC;AACD;AACF;;AAED,oBAAIL,KAAK,KAAK,EAAV,IAAgB,MAAKhF,KAAL,CAAWvB,UAAX,KAA0B,EAA9C,EAAkD;AAChD,wBAAKwC,QAAL,CAAc,EAAEO,IAAI,EAAE,wBAAR,EAAkCU,OAAO,EAAEoD,uBAA3C,EAAd,EAAoF,YAAM;AACxFE,oBAAAA,YAAY,CAACC,IAAb;AACA,0BAAKC,iBAAL;AACD,mBAHD;AAID;AACKC,gBAAAA,eA9BY,GA8BML,uBAAuB,CAACM,SAAxB;AACtB,0BAAAvG,IAAI,UAAI,MAAKoC,KAAL,CAAWW,aAAX,CAAyB/C,IAAzB,EAA+BwG,WAA/B,OAAiD,MAAK7F,KAAL,CAAWvB,UAAX,CAAsBoH,WAAtB,EAArD,EADkB,CA9BN;;AAiClB,oBAAI,MAAKjD,OAAT,EAAkB;AAChB,wBAAKA,OAAL,CAAakD,aAAb,CAA2BH,eAAe,GAAG,CAAlB,GAAsB,CAAtB,GAA0BA,eAArD;AACD,iBAnCiB,yD;;;;AAuCdI,IAAAA,a,GAAgB,UAACxE,KAAD,EAA+C;AACrE,UAAI,MAAKgC,eAAT,EAA0B;AACxB,cAAKyC,kBAAL,CAAwBzE,KAAxB;AACD,OAFD,MAEO;AACL,cAAK0E,oBAAL,CAA0B1E,KAA1B;AACD;AACF,K;;AAEOyE,IAAAA,kB,GAAqB,UAACE,CAAD,EAA2C;AACtEA,MAAAA,CAAC,CAAC1B,eAAF;;AAEA,UAAI,MAAKhD,IAAL,KAAcjD,cAAc,CAAC6F,aAA7B,IAA8C,MAAK3C,KAAL,CAAWyC,UAAX,CAAsBxD,QAAtB,CAA+BwF,CAAC,CAACC,GAAjC,CAAlD,EAAyF;AACvFD,QAAAA,CAAC,CAACpE,cAAF;AACA,YAAMsE,QAAQ,GAAG,MAAKpG,KAAL,CAAWvB,UAA5B;AACA,YAAI2H,QAAQ,KAAK,EAAjB,EAAqB;AACnB,cAAI,MAAK/D,aAAT,EAAwB;AACtB,kBAAKC,eAAL;AACD,WAFD,MAEO;AACL,kBAAK+D,aAAL;AACD;AACF;AACF;;AAED,cAAQ,IAAR;AACE,aAAK,6BAAWH,CAAX,CAAL;AACE,cAAI,MAAKtD,OAAT,EAAkB;AAChB,kBAAKA,OAAL,CAAa0D,KAAb,CAAmBJ,CAAnB;AACD;AACD;AACA;AACAA,UAAAA,CAAC,CAACpE,cAAF;AACA;AACF,aAAK,qCAAmBoE,CAAnB,CAAL;AACEA,UAAAA,CAAC,CAACpE,cAAF;AACA,cAAI,MAAKc,OAAT,EAAkB;AAChB,gBAAI,+BAAasD,CAAb,CAAJ,EAAqB;AACnB,oBAAKtD,OAAL,CAAa2D,EAAb;AACD,aAFD,MAEO;AACL,oBAAK3D,OAAL,CAAa4D,IAAb;AACD;AACF;AACD;AACF,aAAK,8BAAYN,CAAZ,CAAL;AACE,gBAAK/F,KAAL,CAAYsG,IAAZ;AACA;AACF,aAAK,iCAAeP,CAAf,CAAL;AACE,cAAI,CAAC,MAAK7D,aAAV,EAAyB,MAAKqE,oBAAL;AACzB;AACF,aAAK,iCAAeR,CAAf,CAAL;AACE,cAAI,MAAK/F,KAAL,CAAYwG,cAAZ,KAA+B,CAAnC,EAAsC;AACpC,kBAAKD,oBAAL;AACD;AACD,gBA7BJ;;AA+BD,K;;;;;;;;;AASOE,IAAAA,U,GAAa,YAAM;AACzB5E,MAAAA,OAAO,CAACC,QAAR,CAAiB,oBAAM,MAAK9B,KAAL,CAAY4B,KAAZ,EAAN,EAAjB;AACD,K;;AAEO8E,IAAAA,e,GAAkB,YAAM;AAC9B,UAAI,MAAK1G,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAW2G,iBAAX,CAA6B,CAA7B,EAAgC,MAAK9G,KAAL,CAAWvB,UAAX,CAAsB+D,MAAtD;AACD;AACF,K;;AAEOyD,IAAAA,oB,GAAuB,UAACC,CAAD,EAAmC;AAChE,cAAQ,IAAR;AACE,aAAK,iCAAeA,CAAf,CAAL;AACA,aAAK,8BAAYA,CAAZ,CAAL,CAAqB;AACnB,gBAAI,CAAC,MAAK7D,aAAV,EAAyB;AACvB,kBAAM0E,QAAQ,GAAG,MAAKtF,KAAL,CAAWkC,aAAX,CAAyBgB,MAAzB;AACf,wBAAAtF,IAAI,UAAI,CAAC,MAAKkB,eAAL,CAAqB,MAAKP,KAAL,CAAWnB,YAAhC,EAA8CQ,IAA9C,CAAL,EADW,CAAjB;;AAGA,oBAAKoC,KAAL,CAAWqD,aAAX,CAAyBiC,QAAzB;AACA,oBAAK9F,QAAL,CAAc,EAAEO,IAAI,EAAE,0BAAR,EAAd,EAAoD,YAAM;AACxDgE,gBAAAA,YAAY,CAACC,IAAb;AACA,sBAAKtF,KAAL,CAAY4B,KAAZ;AACD,eAHD;AAID;AACD;AACD;AACD,aAAK,uCAAqBmE,CAArB,CAAL;AACE,gBAAKc,mBAAL,CAAyBd,CAAzB;AACA;AACF,aAAK,8BAAYA,CAAZ,CAAL;AACE,gBAAK5F,OAAL,CAAcmG,IAAd;AACA;AACF,aAAK,6BAAWP,CAAX,CAAL;AACEA,UAAAA,CAAC,CAACpE,cAAF;AACA,cAAI,MAAK9B,KAAL,CAAWnB,YAAX,CAAwB2D,MAAxB,KAAmC,CAAvC,EAA0C;AACxC,kBAAKyE,eAAL,CAAqB,MAAKjH,KAAL,CAAWnB,YAAX,CAAwB,CAAxB,CAArB;AACD;AACD;AACF,aAAK,sCAAoBqH,CAApB,CAAL;AACEA,UAAAA,CAAC,CAACpE,cAAF;AACA,gBAAKb,QAAL,CAAc;AACZO,YAAAA,IAAI,EAAE,mBADM;AAEZU,YAAAA,OAAO,EAAE,MAAKT,KAAL,CAAWkC,aAFR,EAAd;;AAIA,gBAjCJ;;AAmCD,K;;AAEOqD,IAAAA,mB,GAAsB,UAACd,CAAD,EAAmC;AAC/DA,MAAAA,CAAC,CAACpE,cAAF;AACA,UAAMjD,YAAY,GAAG,MAAKmB,KAAL,CAAWnB,YAAhC;AACA,UAAMqI,eAAe,GAAG,MAAKzF,KAAL,CAAWkC,aAAX,CAAyBC,OAAzB,CAAiC/E,YAAY,CAAC,CAAD,CAA7C,CAAxB;AACA,UAAMsI,YAAY,GAAGD,eAAe,IAAI,iCAAehB,CAAf,IAAoB,CAAC,CAArB,GAAyB,CAAC,CAA9B,CAApC;AACA,UAAMkB,UAAU,GAAGF,eAAe,KAAK,CAApB,IAAyB,iCAAehB,CAAf,CAA5C;AACA,UAAMmB,WAAW,GAAGH,eAAe,KAAK,MAAKzF,KAAL,CAAWkC,aAAX,CAAyBnB,MAAzB,GAAkC,CAAtD,IAA2D,kCAAgB0D,CAAhB,CAA/E;AACA,UAAI,CAACA,CAAC,CAACoB,QAAH,IAAezI,YAAY,CAAC2D,MAAb,KAAwB,CAA3C,EAA8C;AAC5C,cAAK+E,+BAAL,CAAqCH,UAArC,EAAiDC,WAAjD,EAA8DF,YAA9D;AACD,OAFD,MAEO;AACL,cAAKK,4BAAL,CAAkCJ,UAAlC,EAA8CC,WAA9C,EAA2DF,YAA3D;AACD;AACF,K;;AAEOI,IAAAA,+B,GAAkC,UAACH,UAAD,EAAsBC,WAAtB,EAA4CF,YAA5C,EAAqE;AAC7G,UAAIE,WAAJ,EAAiB;AACf,cAAKpG,QAAL,CAAc,EAAEO,IAAI,EAAE,0BAAR,EAAd,EAAoD,oBAAM,MAAKrB,KAAL,CAAY4B,KAAZ,EAAN,EAApD;AACD,OAFD,MAEO,IAAI,CAACqF,UAAL,EAAiB;AACtB,cAAKnG,QAAL,CAAc;AACZO,UAAAA,IAAI,EAAE,mBADM;AAEZU,UAAAA,OAAO,EAAE,CAAC,MAAKT,KAAL,CAAWkC,aAAX,CAAyBwD,YAAzB,CAAD,CAFG,EAAd;;AAID;AACF,K;;AAEOK,IAAAA,4B,GAA+B,UAACJ,UAAD,EAAsBC,WAAtB,EAA4CF,YAA5C,EAAqE;AAC1G,UAAI,CAACC,UAAD,IAAe,CAACC,WAApB,EAAiC;AAC/B,YAAMI,OAAO,GAAG,MAAKhG,KAAL,CAAWkC,aAAX,CAAyBwD,YAAzB,CAAhB;AACA,YAAMJ,QAAQ,IAAIU,OAAJ,SAAgB,MAAKzH,KAAL,CAAWnB,YAAX,CAAwB8F,MAAxB,CAA+B,UAAAtF,IAAI,UAAI,CAAC,qBAAQA,IAAR,EAAcoI,OAAd,CAAL,EAAnC,CAAhB,CAAd;AACA,cAAKxG,QAAL,CAAc,EAAEO,IAAI,EAAE,mBAAR,EAA6BU,OAAO,EAAE6E,QAAtC,EAAd;AACD;AACF,K;;AAEOW,IAAAA,iB,GAAoB,UAAClH,KAAD,EAAgB;AAC1C,YAAKiB,KAAL,CAAWqD,aAAX,CAAyBtE,KAAzB;AACD,K;;AAEO6F,IAAAA,a,GAAgB,YAAM;AAC5B,UAAMhH,IAAI,GAAG,MAAKoC,KAAL,CAAWiD,WAAX,CAAuB,MAAK1E,KAAL,CAAWvB,UAAlC,CAAb;AACA,UAAIY,IAAJ,EAAU;AACR,cAAKoD,UAAL,CAAgBpD,IAAhB;AACD;AACF,K;;AAEOoD,IAAAA,U,GAAa,UAACpD,IAAD,EAAa;AACxBsE,MAAAA,aADwB,GACN,MAAKlC,KADC,CACxBkC,aADwB;;AAGhC,UAAI,MAAKtB,aAAT,EAAwB;AACtB,cAAKpB,QAAL,CAAc,EAAEO,IAAI,EAAE,cAAR,EAAwBU,OAAO,EAAE,MAAKT,KAAL,CAAWW,aAAX,CAAyB/C,IAAzB,CAAjC,EAAd,EAAiF,MAAKiD,eAAtF;AACD,OAFD,MAEO;AACL,YAAI,CAAC,MAAK/B,eAAL,CAAqBoD,aAArB,EAAoCtE,IAApC,CAAL,EAAgD;AAC9C,gBAAKqI,iBAAL,CAAuB/D,aAAa,CAACkB,MAAd,CAAqB,CAACxF,IAAD,CAArB,CAAvB;AACA,gBAAK4B,QAAL,CAAc,EAAEO,IAAI,EAAE,aAAR,EAAd;AACA,gBAAKuD,WAAL;AACD;AACF;AACF,K;;AAEO4C,IAAAA,iB,GAAoB,UAACtI,IAAD,EAAa;AACvC,YAAKoC,KAAL,CAAWqD,aAAX,CAAyB,MAAKrD,KAAL,CAAWkC,aAAX,CAAyBgB,MAAzB,CAAgC,UAAAiD,CAAC,UAAI,CAAC,qBAAQA,CAAR,EAAWvI,IAAX,CAAL,EAAjC,CAAzB;AACA,UAAMwI,oBAAoB,GAAG,MAAK7H,KAAL,CAAWnB,YAAX,CAAwB8F,MAAxB,CAA+B,UAAAiD,CAAC,UAAI,CAAC,qBAAQA,CAAR,EAAWvI,IAAX,CAAL,EAAhC,CAA7B;;AAEA,YAAK4B,QAAL,CAAc,EAAEO,IAAI,EAAE,mBAAR,EAA6BU,OAAO,EAAE2F,oBAAtC,EAAd;AACA,UAAIA,oBAAoB,CAACrF,MAArB,KAAgC,CAApC,EAAuC;AACrC,cAAKoE,UAAL;AACD;;AAED,YAAK7B,WAAL;AACD,K;;AAEO+C,IAAAA,gB,GAAmB,UAACvG,KAAD,EAAuCkG,OAAvC,EAAsD;AAC/E,UAAMjH,KAAK,GAAG,MAAKR,KAAL,CAAWnB,YAAzB;AACA,UAAI0C,KAAK,CAACwG,OAAV,EAAmB;AACjB,YAAMnD,QAAQ,GAAG,MAAKrE,eAAL,CAAqB,MAAKP,KAAL,CAAWnB,YAAhC,EAA8C4I,OAA9C;AACbjH,QAAAA,KAAK,CAACmE,MAAN,CAAa,UAAAtF,IAAI,UAAI,CAAC,qBAAQA,IAAR,EAAcoI,OAAd,CAAL,EAAjB,CADa;AAETjH,QAAAA,KAFS,GAEFiH,OAFE,EAAjB;AAGA,cAAKxG,QAAL,CAAc,EAAEO,IAAI,EAAE,mBAAR,EAA6BU,OAAO,EAAE0C,QAAtC,EAAd;AACD,OALD,MAKO;AACL,cAAK3D,QAAL,CAAc,EAAEO,IAAI,EAAE,mBAAR,EAA6BU,OAAO,EAAE,CAACuF,OAAD,CAAtC,EAAd;AACD;AACD,YAAKb,UAAL;AACD,K;;AAEOK,IAAAA,e,GAAkB,UAACQ,OAAD,EAAgB;AACxC,UAAM3I,iBAAiB,GAAG,MAAK2C,KAAL,CAAWkC,aAAX,CAAyBiC,SAAzB,CAAmC,UAAAvG,IAAI,UAAIA,IAAI,KAAKoI,OAAb,EAAvC,CAA1B;AACA,YAAKxG,QAAL,CAAc,EAAEO,IAAI,EAAE,yBAAR,EAAmCU,OAAO,EAAEpD,iBAA5C,EAAd;;AAEA,UAAI,MAAKkB,KAAL,CAAWvB,UAAX,KAA0B,EAA9B,EAAkC;AAChC,YAAI,MAAKuB,KAAL,CAAWtB,kBAAX,KAAkCC,SAAtC;AACE,cAAKsC,QAAL,CAAc,EAAEO,IAAI,EAAE,qBAAR,EAA+BU,OAAO,EAAE,MAAKlC,KAAL,CAAWvB,UAAnD,EAAd;AACH;AACD,YAAKwC,QAAL,CAAc,EAAEO,IAAI,EAAE,cAAR,EAAwBU,OAAO,EAAE,MAAKT,KAAL,CAAWW,aAAX,CAAyBqF,OAAzB,CAAjC,EAAd,EAAoF,MAAKZ,eAAzF;AACA,YAAK5F,QAAL,CAAc,EAAEO,IAAI,EAAE,0BAAR,EAAd;;AAEA,YAAKuD,WAAL;AACD,K;;AAEOzC,IAAAA,e,GAAkB,YAAM;AACgC,YAAKtC,KADrC,CACtBlB,iBADsB,gBACtBA,iBADsB,CACHL,UADG,gBACHA,UADG,CACSC,kBADT,gBACSA,kBADT;AAES,YAAK+C,KAFd,CAEtBkC,aAFsB,eAEtBA,aAFsB,CAEPe,WAFO,eAEPA,WAFO;AAG9B,UAAMsD,UAAU,GAAGtD,WAAW,CAACjG,UAAD,CAA9B;AACA,UAAMmG,QAAQ,GAAGjB,aAAa,CAACkB,MAAd,CAAqB,EAArB,CAAjB;;AAEA,UAAI,CAAC,MAAKtE,eAAL,CAAqBoD,aAArB,EAAoCqE,UAApC,CAAL,EAAsD;AACpDpD,QAAAA,QAAQ,CAACqD,MAAT,OAAArD,QAAQ,GAAQ9F,iBAAR,EAA2B,CAA3B,SAAkCL,UAAU,KAAK,EAAf,GAAoB,CAACuJ,UAAD,CAApB,GAAmC,EAArE,EAAR;AACA,cAAKN,iBAAL,CAAuB9C,QAAvB;AACD;;AAED,YAAK3D,QAAL,CAAc,EAAEO,IAAI,EAAE,4BAAR,EAAd;;AAEA,UAAI9C,kBAAJ,EAAwB;AACtB,cAAKuC,QAAL,CAAc,EAAEO,IAAI,EAAE,cAAR,EAAwBU,OAAO,EAAExD,kBAAjC,EAAd;AACA,cAAKuC,QAAL,CAAc,EAAEO,IAAI,EAAE,wBAAR,EAAd;AACD,OAHD,MAGO;AACL,cAAKP,QAAL,CAAc,EAAEO,IAAI,EAAE,aAAR,EAAd;AACD;;AAED,UAAIoD,QAAQ,CAACpC,MAAT,KAAoBmB,aAAa,CAACnB,MAAtC,EAA8C;AAC5C,cAAKvB,QAAL,CAAc,EAAEO,IAAI,EAAE,mBAAR,EAA6BU,OAAO,EAAE,CAAC0C,QAAQ,CAAC9F,iBAAD,CAAT,CAAtC,EAAd;AACD;AACF,K;;AAEO6D,IAAAA,uB,GAA0B,YAAM;AAC9BlE,MAAAA,UAD8B,GACf,MAAKuB,KADU,CAC9BvB,UAD8B;AAE9ByJ,MAAAA,iBAF8B,GAER,MAAKzG,KAFG,CAE9ByG,iBAF8B;;AAItC,UAAIA,iBAAJ,EAAuB;AACrB;AACA,YAAMC,aAAa,GAAGD,iBAAiB,CAACzJ,UAAD,CAAvC;;AAEA,YAAI0J,aAAa,KAAKxJ,SAAtB,EAAiC;AAC/B;AACD;;AAED,YAAIwJ,aAAa,KAAK,IAAtB,EAA4B;AAC1B,gBAAKlH,QAAL,CAAc,EAAEO,IAAI,EAAE,aAAR,EAAd,EAAuC,YAAM;AAC3C,gBAAI,MAAKa,aAAT,EAAwB;AACtB,oBAAKC,eAAL;AACD;AACF,WAJD;;AAMA;AACD;;AAED,YAAI6F,aAAJ,EAAmB;AACjB,gBAAK1F,UAAL,CAAgB0F,aAAhB;AACD;AACF;AACF,K;;AAEOC,IAAAA,sB,GAAyB,UAAC7G,KAAD,EAA6C;AAC5E,YAAKN,QAAL,CAAc,EAAEO,IAAI,EAAE,0BAAR,EAAd;AACA,UAAIwD,KAAK,GAAGzD,KAAK,CAAC4B,MAAN,CAAa1C,KAAb,CAAmB4H,QAAnB,EAAZ;;AAEA,UAAIrD,KAAK,CAACsD,QAAN,CAAe,GAAf,CAAJ,EAAyB;AACvBtD,QAAAA,KAAK,GAAGA,KAAK,CAACuD,SAAN,KAAoB,GAA5B;AACD;AACD,UAAI,MAAKvI,KAAL,CAAWvB,UAAX,KAA0B,EAA1B,IAAgCuG,KAAK,KAAK,EAA9C,EAAkD;AAChD,cAAK/D,QAAL,CAAc,EAAEO,IAAI,EAAE,wBAAR,EAAkCU,OAAO,EAAEvD,SAA3C,EAAd;AACD;AACD,YAAKsC,QAAL,CAAc,EAAEO,IAAI,EAAE,cAAR,EAAwBU,OAAO,EAAE8C,KAAjC,EAAd,EAAwD,YAAM;AAC5D,cAAKD,WAAL,CAAiBC,KAAjB;AACD,OAFD;AAGA,UAAI,MAAKvD,KAAL,CAAW+G,kBAAf,EAAmC;AACjC,cAAK/G,KAAL,CAAW+G,kBAAX,CAA8BxD,KAA9B;AACD;AACF,K;;AAEOU,IAAAA,iB,GAAoB,YAAM;AAChC;AACE,YAAK9C,OAAL;AACA,YAAK5C,KAAL,CAAWpB,iBADX;AAEA,YAAKoB,KAAL,CAAWpB,iBAAX,CAA6B4D,MAA7B,GAAsC,CAFtC;AAGA,YAAKhB,IAAL,KAAcjD,cAAc,CAACkK,QAJ/B;AAKE;AACA,cAAK7F,OAAL,CAAakD,aAAb,CAA2B,CAA3B;AACD;AACF,K;;AAEO4C,IAAAA,iB,GAAoB,YAAM;AACxB5J,MAAAA,iBADwB,GACF,MAAKkB,KADH,CACxBlB,iBADwB;AAExB6E,MAAAA,aAFwB,GAEN,MAAKlC,KAFC,CAExBkC,aAFwB;AAGhC,UAAMY,SAAS,GAAGzF,iBAAiB,IAAI,CAArB,GAAyBA,iBAAzB,GAA6C6E,aAAa,CAACnB,MAA7E;AACA,aAAOmB,aAAa,CAACgF,KAAd,CAAoB,CAApB,EAAuBpE,SAAvB,EAAkCd,GAAlC,CAAsC,MAAKmF,WAA3C,CAAP;AACD,K;;AAEOC,IAAAA,e,GAAkB,YAAM;AAC9B,UAAI,MAAK7I,KAAL,CAAWlB,iBAAX,IAAgC,CAApC,EAAuC;AACrC,eAAO,MAAK2C,KAAL,CAAWkC,aAAX,CAAyBgF,KAAzB,CAA+B,MAAK3I,KAAL,CAAWlB,iBAAX,GAA+B,CAA9D,EAAiE2E,GAAjE,CAAqE,MAAKmF,WAA1E,CAAP;AACD;AACF,K;;AAEOA,IAAAA,W,GAAc,UAACvJ,IAAD,EAAa;AACsB,YAAKoC,KAD3B,sCACzBmH,WADyB,CACzBA,WADyB,sCACXpJ,kBADW,yBACSK,QADT,gBACSA,QADT;;AAGjC,UAAMJ,QAAQ,GAAG,MAAKO,KAAL,CAAWnB,YAAX,CAAwB6B,QAAxB,CAAiCrB,IAAjC,CAAjB;;AAEA;AACA,UAAMyJ,eAAqD,GAAG,SAAxDA,eAAwD,CAAAvH,KAAK,EAAI;AACrEA,QAAAA,KAAK,CAACiD,eAAN;AACA,YAAI,CAAC,MAAKnC,aAAV,EAAyB;AACvB,gBAAKsF,iBAAL,CAAuBtI,IAAvB;AACD;AACF,OALD;;AAOA;AACA,UAAMyI,gBAAyD,GAAG,SAA5DA,gBAA4D,CAAAvG,KAAK,EAAI;AACzEA,QAAAA,KAAK,CAACiD,eAAN;AACA,YAAI,CAAC,MAAKnC,aAAV,EAAyB;AACvB,gBAAKyF,gBAAL,CAAsBvG,KAAtB,EAA6BlC,IAA7B;AACD;AACF,OALD;;AAOA,UAAM0J,sBAA+D,GAAG,SAAlEA,sBAAkE,CAAAxH,KAAK,EAAI;AAC/EA,QAAAA,KAAK,CAACiD,eAAN;AACA,YAAI,CAAC,MAAKnC,aAAV,EAAyB;AACvB,gBAAK4E,eAAL,CAAqB5H,IAArB;AACD;AACF,OALD;;AAOA,aAAOuJ,WAAW,CAACvJ,IAAD,EAAO;AACvBI,QAAAA,QAAQ,EAARA,QADuB;AAEvBC,QAAAA,OAAO,EAAEoI,gBAFc;AAGvBnI,QAAAA,aAAa,EAAEoJ,sBAHQ;AAIvBnJ,QAAAA,QAAQ,EAAEkJ,eAJa;AAKvBjJ,QAAAA,QAAQ,EAARA,QALuB,EAAP,CAAlB;;AAOD,K;;AAEOmJ,IAAAA,e,GAAkB,UAACvI,KAAD,EAAgE,KAA/DA,KAA+D,cAA/DA,KAA+D,GAAvD,MAAKT,KAAL,CAAWvB,UAA4C;AACxF,UAAI,CAAC,MAAKwK,eAAV,EAA2B;AACzB;AACD;;AAED,UAAI,MAAKxH,KAAL,CAAWuH,eAAf,EAAgC;AAC9B,eAAO,MAAKvH,KAAL,CAAWuH,eAAX,CAA2BvI,KAA3B,EAAkC,MAAK4F,aAAvC,CAAP;AACD,OAPuF;;AAS3C,YAAKpG,MATsC,CAShFiJ,gBATgF,gBAShFA,gBATgF,CAS9DC,cAT8D,gBAS9DA,cAT8D;;AAWxF;AACE,qCAAC,kBAAD,IAAU,OAAO,EAAE,MAAK9C,aAAxB,EAAuC,OAAO,EAAE6C,gBAAhD,EAAkE,GAAG,EAAC,iBAAtE;AACGC,QAAAA,cADH,OACoB1I,KADpB,CADF;;;AAKD,K,wDA3wBM2I,iB,GAAP,6BAA2B,CACzB,KAAKC,oBAAL,GACAtG,QAAQ,CAACuG,gBAAT,CAA0B,MAA1B,EAAkC,KAAKhG,UAAvC,EACA,IAAI,KAAK7B,KAAL,CAAW8H,SAAf,EAA0B,CACxB,KAAK3C,UAAL,GACD,CACF,C,QAEM4C,kB,GAAP,4BAA0BC,SAA1B,EAAyDpI,SAAzD,EAAwF,CACtF,IAAIA,SAAS,CAAC5C,UAAV,KAAyB,KAAKuB,KAAL,CAAWvB,UAAxC,EAAoD,CAClD,KAAK4K,oBAAL,GACD,CACD,IAAIhI,SAAS,CAACxC,YAAV,CAAuB2D,MAAvB,KAAkC,CAAlC,IAAuC,KAAKxC,KAAL,CAAWnB,YAAX,CAAwB2D,MAAxB,GAAiC,CAA5E,EAA+E,CAC7E,KAAKvB,QAAL,CAAc,EACZO,IAAI,EAAE,wBADM,EAEZU,OAAO,EAAEvD,SAFG,EAAd,EAID,CACD,IAAI8K,SAAS,CAAC9F,aAAV,CAAwBnB,MAAxB,KAAmC,KAAKf,KAAL,CAAWkC,aAAX,CAAyBnB,MAAhE,EAAwE,CACtEgD,YAAY,CAACC,IAAb,GACD,CACD,IAAI,CAAC,KAAKiE,uBAAL,CAA6BrI,SAA7B,CAAD,IAA4C,KAAKkC,eAArD,EAAsE,CACpE,KAAKwB,WAAL,CAAiB,KAAK1C,aAAL,GAAqB,EAArB,GAA0B,KAAKrC,KAAL,CAAWvB,UAAtD,EACD,CACF,C,QAEMkL,oB,GAAP,gCAA8B,CAC5B5G,QAAQ,CAAC6G,mBAAT,CAA6B,MAA7B,EAAqC,KAAKtG,UAA1C,EACD,C,QAEMuG,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAA3J,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAAC4J,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEOA,U,GAAR,sBAAqB,qBACnB,IAAI,KAAKtI,IAAL,KAAcjD,cAAc,CAACwL,gBAA7B,IAAiD,CAAC,KAAKtI,KAAL,CAAWwD,QAAjE,EAA2E,CACzE,MAAM+E,KAAK,CAAC,8BAA8B,KAAKxI,IAApC,CAAX,CACD,CAHkB,mBAmBf,KAAKC,KAnBU,CAMjBkC,aANiB,gBAMjBA,aANiB,CAOjBsG,KAPiB,gBAOjBA,KAPiB,CAQjBC,aARiB,gBAQjBA,aARiB,CASjBC,KATiB,gBASjBA,KATiB,CAUjBC,OAViB,gBAUjBA,OAViB,CAWjBvK,QAXiB,gBAWjBA,QAXiB,CAYjBwK,WAZiB,gBAYjBA,WAZiB,CAajBC,UAbiB,gBAajBA,UAbiB,CAcjBC,cAdiB,gBAcjBA,cAdiB,CAejBrF,yBAfiB,gBAejBA,yBAfiB,CAgBjBsF,YAhBiB,gBAgBjBA,YAhBiB,CAiBjBC,YAjBiB,gBAiBjBA,YAjBiB,CAkBjBC,SAlBiB,gBAkBjBA,SAlBiB,oBA8Bf,KAAK1K,KA9BU,CAsBjBnB,YAtBiB,gBAsBjBA,YAtBiB,CAuBjBE,OAvBiB,gBAuBjBA,OAvBiB,CAwBjBG,eAxBiB,gBAwBjBA,eAxBiB,CAyBjBT,UAzBiB,gBAyBjBA,UAzBiB,CA0BjBC,kBA1BiB,gBA0BjBA,kBA1BiB,CA2BjBE,iBA3BiB,gBA2BjBA,iBA3BiB,CA4BjBI,OA5BiB,gBA4BjBA,OA5BiB,CA6BjBG,gBA7BiB,gBA6BjBA,gBA7BiB,CAgCnB,IAAMwL,QAAQ,GACZ,KAAKnJ,IAAL,KAAcjD,cAAc,CAACwL,gBAA7B,IACA,KAAKxG,eADL,IAEA1E,YAAY,CAAC2D,MAAb,KAAwB,CAFxB,KAGC/D,UAAU,KAAK,EAAf,IAAqB,CAACyG,yBAHvB,CADF,CAMA,IAAMhF,KAAK,GAAG,KAAKA,KAAnB,CAEA,IAAM0K,UAAU,GAAGC,QAAQ,CAAC3K,KAAK,CAAC4K,oBAAP,EAA6B,EAA7B,CAAR,IAA4C,CAA/D,CAEA,IAAMC,iBAAsC,GAAG,EAC7C;AACAd,MAAAA,KAAK,EAAE/K,eAFsC,EAG7C8L,MAAM,EAAEC,IAAI,CAACC,GAAL,CAASN,UAAT,EAAqBzL,gBAArB,CAHqC,EAI7C;AACAgM,MAAAA,IAAI,EAAExH,aAAa,IAAIA,aAAa,CAACnB,MAAd,KAAyB,CAA1C,GAA8C,CAA9C,GAAkD7D,SALX,EAM7C;AACAyM,MAAAA,UAAU,EAAE,KAAK7H,eAAL,GAAuB5E,SAAvB,GAAmC,aAPF,EAA/C,CAUA,IAAM0M,cAAc,GAAG,yBAAGC,qBAASC,KAAT,CAAerL,KAAf,CAAH,iBACpBoL,qBAASE,YAAT,CAAsBtL,KAAtB,CADoB,IACW,CAAC,CAACnB,OADb,MAEpBuM,qBAASnB,KAAT,CAAejK,KAAf,CAFoB,IAEI,CAAC,CAACiK,KAFN,MAGpBmB,qBAASlB,OAAT,CAAiBlK,KAAjB,CAHoB,IAGM,CAAC,CAACkK,OAHR,MAIpBkB,qBAASG,aAAT,CAAuBvL,KAAvB,CAJoB,IAIY,CAAC,CAACL,QAJd,OAAvB,CAMA,IAAM6L,cAAc,GAAG,yBAAGJ,qBAASnL,KAAT,CAAeD,KAAf,CAAH,mBACpBoL,qBAASK,aAAT,CAAuBzL,KAAvB,CADoB,IACY,CAAC,CAACL,QADd,OAEpByL,qBAASM,YAAT,CAAsB1L,KAAtB,CAFoB,IAEW,KAAKmC,aAFhB,QAAvB,CAKA,oBACE,6BAAC,4BAAD,EAAmB,KAAKZ,KAAxB,eACE,sCAAK,YAAY,EAAE+I,YAAnB,EAAiC,YAAY,EAAEC,YAA/C,iBACE,wCACE,GAAG,EAAE,KAAKzJ,UADZ,EAEE,KAAK,EAAE,EAAEiJ,KAAK,EAALA,KAAF,EAFT,EAGE,SAAS,EAAEoB,cAHb,EAIE,WAAW,EAAE,KAAKnI,sBAJpB,EAKE,SAAS,EAAE,KAAKG,oBALlB,iBAOE,6BAAC,gCAAD,IACE,GAAG,EAAE,KAAKtC,aADZ,EAEE,SAAS,EAAE,yBAAGuK,qBAASO,UAAT,CAAoB3L,KAApB,CAAH,mBACRoL,qBAASQ,iBAAT,CAA2B5L,KAA3B,CADQ,IAC4B,KAAKmC,aADjC,QAFb,EAKE,IAAI,EAAE5D,UALR,EAME,KAAK,EAAE,KAAKyB,KANd,GAPF,EAeG,KAAKwI,iBAAL,EAfH,eAgBE,2CACE,GAAG,EAAE,KAAK9H,QADZ,EAEE,KAAK,EAAEnC,UAFT,EAGE,KAAK,EAAEsM,iBAHT,EAIE,UAAU,EAAE,KAJd,EAKE,QAAQ,EAAElL,QALZ,EAME,SAAS,EAAE6L,cANb,EAOE,WAAW,EAAE/H,aAAa,CAACnB,MAAd,GAAuB,CAAvB,GAA2B7D,SAA3B,GAAuC0L,WAPtD,EAQE,OAAO,EAAE,KAAK/I,gBARhB,EASE,MAAM,EAAE,KAAKK,eATf,EAUE,QAAQ,EAAE,KAAKyG,sBAVjB,EAWE,SAAS,EAAE,KAAKrC,aAXlB,EAYE,OAAO,EAAE,KAAK5B,gBAZhB,EAaE,SAAS,EAAEuG,SAbb,GAhBF,EA+BGC,QAAQ,iBACP,6BAAC,8BAAD,IACE,GAAG,EAAE,KAAK7J,kBADZ,EAEE,KAAK,EAAElC,iBAFT,EAGE,OAAO,EAAEI,OAHX,EAIE,MAAM,EAAE2L,QAJV,EAKE,aAAa,EAAET,aALjB,EAME,aAAa,EAAE,KAAK/J,KANtB,EAOE,cAAc,EAAEoK,cAPlB,EAQE,UAAU,EAAED,UARd,EASE,aAAa,EAAE,KAAK7H,UATtB,EAUE,eAAe,EAAE,KAAKuG,eAVxB,GAhCJ,EA6CG,KAAKH,eAAL,EA7CH,EA8CG,KAAKxG,aAAL,gBAAqB,uCAAM,SAAS,EAAEiJ,qBAASS,aAAT,CAAuB7L,KAAvB,CAAjB,IAAiDxB,kBAAjD,CAArB,GAAmG,IA9CtG,CADF,CADF,CADF,CAsDD,C,CAED;AACF;AACA;AACA,K,QACSsN,K,GAAP,iBAAe,CACb,KAAK/K,QAAL,CAAc,EAAEO,IAAI,EAAE,OAAR,EAAd,EACD,C,QA4COkI,uB,GAAR,iCAAgC1J,KAAhC,EAA2D,CACzD,OAAOA,KAAK,CAACjB,OAAN,KAAkBiB,KAAK,CAACvB,UAAN,KAAqB,EAArB,IAA2BuB,KAAK,CAACnB,YAAN,CAAmB2D,MAAnB,KAA8B,CAA3E,CAAP,CACD,C,QAWO6G,oB,GAAR,gCAA+B,CAC7B,IAAI,KAAKhJ,UAAT,EAAqB,CACnB;AACA;AACA,UAAMnB,eAAe,GAAG+M,UAAU,CAAC,KAAK5L,UAAL,CAAgB6L,YAAhB,GAA+BC,OAA/B,CAAuC,CAAvC,CAAD,CAAlC,CACA,IAAMhN,gBAAgB,GAAG8M,UAAU,CAAC,KAAK5L,UAAL,CAAgB+L,aAAhB,GAAgCD,OAAhC,CAAwC,CAAxC,CAAD,CAAnC,CAEA,KAAKlL,QAAL,CAAc,EAAEO,IAAI,EAAE,uBAAR,EAAiCU,OAAO,EAAEhD,eAA1C,EAAd,EAA2EsG,YAAY,CAACC,IAAxF,EACA,KAAKxE,QAAL,CAAc,EAAEO,IAAI,EAAE,wBAAR,EAAkCU,OAAO,EAAE/C,gBAA3C,EAAd,EAA6EqG,YAAY,CAACC,IAA1F,EACD,CACF,C,QAsPOiB,oB,GAAR,gCAA+B,CAC7B,IAAMlG,KAAK,GAAG,KAAKiB,KAAL,CAAWkC,aAAzB,CACA,IAAI,KAAK3D,KAAL,CAAWvB,UAAX,KAA0B,EAA1B,IAAgC+B,KAAhC,IAAyCA,KAAK,CAACgC,MAAN,GAAe,CAA5D,EAA+D,CAC7D,KAAKvB,QAAL,CAAc,EAAEO,IAAI,EAAE,mBAAR,EAA6BU,OAAO,EAAE1B,KAAK,CAACmI,KAAN,CAAY,CAAC,CAAb,CAAtC,EAAd,EACD,CACF,C,uFApT6B,CAC5B,IAAMnI,KAAK,GAAG,KAAKR,KAAL,CAAWpB,iBAAzB,CACA,IAAM6B,KAAK,GAAG,KAAKgB,KAAL,CAAWiD,WAAX,CAAuB,KAAK1E,KAAL,CAAWvB,UAAlC,CAAd,CAEA,IAAI+B,KAAK,IAAI,KAAKD,eAAL,CAAqBC,KAArB,EAA4BC,KAA5B,CAAb,EAAiD,CAC/C,OAAO,KAAP,CACD,CAED,IAAMkD,aAAa,GAAG,KAAKlC,KAAL,CAAWkC,aAAjC,CACA,IAAIA,aAAa,IAAI,KAAKpD,eAAL,CAAqBoD,aAArB,EAAoClD,KAApC,CAArB,EAAiE,CAC/D,OAAO,KAAP,CACD,CAED,IAAI,KAAKe,IAAL,KAAcjD,cAAc,CAACkK,QAA7B,IAAyC,KAAKzI,KAAL,CAAWvB,UAAX,KAA0B,EAAvE,EAA2E,CACzE,OAAO,IAAP,CACD,CACF,C,uCAEkB,CACjB,OAAO,KAAKgD,KAAL,CAAWD,IAAX,GAAkB,KAAKC,KAAL,CAAWD,IAA7B,GAAoCjD,cAAc,CAAC6F,aAA1D,CACD,C,0CAEkC,CACjC,OAAO,KAAKhE,eAAL,IAAwB,KAAKA,eAAL,CAAqBiM,UAArB,EAA/B,CACD,C,kDAE6B,CAC5B,OAAO,KAAK3C,uBAAL,CAA6B,KAAK1J,KAAlC,CAAP,CACD,C,gDAE2B,CAC1B,OAAO,KAAKA,KAAL,CAAWlB,iBAAX,GAA+B,CAAC,CAAvC,CACD,C,iDAsF4B,CAC3B,IAAI,KAAKuD,aAAT,EAAwB,CACtB,OAAO,KAAKE,mBAAZ,CACD,CAED,OAAO,KAAK+J,mBAAZ,CACD,C,sDAEiC,KACxB7N,UADwB,GACT,KAAKuB,KADI,CACxBvB,UADwB,CAGhC,OAAOA,UAAU,KAAK,EAAtB,CACD,C,sDAEiC,oBACU,KAAKuB,KADf,CACxBvB,UADwB,gBACxBA,UADwB,CACZK,iBADY,gBACZA,iBADY,oBAES,KAAK2C,KAFd,CAExBkC,aAFwB,gBAExBA,aAFwB,CAETvB,aAFS,gBAETA,aAFS,CAIhC,IAAI,KAAKC,aAAT,EAAwB,CACtB,OAAOD,aAAa,CAACuB,aAAa,CAAC7E,iBAAD,CAAd,CAAb,KAAoDL,UAA3D,CACD,CAED,OAAO,KAAP,CACD,C,yBAzVyC8N,eAAMC,a,WAClCC,mB,GAAsB,Y,UAEtBC,Y,GAA8C,EAC1D/I,aAAa,EAAE,EAD2C,EAE1DO,UAAU,EAAE,CAAC,GAAD,EAAM,GAAN,CAF8C,EAG1DoG,UAAU,EAAE/K,QAH8C,EAI1DoN,WAAW,EAAEpN,QAJ6C,EAK1D6C,aAAa,EAAE7C,QAL2C,EAM1DmF,WAAW,EAAE,qBAACrF,IAAD,UAAkBA,IAAlB,EAN6C,EAO1DuN,KAAK,EAAExN,YAPmD,EAQ1D0F,aAAa,EAAE,iCAAM,KAAK,CAAX,EAR2C,EAS1DmF,KAAK,EAAE,GATmD,EAU1D9H,MAAM,EAAE0K,mBAVkD,EAW1DnL,OAAO,EAAEmL,mBAXiD,EAY1DrC,YAAY,EAAEqC,mBAZ4C,EAa1DpC,YAAY,EAAEoC,mBAb4C,E","sourcesContent":["import React, { ChangeEvent, FocusEvent, FocusEventHandler, KeyboardEvent, MouseEventHandler, ReactNode } from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\nimport isEqual from 'lodash.isequal';\r\nimport cn from 'classnames';\r\n\r\nimport {\r\n isKeyArrowHorizontal,\r\n isKeyArrowLeft,\r\n isKeyArrowRight,\r\n isKeyArrowUp,\r\n isKeyArrowVertical,\r\n isKeyBackspace,\r\n isKeyDelete,\r\n isKeyEnter,\r\n isKeyEscape,\r\n isShortcutSelectAll,\r\n} from '../../lib/events/keyboard/identifiers';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Menu } from '../../internal/Menu';\r\nimport { Token, TokenProps } from '../Token';\r\nimport { MenuItemState } from '../MenuItem';\r\nimport { emptyHandler } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { MenuItem } from '../MenuItem/MenuItem';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { TokenInputLocale, TokenInputLocaleHelper } from './locale';\r\nimport { jsStyles } from './TokenInput.styles';\r\nimport { TokenInputAction, tokenInputReducer } from './TokenInputReducer';\r\nimport { TokenInputMenu } from './TokenInputMenu';\r\nimport { TextWidthHelper } from './TextWidthHelper';\r\n\r\nexport enum TokenInputType {\r\n WithReference,\r\n WithoutReference,\r\n Combined,\r\n}\r\n\r\nexport interface TokenInputProps<T> extends CommonProps {\r\n selectedItems: T[];\r\n onValueChange: (items: T[]) => void;\r\n onMouseEnter: MouseEventHandler<HTMLDivElement>;\r\n onMouseLeave: MouseEventHandler<HTMLDivElement>;\r\n onFocus: FocusEventHandler<HTMLTextAreaElement>;\r\n onBlur: FocusEventHandler<HTMLTextAreaElement>;\r\n autoFocus?: boolean;\r\n type?: TokenInputType;\r\n\r\n /*\r\n Функция поиска элементов, должна возвращать Promise с массивом элементов.\r\n * По умолчанию ожидаются строки.\r\n \r\n Элементы могут быть любого типа. В этом случае необходимо определить\r\n * свойства `renderItem`, `valueToString`\r\n /\r\n getItems?: (query: string) => Promise<T[]>;\r\n hideMenuIfEmptyInputValue?: boolean;\r\n renderItem: (item: T, state: MenuItemState) => React.ReactNode \| null;\r\n renderValue: (item: T) => React.ReactNode;\r\n /\r\n Функция должна возвращать строковое представление токена\r\n * @default item => item\r\n /\r\n valueToString: (item: T) => string;\r\n renderNotFound?: () => React.ReactNode;\r\n valueToItem: (item: string) => T;\r\n toKey: (item: T) => string \| number \| undefined;\r\n placeholder?: string;\r\n delimiters: string[];\r\n error?: boolean;\r\n warning?: boolean;\r\n disabled?: boolean;\r\n width?: string \| number;\r\n maxMenuHeight?: number \| string;\r\n renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;\r\n /\r\n Вызывается при изменении текста в поле ввода,\r\n /\r\n onInputValueChange?: (value: string) => void;\r\n /\r\n Функция отрисовки кнопки добавления в выпадающем списке\r\n /\r\n renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;\r\n /\r\n Функция для обработки ситуации, когда была введена\r\n * строка в инпут и был потерян фокус с компонента\r\n \r\n Функция срабатывает с аргументом инпута строки\r\n \r\n Если при потере фокуса в выпадающем списке будет только один\r\n * элемент и результат `valueToString` с этим элементом будет\r\n * совпадать со значение в текстовом поле, то\r\n * сработает `onValueChange` со значением данного элемента\r\n \r\n Сама функция также может вернуть значение,\r\n * неравное `undefined`, с которым будет вызван `onValueChange`.\r\n * Если возвращаемое значение будет равно `null`,\r\n * то сработает очистка текущего значения инпута,\r\n * а в режиме редактирования токен будет удален\r\n /\r\n onUnexpectedInput?: (value: string) => void \| null \| undefined \| T;\r\n inputMode?: React.HTMLAttributes<HTMLTextAreaElement>['inputMode'];\r\n}\r\n\r\nexport interface TokenInputState<T> {\r\n autocompleteItems?: T[];\r\n activeTokens: T[];\r\n editingTokenIndex: number;\r\n clickedToken?: T;\r\n clickedTokenTimeout?: number;\r\n inFocus?: boolean;\r\n inputValue: string;\r\n reservedInputValue: string \| undefined;\r\n inputValueWidth: number;\r\n inputValueHeight: number;\r\n preventBlur?: boolean;\r\n loading?: boolean;\r\n}\r\n\r\nexport const DefaultState = {\r\n inputValue: '',\r\n reservedInputValue: undefined,\r\n autocompleteItems: undefined,\r\n activeTokens: [],\r\n editingTokenIndex: -1,\r\n inFocus: false,\r\n loading: false,\r\n preventBlur: false,\r\n inputValueWidth: 2,\r\n inputValueHeight: 22,\r\n};\r\n\r\nconst defaultToKey = <T extends any>(item: T): string => item.toString();\r\nconst identity = <T extends any>(item: T): T => item;\r\nconst defaultRenderToken = <T extends any>(\r\n item: T,\r\n { isActive, onClick, onDoubleClick, onRemove, disabled }: Partial<TokenProps>,\r\n) => (\r\n <Token\r\n key={item.toString()}\r\n isActive={isActive}\r\n onClick={onClick}\r\n onDoubleClick={onDoubleClick}\r\n onRemove={onRemove}\r\n disabled={disabled}\r\n >\r\n {item}\r\n </Token>\r\n);\r\n\r\n@locale('TokenInput', TokenInputLocaleHelper)\r\nexport class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {\r\n public static __KONTUR_REACT_UI__ = 'TokenInput';\r\n\r\n public static defaultProps: Partial<TokenInputProps<any>> = {\r\n selectedItems: [],\r\n delimiters: [',', ' '],\r\n renderItem: identity,\r\n renderValue: identity,\r\n valueToString: identity,\r\n valueToItem: (item: string) => item,\r\n toKey: defaultToKey,\r\n onValueChange: () => void 0,\r\n width: 250 as string \| number,\r\n onBlur: emptyHandler,\r\n onFocus: emptyHandler,\r\n onMouseEnter: emptyHandler,\r\n onMouseLeave: emptyHandler,\r\n };\r\n\r\n public state: TokenInputState<T> = DefaultState;\r\n\r\n private readonly locale!: TokenInputLocale;\r\n private theme!: Theme;\r\n private input: HTMLTextAreaElement \| null = null;\r\n private tokensInputMenu: TokenInputMenu<T> \| null = null;\r\n private textHelper: TextWidthHelper \| null = null;\r\n private wrapper: HTMLLabelElement \| null = null;\r\n\r\n public componentDidMount() {\r\n this.updateInputTextWidth();\r\n document.addEventListener('copy', this.handleCopy);\r\n if (this.props.autoFocus) {\r\n this.focusInput();\r\n }\r\n }\r\n\r\n public componentDidUpdate(prevProps: TokenInputProps<T>, prevState: TokenInputState<T>) {\r\n if (prevState.inputValue !== this.state.inputValue) {\r\n this.updateInputTextWidth();\r\n }\r\n if (prevState.activeTokens.length === 0 && this.state.activeTokens.length > 0) {\r\n this.dispatch({\r\n type: 'SET_AUTOCOMPLETE_ITEMS',\r\n payload: undefined,\r\n });\r\n }\r\n if (prevProps.selectedItems.length !== this.props.selectedItems.length) {\r\n LayoutEvents.emit();\r\n }\r\n if (!this.isCursorVisibleForState(prevState) && this.isCursorVisible) {\r\n this.tryGetItems(this.isEditingMode ? '' : this.state.inputValue);\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n document.removeEventListener('copy', this.handleCopy);\r\n }\r\n\r\n public render() {\r\n return (\r\n <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n private renderMain() {\r\n if (this.type !== TokenInputType.WithoutReference && !this.props.getItems) {\r\n throw Error('Missed getItems for type ' + this.type);\r\n }\r\n\r\n const {\r\n selectedItems,\r\n width,\r\n maxMenuHeight,\r\n error,\r\n warning,\r\n disabled,\r\n placeholder,\r\n renderItem,\r\n renderNotFound,\r\n hideMenuIfEmptyInputValue,\r\n onMouseEnter,\r\n onMouseLeave,\r\n inputMode,\r\n } = this.props;\r\n\r\n const {\r\n activeTokens,\r\n inFocus,\r\n inputValueWidth,\r\n inputValue,\r\n reservedInputValue,\r\n autocompleteItems,\r\n loading,\r\n inputValueHeight,\r\n } = this.state;\r\n\r\n const showMenu =\r\n this.type !== TokenInputType.WithoutReference &&\r\n this.isCursorVisible &&\r\n activeTokens.length === 0 &&\r\n (inputValue !== '' \|\| !hideMenuIfEmptyInputValue);\r\n\r\n const theme = this.theme;\r\n\r\n const lineHeight = parseInt(theme.tokenInputLineHeight, 10) \|\| 0;\r\n\r\n const inputInlineStyles: React.CSSProperties = {\r\n // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости\r\n width: inputValueWidth,\r\n height: Math.max(lineHeight, inputValueHeight),\r\n // input растягивается на всю ширину чтобы placeholder не обрезался\r\n flex: selectedItems && selectedItems.length === 0 ? 1 : undefined,\r\n // в ie не работает, но альтернативный способ --- дать tabindex для label --- предположительно ещё сложнее\r\n caretColor: this.isCursorVisible ? undefined : 'transparent',\r\n };\r\n\r\n const labelClassName = cn(jsStyles.label(theme), {\r\n [jsStyles.labelFocused(theme)]: !!inFocus,\r\n [jsStyles.error(theme)]: !!error,\r\n [jsStyles.warning(theme)]: !!warning,\r\n [jsStyles.labelDisabled(theme)]: !!disabled,\r\n });\r\n const inputClassName = cn(jsStyles.input(theme), {\r\n [jsStyles.inputDisabled(theme)]: !!disabled,\r\n [jsStyles.inputEditing(theme)]: this.isEditingMode,\r\n });\r\n\r\n return (\r\n <CommonWrapper {...this.props}>\r\n <div onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\r\n <label\r\n ref={this.wrapperRef}\r\n style={{ width }}\r\n className={labelClassName}\r\n onMouseDown={this.handleWrapperMouseDown}\r\n onMouseUp={this.handleWrapperMouseUp}\r\n >\r\n <TextWidthHelper\r\n ref={this.textHelperRef}\r\n classHelp={cn(jsStyles.helperText(theme), {\r\n [jsStyles.helperTextEditing(theme)]: this.isEditingMode,\r\n })}\r\n text={inputValue}\r\n theme={this.theme}\r\n />\r\n {this.renderTokensStart()}\r\n <textarea\r\n ref={this.inputRef}\r\n value={inputValue}\r\n style={inputInlineStyles}\r\n spellCheck={false}\r\n disabled={disabled}\r\n className={inputClassName}\r\n placeholder={selectedItems.length > 0 ? undefined : placeholder}\r\n onFocus={this.handleInputFocus}\r\n onBlur={this.handleInputBlur}\r\n onChange={this.handleChangeInputValue}\r\n onKeyDown={this.handleKeyDown}\r\n onPaste={this.handleInputPaste}\r\n inputMode={inputMode}\r\n />\r\n {showMenu && (\r\n <TokenInputMenu\r\n ref={this.tokensInputMenuRef}\r\n items={autocompleteItems}\r\n loading={loading}\r\n opened={showMenu}\r\n maxMenuHeight={maxMenuHeight}\r\n anchorElement={this.input!}\r\n renderNotFound={renderNotFound}\r\n renderItem={renderItem}\r\n onValueChange={this.selectItem}\r\n renderAddButton={this.renderAddButton}\r\n />\r\n )}\r\n {this.renderTokensEnd()}\r\n {this.isEditingMode ? <span className={jsStyles.reservedInput(theme)}>{reservedInputValue}</span> : null}\r\n </label>\r\n </div>\r\n </CommonWrapper>\r\n );\r\n }\r\n\r\n /\r\n Сбрасывает введенное пользователем значение\r\n * @public\r\n */\r\n public reset() {\r\n this.dispatch({ type: 'RESET' });\r\n }\r\n\r\n private hasValueInItems = (items: T[], value: T) => {\r\n if (typeof value === 'string') {\r\n return items.includes(value);\r\n }\r\n // todo: как то не очень\r\n return items.some(item => isEqual(item, value));\r\n };\r\n\r\n private get showAddItemHint() {\r\n const items = this.state.autocompleteItems;\r\n const value = this.props.valueToItem(this.state.inputValue);\r\n\r\n if (items && this.hasValueInItems(items, value)) {\r\n return false;\r\n }\r\n\r\n const selectedItems = this.props.selectedItems;\r\n if (selectedItems && this.hasValueInItems(selectedItems, value)) {\r\n return false;\r\n }\r\n\r\n if (this.type === TokenInputType.Combined && this.state.inputValue !== '') {\r\n return true;\r\n }\r\n }\r\n\r\n private get type() {\r\n return this.props.type ? this.props.type : TokenInputType.WithReference;\r\n }\r\n\r\n private get menuRef(): Menu \| null {\r\n return this.tokensInputMenu && this.tokensInputMenu.getMenuRef();\r\n }\r\n\r\n private get isCursorVisible() {\r\n return this.isCursorVisibleForState(this.state);\r\n }\r\n\r\n private get isEditingMode() {\r\n return this.state.editingTokenIndex > -1;\r\n }\r\n\r\n private isCursorVisibleForState(state: TokenInputState<T>) {\r\n return state.inFocus && (state.inputValue !== '' \|\| state.activeTokens.length === 0);\r\n }\r\n\r\n private inputRef = (node: HTMLTextAreaElement) => (this.input = node);\r\n private tokensInputMenuRef = (node: TokenInputMenu<T>) => (this.tokensInputMenu = node);\r\n private textHelperRef = (node: TextWidthHelper) => (this.textHelper = node);\r\n private wrapperRef = (node: HTMLLabelElement) => (this.wrapper = node);\r\n\r\n private dispatch = (action: TokenInputAction, cb?: () => void) => {\r\n this.setState(prevState => tokenInputReducer(prevState, action), cb);\r\n };\r\n\r\n private updateInputTextWidth() {\r\n if (this.textHelper) {\r\n // в IE текст иногда не помещается в input\r\n // из-за округления, поэтому округляем явно\r\n const inputValueWidth = parseFloat(this.textHelper.getTextWidth().toFixed(2));\r\n const inputValueHeight = parseFloat(this.textHelper.getTextHeight().toFixed(2));\r\n\r\n this.dispatch({ type: 'SET_INPUT_VALUE_WIDTH', payload: inputValueWidth }, LayoutEvents.emit);\r\n this.dispatch({ type: 'SET_INPUT_VALUE_HEIGHT', payload: inputValueHeight }, LayoutEvents.emit);\r\n }\r\n }\r\n\r\n private handleInputFocus = (event: FocusEvent<HTMLTextAreaElement>) => {\r\n this.dispatch({ type: 'SET_FOCUS_IN' });\r\n if (this.props.onFocus) {\r\n this.props.onFocus(event);\r\n }\r\n };\r\n\r\n private handleInputBlur = (event: FocusEvent<HTMLTextAreaElement>) => {\r\n const isBlurToMenu = this.isBlurToMenu(event);\r\n\r\n if (!isBlurToMenu) {\r\n this.handleOutsideBlur();\r\n }\r\n\r\n if (isBlurToMenu \|\| this.state.preventBlur) {\r\n event.preventDefault();\r\n // первый focus нужен для предотвращения/уменьшения моргания в других браузерах\r\n this.input!.focus();\r\n // в firefox не работает без второго focus\r\n process.nextTick(() => this.input!.focus());\r\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\r\n } else {\r\n this.dispatch({ type: 'BLUR' });\r\n this.props.onBlur?.(event);\r\n }\r\n };\r\n\r\n private handleOutsideBlur = () => {\r\n const { inputValue, autocompleteItems } = this.state;\r\n const { valueToString } = this.props;\r\n\r\n if (inputValue === '') {\r\n // если стерли содержимое токена в режиме редактирования, то удаляем токен\r\n if (this.isEditingMode) {\r\n this.finishTokenEdit();\r\n }\r\n return;\r\n }\r\n\r\n // если не изменилось значение токена при редактировании\r\n if (this.isEditingMode && !this.isTokenValueChanged) {\r\n this.finishTokenEdit();\r\n return;\r\n }\r\n\r\n // чекаем автокомплит на совпадение с введеным значением в инпут\r\n if (autocompleteItems && autocompleteItems.length === 1) {\r\n const item = autocompleteItems[0];\r\n\r\n if (valueToString(item) === inputValue) {\r\n this.isEditingMode ? this.finishTokenEdit() : this.selectItem(item);\r\n\r\n return;\r\n }\r\n }\r\n\r\n if (this.isInputChanged) this.checkForUnexpectedInput();\r\n };\r\n\r\n private get isInputChanged() {\r\n if (this.isEditingMode) {\r\n return this.isTokenValueChanged;\r\n }\r\n\r\n return this.isInputValueChanged;\r\n }\r\n\r\n private get isInputValueChanged() {\r\n const { inputValue } = this.state;\r\n\r\n return inputValue !== '';\r\n }\r\n\r\n private get isTokenValueChanged() {\r\n const { inputValue, editingTokenIndex } = this.state;\r\n const { selectedItems, valueToString } = this.props;\r\n\r\n if (this.isEditingMode) {\r\n return valueToString(selectedItems[editingTokenIndex]) !== inputValue;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n private isBlurToMenu = (event: FocusEvent<HTMLElement>) => {\r\n if (this.menuRef) {\r\n const menu = findDOMNode(this.menuRef) as HTMLElement \| null;\r\n const relatedTarget = (event.relatedTarget \|\| document.activeElement) as HTMLElement;\r\n\r\n if (menu && menu.contains(relatedTarget)) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n private handleWrapperMouseDown = (event: React.MouseEvent<HTMLElement>) => {\r\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: true });\r\n const target = event.target as HTMLElement;\r\n const isClickOnToken =\r\n target && this.wrapper!.contains(target) && target !== this.wrapper! && target !== this.input!;\r\n if (!isClickOnToken) {\r\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\r\n }\r\n };\r\n\r\n private handleWrapperMouseUp = () => {\r\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\r\n };\r\n\r\n private handleCopy = (event: any) => {\r\n if (!this.state.inFocus \|\| this.state.activeTokens.length === 0 \|\| this.isCursorVisible) {\r\n return;\r\n }\r\n event.preventDefault();\r\n\r\n // упорядочивание токенов по индексу\r\n const tokens = this.state.activeTokens\r\n .map(token => this.props.selectedItems.indexOf(token))\r\n .sort()\r\n .map(index => this.props.selectedItems[index])\r\n .map(item => this.props.valueToString(item));\r\n event.clipboardData.setData('text/plain', tokens.join(this.props.delimiters[0]));\r\n };\r\n\r\n private handleInputPaste = (event: React.ClipboardEvent<HTMLElement>) => {\r\n if (this.type === TokenInputType.WithReference \|\| !event.clipboardData) {\r\n return;\r\n }\r\n let paste = event.clipboardData.getData('text');\r\n const { delimiters } = this.props;\r\n if (delimiters.some(delimiter => paste.includes(delimiter))) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n for (const delimiter of delimiters) {\r\n paste = paste.split(delimiter).join(delimiters[0]);\r\n }\r\n const tokens = paste.split(delimiters[0]);\r\n const items = tokens\r\n .map(token => this.props.valueToItem(token))\r\n .filter(item => !this.hasValueInItems(this.props.selectedItems, item));\r\n const newItems = this.props.selectedItems.concat(items);\r\n this.props.onValueChange(newItems);\r\n\r\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });\r\n this.tryGetItems();\r\n }\r\n };\r\n\r\n private tryGetItems = async (query = '') => {\r\n if (this.props.getItems && (this.state.inputValue !== '' \|\| !this.props.hideMenuIfEmptyInputValue)) {\r\n this.dispatch({ type: 'SET_LOADING', payload: true });\r\n const autocompleteItems = await this.props.getItems(query);\r\n this.dispatch({ type: 'SET_LOADING', payload: false });\r\n\r\n const isSelectedItem = (item: T) => this.hasValueInItems(this.props.selectedItems, item);\r\n const isEditingItem = (item: T) => {\r\n const editingItem = this.props.selectedItems[this.state.editingTokenIndex];\r\n return !!editingItem && isEqual(item, editingItem);\r\n };\r\n\r\n const autocompleteItemsUnique = autocompleteItems.filter(item => !isSelectedItem(item) \|\| isEditingItem(item));\r\n\r\n if (this.isEditingMode) {\r\n const editingItem = this.props.selectedItems[this.state.editingTokenIndex];\r\n if (\r\n isEqual(editingItem, this.props.valueToItem(this.state.inputValue)) &&\r\n !this.hasValueInItems(autocompleteItemsUnique, editingItem)\r\n ) {\r\n autocompleteItemsUnique.unshift(editingItem);\r\n }\r\n }\r\n\r\n if (query === '' \|\| this.state.inputValue !== '') {\r\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: autocompleteItemsUnique }, () => {\r\n LayoutEvents.emit();\r\n this.highlightMenuItem();\r\n });\r\n }\r\n const selectItemIndex = autocompleteItemsUnique.findIndex(\r\n item => this.props.valueToString(item).toLowerCase() === this.state.inputValue.toLowerCase(),\r\n );\r\n if (this.menuRef) {\r\n this.menuRef.highlightItem(selectItemIndex < 0 ? 0 : selectItemIndex);\r\n }\r\n }\r\n };\r\n\r\n private handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\r\n if (this.isCursorVisible) {\r\n this.handleInputKeyDown(event);\r\n } else {\r\n this.handleWrapperKeyDown(event);\r\n }\r\n };\r\n\r\n private handleInputKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\r\n e.stopPropagation();\r\n\r\n if (this.type !== TokenInputType.WithReference && this.props.delimiters.includes(e.key)) {\r\n e.preventDefault();\r\n const newValue = this.state.inputValue;\r\n if (newValue !== '') {\r\n if (this.isEditingMode) {\r\n this.finishTokenEdit();\r\n } else {\r\n this.handleAddItem();\r\n }\r\n }\r\n }\r\n\r\n switch (true) {\r\n case isKeyEnter(e):\r\n if (this.menuRef) {\r\n this.menuRef.enter(e);\r\n }\r\n // don't allow textarea\r\n // became multiline\r\n e.preventDefault();\r\n break;\r\n case isKeyArrowVertical(e):\r\n e.preventDefault();\r\n if (this.menuRef) {\r\n if (isKeyArrowUp(e)) {\r\n this.menuRef.up();\r\n } else {\r\n this.menuRef.down();\r\n }\r\n }\r\n break;\r\n case isKeyEscape(e):\r\n this.input!.blur();\r\n break;\r\n case isKeyBackspace(e):\r\n if (!this.isEditingMode) this.moveFocusToLastToken();\r\n break;\r\n case isKeyArrowLeft(e):\r\n if (this.input!.selectionStart === 0) {\r\n this.moveFocusToLastToken();\r\n }\r\n break;\r\n }\r\n };\r\n\r\n private moveFocusToLastToken() {\r\n const items = this.props.selectedItems;\r\n if (this.state.inputValue === '' && items && items.length > 0) {\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: items.slice(-1) });\r\n }\r\n }\r\n\r\n private focusInput = () => {\r\n process.nextTick(() => this.input!.focus());\r\n };\r\n\r\n private selectInputText = () => {\r\n if (this.input) {\r\n this.input.setSelectionRange(0, this.state.inputValue.length);\r\n }\r\n };\r\n\r\n private handleWrapperKeyDown = (e: KeyboardEvent<HTMLElement>) => {\r\n switch (true) {\r\n case isKeyBackspace(e):\r\n case isKeyDelete(e): {\r\n if (!this.isEditingMode) {\r\n const itemsNew = this.props.selectedItems.filter(\r\n item => !this.hasValueInItems(this.state.activeTokens, item),\r\n );\r\n this.props.onValueChange(itemsNew);\r\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => {\r\n LayoutEvents.emit();\r\n this.input!.focus();\r\n });\r\n }\r\n break;\r\n }\r\n case isKeyArrowHorizontal(e):\r\n this.handleWrapperArrows(e);\r\n break;\r\n case isKeyEscape(e):\r\n this.wrapper!.blur();\r\n break;\r\n case isKeyEnter(e):\r\n e.preventDefault();\r\n if (this.state.activeTokens.length === 1) {\r\n this.handleTokenEdit(this.state.activeTokens[0]);\r\n }\r\n break;\r\n case isShortcutSelectAll(e):\r\n e.preventDefault();\r\n this.dispatch({\r\n type: 'SET_ACTIVE_TOKENS',\r\n payload: this.props.selectedItems,\r\n });\r\n break;\r\n }\r\n };\r\n\r\n private handleWrapperArrows = (e: KeyboardEvent<HTMLElement>) => {\r\n e.preventDefault();\r\n const activeTokens = this.state.activeTokens;\r\n const activeItemIndex = this.props.selectedItems.indexOf(activeTokens[0]);\r\n const newItemIndex = activeItemIndex + (isKeyArrowLeft(e) ? -1 : +1);\r\n const isLeftEdge = activeItemIndex === 0 && isKeyArrowLeft(e);\r\n const isRightEdge = activeItemIndex === this.props.selectedItems.length - 1 && isKeyArrowRight(e);\r\n if (!e.shiftKey && activeTokens.length === 1) {\r\n this.handleWrapperArrowsWithoutShift(isLeftEdge, isRightEdge, newItemIndex);\r\n } else {\r\n this.handleWrapperArrowsWithShift(isLeftEdge, isRightEdge, newItemIndex);\r\n }\r\n };\r\n\r\n private handleWrapperArrowsWithoutShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\r\n if (isRightEdge) {\r\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => this.input!.focus());\r\n } else if (!isLeftEdge) {\r\n this.dispatch({\r\n type: 'SET_ACTIVE_TOKENS',\r\n payload: [this.props.selectedItems[newItemIndex]],\r\n });\r\n }\r\n };\r\n\r\n private handleWrapperArrowsWithShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\r\n if (!isLeftEdge && !isRightEdge) {\r\n const itemNew = this.props.selectedItems[newItemIndex];\r\n const itemsNew = [itemNew, ...this.state.activeTokens.filter(item => !isEqual(item, itemNew))];\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: itemsNew });\r\n }\r\n };\r\n\r\n private handleValueChange = (items: T[]) => {\r\n this.props.onValueChange(items);\r\n };\r\n\r\n private handleAddItem = () => {\r\n const item = this.props.valueToItem(this.state.inputValue);\r\n if (item) {\r\n this.selectItem(item);\r\n }\r\n };\r\n\r\n private selectItem = (item: T) => {\r\n const { selectedItems } = this.props;\r\n\r\n if (this.isEditingMode) {\r\n this.dispatch({ type: 'UPDATE_QUERY', payload: this.props.valueToString(item) }, this.finishTokenEdit);\r\n } else {\r\n if (!this.hasValueInItems(selectedItems, item)) {\r\n this.handleValueChange(selectedItems.concat([item]));\r\n this.dispatch({ type: 'CLEAR_INPUT' });\r\n this.tryGetItems();\r\n }\r\n }\r\n };\r\n\r\n private handleRemoveToken = (item: T) => {\r\n this.props.onValueChange(this.props.selectedItems.filter(_ => !isEqual(_, item)));\r\n const filteredActiveTokens = this.state.activeTokens.filter(_ => !isEqual(_, item));\r\n\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: filteredActiveTokens });\r\n if (filteredActiveTokens.length === 0) {\r\n this.focusInput();\r\n }\r\n\r\n this.tryGetItems();\r\n };\r\n\r\n private handleTokenClick = (event: React.MouseEvent<HTMLElement>, itemNew: T) => {\r\n const items = this.state.activeTokens;\r\n if (event.ctrlKey) {\r\n const newItems = this.hasValueInItems(this.state.activeTokens, itemNew)\r\n ? items.filter(item => !isEqual(item, itemNew))\r\n : [...items, itemNew];\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: newItems });\r\n } else {\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [itemNew] });\r\n }\r\n this.focusInput();\r\n };\r\n\r\n private handleTokenEdit = (itemNew: T) => {\r\n const editingTokenIndex = this.props.selectedItems.findIndex(item => item === itemNew);\r\n this.dispatch({ type: 'SET_EDITING_TOKEN_INDEX', payload: editingTokenIndex });\r\n\r\n if (this.state.inputValue !== '') {\r\n if (this.state.reservedInputValue === undefined)\r\n this.dispatch({ type: 'SET_TEMPORARY_QUERY', payload: this.state.inputValue });\r\n }\r\n this.dispatch({ type: 'UPDATE_QUERY', payload: this.props.valueToString(itemNew) }, this.selectInputText);\r\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\r\n\r\n this.tryGetItems();\r\n };\r\n\r\n private finishTokenEdit = () => {\r\n const { editingTokenIndex, inputValue, reservedInputValue } = this.state;\r\n const { selectedItems, valueToItem } = this.props;\r\n const editedItem = valueToItem(inputValue);\r\n const newItems = selectedItems.concat([]);\r\n\r\n if (!this.hasValueInItems(selectedItems, editedItem)) {\r\n newItems.splice(editingTokenIndex, 1, ...(inputValue !== '' ? [editedItem] : []));\r\n this.handleValueChange(newItems);\r\n }\r\n\r\n this.dispatch({ type: 'REMOVE_EDITING_TOKEN_INDEX' });\r\n\r\n if (reservedInputValue) {\r\n this.dispatch({ type: 'UPDATE_QUERY', payload: reservedInputValue });\r\n this.dispatch({ type: 'REMOVE_TEMPORARY_QUERY' });\r\n } else {\r\n this.dispatch({ type: 'CLEAR_INPUT' });\r\n }\r\n\r\n if (newItems.length === selectedItems.length) {\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [newItems[editingTokenIndex]] });\r\n }\r\n };\r\n\r\n private checkForUnexpectedInput = () => {\r\n const { inputValue } = this.state;\r\n const { onUnexpectedInput } = this.props;\r\n\r\n if (onUnexpectedInput) {\r\n // чекаем не возвращает ли что-нибудь обработчик\r\n const returnedValue = onUnexpectedInput(inputValue);\r\n\r\n if (returnedValue === undefined) {\r\n return;\r\n }\r\n\r\n if (returnedValue === null) {\r\n this.dispatch({ type: 'CLEAR_INPUT' }, () => {\r\n if (this.isEditingMode) {\r\n this.finishTokenEdit();\r\n }\r\n });\r\n\r\n return;\r\n }\r\n\r\n if (returnedValue) {\r\n this.selectItem(returnedValue);\r\n }\r\n }\r\n };\r\n\r\n private handleChangeInputValue = (event: ChangeEvent<HTMLTextAreaElement>) => {\r\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\r\n let query = event.target.value.trimLeft();\r\n\r\n if (query.endsWith(' ')) {\r\n query = query.trimRight() + ' ';\r\n }\r\n if (this.state.inputValue !== '' && query === '') {\r\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });\r\n }\r\n this.dispatch({ type: 'UPDATE_QUERY', payload: query }, () => {\r\n this.tryGetItems(query);\r\n });\r\n if (this.props.onInputValueChange) {\r\n this.props.onInputValueChange(query);\r\n }\r\n };\r\n\r\n private highlightMenuItem = () => {\r\n if (\r\n this.menuRef &&\r\n this.state.autocompleteItems &&\r\n this.state.autocompleteItems.length > 0 &&\r\n this.type !== TokenInputType.Combined\r\n ) {\r\n this.menuRef.highlightItem(0);\r\n }\r\n };\r\n\r\n private renderTokensStart = () => {\r\n const { editingTokenIndex } = this.state;\r\n const { selectedItems } = this.props;\r\n const delimiter = editingTokenIndex >= 0 ? editingTokenIndex : selectedItems.length;\r\n return selectedItems.slice(0, delimiter).map(this.renderToken);\r\n };\r\n\r\n private renderTokensEnd = () => {\r\n if (this.state.editingTokenIndex >= 0) {\r\n return this.props.selectedItems.slice(this.state.editingTokenIndex + 1).map(this.renderToken);\r\n }\r\n };\r\n\r\n private renderToken = (item: T) => {\r\n const { renderToken = defaultRenderToken, disabled } = this.props;\r\n\r\n const isActive = this.state.activeTokens.includes(item);\r\n\r\n // TODO useCallback\r\n const handleIconClick: React.MouseEventHandler<HTMLElement> = event => {\r\n event.stopPropagation();\r\n if (!this.isEditingMode) {\r\n this.handleRemoveToken(item);\r\n }\r\n };\r\n\r\n // TODO useCallback\r\n const handleTokenClick: React.MouseEventHandler<HTMLDivElement> = event => {\r\n event.stopPropagation();\r\n if (!this.isEditingMode) {\r\n this.handleTokenClick(event, item);\r\n }\r\n };\r\n\r\n const handleTokenDoubleClick: React.MouseEventHandler<HTMLDivElement> = event => {\r\n event.stopPropagation();\r\n if (!this.isEditingMode) {\r\n this.handleTokenEdit(item);\r\n }\r\n };\r\n\r\n return renderToken(item, {\r\n isActive,\r\n onClick: handleTokenClick,\r\n onDoubleClick: handleTokenDoubleClick,\r\n onRemove: handleIconClick,\r\n disabled,\r\n });\r\n };\r\n\r\n private renderAddButton = (value = this.state.inputValue): React.ReactNode \| undefined => {\r\n if (!this.showAddItemHint) {\r\n return;\r\n }\r\n\r\n if (this.props.renderAddButton) {\r\n return this.props.renderAddButton(value, this.handleAddItem);\r\n }\r\n\r\n const { addButtonComment, addButtonTitle } = this.locale;\r\n\r\n return (\r\n <MenuItem onClick={this.handleAddItem} comment={addButtonComment} key=\"renderAddButton\">\r\n {addButtonTitle} {value}\r\n </MenuItem>\r\n );\r\n };\r\n}\r\n"]}
1	+ {"version":3,"sources":["TokenInput.tsx"],"names":["TokenInputType","DefaultState","inputValue","reservedInputValue","undefined","autocompleteItems","activeTokens","editingTokenIndex","inFocus","loading","preventBlur","inputValueWidth","inputValueHeight","defaultToKey","item","toString","identity","defaultRenderToken","isActive","onClick","onDoubleClick","onRemove","disabled","TokenInput","TokenInputLocaleHelper","state","locale","theme","input","tokensInputMenu","textHelper","wrapper","hasValueInItems","items","value","includes","some","inputRef","node","tokensInputMenuRef","textHelperRef","wrapperRef","dispatch","action","cb","setState","prevState","handleInputFocus","event","type","props","onFocus","handleInputBlur","isBlurToMenu","handleOutsideBlur","preventDefault","focus","process","nextTick","payload","onBlur","valueToString","isEditingMode","finishTokenEdit","isTokenValueChanged","length","selectItem","isInputChanged","checkForUnexpectedInput","menuRef","menu","relatedTarget","document","activeElement","contains","handleWrapperMouseDown","target","isClickOnToken","handleWrapperMouseUp","handleCopy","isCursorVisible","tokens","map","token","selectedItems","indexOf","sort","index","clipboardData","setData","join","delimiters","handleInputPaste","WithReference","paste","getData","delimiter","stopPropagation","split","valueToItem","filter","newItems","concat","onValueChange","tryGetItems","query","getItems","hideMenuIfEmptyInputValue","isSelectedItem","isEditingItem","editingItem","autocompleteItemsUnique","unshift","LayoutEvents","emit","highlightMenuItem","selectItemIndex","findIndex","toLowerCase","highlightItem","handleKeyDown","handleInputKeyDown","handleWrapperKeyDown","e","key","newValue","handleAddItem","enter","up","down","blur","moveFocusToLastToken","selectionStart","focusInput","selectInputText","setSelectionRange","itemsNew","handleWrapperArrows","handleTokenEdit","activeItemIndex","newItemIndex","isLeftEdge","isRightEdge","shiftKey","handleWrapperArrowsWithoutShift","handleWrapperArrowsWithShift","itemNew","handleValueChange","handleRemoveToken","_","filteredActiveTokens","handleTokenClick","ctrlKey","editedItem","splice","onUnexpectedInput","returnedValue","handleChangeInputValue","trimLeft","endsWith","trimRight","onInputValueChange","Combined","renderTokensStart","slice","renderToken","renderTokensEnd","handleIconClick","handleTokenDoubleClick","renderAddButton","showAddItemHint","addButtonComment","addButtonTitle","componentDidMount","updateInputTextWidth","addEventListener","autoFocus","componentDidUpdate","prevProps","isCursorVisibleForState","componentWillUnmount","removeEventListener","render","renderMain","WithoutReference","Error","width","maxMenuHeight","error","warning","placeholder","renderItem","renderNotFound","onMouseEnter","onMouseLeave","inputMode","showMenu","lineHeight","parseInt","tokenInputLineHeight","inputInlineStyles","height","Math","max","flex","caretColor","labelClassName","jsStyles","label","labelFocused","labelDisabled","inputClassName","inputDisabled","inputEditing","helperText","helperTextEditing","reservedInput","reset","parseFloat","getTextWidth","toFixed","getTextHeight","getMenuRef","isInputValueChanged","React","PureComponent","__KONTUR_REACT_UI__","defaultProps","renderValue","toKey","emptyHandler"],"mappings":"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","sourcesContent":["import React, { ChangeEvent, FocusEvent, FocusEventHandler, KeyboardEvent, MouseEventHandler, ReactNode } from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\nimport isEqual from 'lodash.isequal';\r\nimport cn from 'classnames';\r\n\r\nimport {\r\n isKeyArrowHorizontal,\r\n isKeyArrowLeft,\r\n isKeyArrowRight,\r\n isKeyArrowUp,\r\n isKeyArrowVertical,\r\n isKeyBackspace,\r\n isKeyDelete,\r\n isKeyEnter,\r\n isKeyEscape,\r\n isShortcutSelectAll,\r\n} from '../../lib/events/keyboard/identifiers';\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { Menu } from '../../internal/Menu';\r\nimport { Token, TokenProps } from '../Token';\r\nimport { MenuItemState } from '../MenuItem';\r\nimport { emptyHandler } from '../../lib/utils';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { MenuItem } from '../MenuItem/MenuItem';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { TokenInputLocale, TokenInputLocaleHelper } from './locale';\r\nimport { jsStyles } from './TokenInput.styles';\r\nimport { TokenInputAction, tokenInputReducer } from './TokenInputReducer';\r\nimport { TokenInputMenu } from './TokenInputMenu';\r\nimport { TextWidthHelper } from './TextWidthHelper';\r\n\r\nexport enum TokenInputType {\r\n WithReference,\r\n WithoutReference,\r\n Combined,\r\n}\r\n\r\nexport interface TokenInputProps<T> extends CommonProps {\r\n selectedItems: T[];\r\n onValueChange: (items: T[]) => void;\r\n onMouseEnter: MouseEventHandler<HTMLDivElement>;\r\n onMouseLeave: MouseEventHandler<HTMLDivElement>;\r\n onFocus: FocusEventHandler<HTMLTextAreaElement>;\r\n onBlur: FocusEventHandler<HTMLTextAreaElement>;\r\n autoFocus?: boolean;\r\n type?: TokenInputType;\r\n\r\n /*\r\n Функция поиска элементов, должна возвращать Promise с массивом элементов.\r\n * По умолчанию ожидаются строки.\r\n \r\n Элементы могут быть любого типа. В этом случае необходимо определить\r\n * свойства `renderItem`, `valueToString`\r\n /\r\n getItems?: (query: string) => Promise<T[]>;\r\n hideMenuIfEmptyInputValue?: boolean;\r\n renderItem: (item: T, state: MenuItemState) => React.ReactNode \| null;\r\n renderValue: (item: T) => React.ReactNode;\r\n /\r\n Функция должна возвращать строковое представление токена\r\n * @default item => item\r\n /\r\n valueToString: (item: T) => string;\r\n renderNotFound?: () => React.ReactNode;\r\n valueToItem: (item: string) => T;\r\n toKey: (item: T) => string \| number \| undefined;\r\n placeholder?: string;\r\n delimiters: string[];\r\n error?: boolean;\r\n warning?: boolean;\r\n disabled?: boolean;\r\n width?: string \| number;\r\n maxMenuHeight?: number \| string;\r\n renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;\r\n /\r\n Вызывается при изменении текста в поле ввода,\r\n /\r\n onInputValueChange?: (value: string) => void;\r\n /\r\n Функция отрисовки кнопки добавления в выпадающем списке\r\n /\r\n renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;\r\n /\r\n Функция для обработки ситуации, когда была введена\r\n * строка в инпут и был потерян фокус с компонента\r\n \r\n Функция срабатывает с аргументом инпута строки\r\n \r\n Если при потере фокуса в выпадающем списке будет только один\r\n * элемент и результат `valueToString` с этим элементом будет\r\n * совпадать со значение в текстовом поле, то\r\n * сработает `onValueChange` со значением данного элемента\r\n \r\n Сама функция также может вернуть значение,\r\n * неравное `undefined`, с которым будет вызван `onValueChange`.\r\n * Если возвращаемое значение будет равно `null`,\r\n * то сработает очистка текущего значения инпута,\r\n * а в режиме редактирования токен будет удален\r\n /\r\n onUnexpectedInput?: (value: string) => void \| null \| undefined \| T;\r\n inputMode?: React.HTMLAttributes<HTMLTextAreaElement>['inputMode'];\r\n}\r\n\r\nexport interface TokenInputState<T> {\r\n autocompleteItems?: T[];\r\n activeTokens: T[];\r\n editingTokenIndex: number;\r\n clickedToken?: T;\r\n clickedTokenTimeout?: number;\r\n inFocus?: boolean;\r\n inputValue: string;\r\n reservedInputValue: string \| undefined;\r\n inputValueWidth: number;\r\n inputValueHeight: number;\r\n preventBlur?: boolean;\r\n loading?: boolean;\r\n}\r\n\r\nexport const DefaultState = {\r\n inputValue: '',\r\n reservedInputValue: undefined,\r\n autocompleteItems: undefined,\r\n activeTokens: [],\r\n editingTokenIndex: -1,\r\n inFocus: false,\r\n loading: false,\r\n preventBlur: false,\r\n inputValueWidth: 2,\r\n inputValueHeight: 22,\r\n};\r\n\r\nconst defaultToKey = <T extends any>(item: T): string => item.toString();\r\nconst identity = <T extends any>(item: T): T => item;\r\nconst defaultRenderToken = <T extends any>(\r\n item: T,\r\n { isActive, onClick, onDoubleClick, onRemove, disabled }: Partial<TokenProps>,\r\n) => (\r\n <Token\r\n key={item.toString()}\r\n isActive={isActive}\r\n onClick={onClick}\r\n onDoubleClick={onDoubleClick}\r\n onRemove={onRemove}\r\n disabled={disabled}\r\n >\r\n {item}\r\n </Token>\r\n);\r\n\r\n@locale('TokenInput', TokenInputLocaleHelper)\r\nexport class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {\r\n public static __KONTUR_REACT_UI__ = 'TokenInput';\r\n\r\n public static defaultProps: Partial<TokenInputProps<any>> = {\r\n selectedItems: [],\r\n delimiters: [',', ' '],\r\n renderItem: identity,\r\n renderValue: identity,\r\n valueToString: identity,\r\n valueToItem: (item: string) => item,\r\n toKey: defaultToKey,\r\n onValueChange: () => void 0,\r\n width: 250 as string \| number,\r\n onBlur: emptyHandler,\r\n onFocus: emptyHandler,\r\n onMouseEnter: emptyHandler,\r\n onMouseLeave: emptyHandler,\r\n };\r\n\r\n public state: TokenInputState<T> = DefaultState;\r\n\r\n private readonly locale!: TokenInputLocale;\r\n private theme!: Theme;\r\n private input: HTMLTextAreaElement \| null = null;\r\n private tokensInputMenu: TokenInputMenu<T> \| null = null;\r\n private textHelper: TextWidthHelper \| null = null;\r\n private wrapper: HTMLLabelElement \| null = null;\r\n\r\n public componentDidMount() {\r\n this.updateInputTextWidth();\r\n document.addEventListener('copy', this.handleCopy);\r\n if (this.props.autoFocus) {\r\n this.focusInput();\r\n }\r\n }\r\n\r\n public componentDidUpdate(prevProps: TokenInputProps<T>, prevState: TokenInputState<T>) {\r\n if (prevState.inputValue !== this.state.inputValue) {\r\n this.updateInputTextWidth();\r\n }\r\n if (prevState.activeTokens.length === 0 && this.state.activeTokens.length > 0) {\r\n this.dispatch({\r\n type: 'SET_AUTOCOMPLETE_ITEMS',\r\n payload: undefined,\r\n });\r\n }\r\n if (prevProps.selectedItems.length !== this.props.selectedItems.length) {\r\n LayoutEvents.emit();\r\n }\r\n if (!this.isCursorVisibleForState(prevState) && this.isCursorVisible) {\r\n this.tryGetItems(this.isEditingMode ? '' : this.state.inputValue);\r\n }\r\n }\r\n\r\n public componentWillUnmount() {\r\n document.removeEventListener('copy', this.handleCopy);\r\n }\r\n\r\n public render() {\r\n return (\r\n <ThemeContext.Consumer>\r\n {theme => {\r\n this.theme = theme;\r\n return this.renderMain();\r\n }}\r\n </ThemeContext.Consumer>\r\n );\r\n }\r\n\r\n private renderMain() {\r\n if (this.type !== TokenInputType.WithoutReference && !this.props.getItems) {\r\n throw Error('Missed getItems for type ' + this.type);\r\n }\r\n\r\n const {\r\n selectedItems,\r\n width,\r\n maxMenuHeight,\r\n error,\r\n warning,\r\n disabled,\r\n placeholder,\r\n renderItem,\r\n renderNotFound,\r\n hideMenuIfEmptyInputValue,\r\n onMouseEnter,\r\n onMouseLeave,\r\n inputMode,\r\n } = this.props;\r\n\r\n const {\r\n activeTokens,\r\n inFocus,\r\n inputValueWidth,\r\n inputValue,\r\n reservedInputValue,\r\n autocompleteItems,\r\n loading,\r\n inputValueHeight,\r\n } = this.state;\r\n\r\n const showMenu =\r\n this.type !== TokenInputType.WithoutReference &&\r\n this.isCursorVisible &&\r\n activeTokens.length === 0 &&\r\n (inputValue !== '' \|\| !hideMenuIfEmptyInputValue);\r\n\r\n const theme = this.theme;\r\n\r\n const lineHeight = parseInt(theme.tokenInputLineHeight, 10) \|\| 0;\r\n\r\n const inputInlineStyles: React.CSSProperties = {\r\n // вычисляем ширину чтобы input автоматически перенёсся на следующую строку при необходимости\r\n width: inputValueWidth,\r\n height: Math.max(lineHeight, inputValueHeight),\r\n // input растягивается на всю ширину чтобы placeholder не обрезался\r\n flex: selectedItems && selectedItems.length === 0 ? 1 : undefined,\r\n // в ie не работает, но альтернативный способ --- дать tabindex для label --- предположительно ещё сложнее\r\n caretColor: this.isCursorVisible ? undefined : 'transparent',\r\n };\r\n\r\n const labelClassName = cn(jsStyles.label(theme), {\r\n [jsStyles.labelFocused(theme)]: !!inFocus,\r\n [jsStyles.error(theme)]: !!error,\r\n [jsStyles.warning(theme)]: !!warning,\r\n [jsStyles.labelDisabled(theme)]: !!disabled,\r\n });\r\n const inputClassName = cn(jsStyles.input(theme), {\r\n [jsStyles.inputDisabled(theme)]: !!disabled,\r\n [jsStyles.inputEditing(theme)]: this.isEditingMode,\r\n });\r\n\r\n return (\r\n <CommonWrapper {...this.props}>\r\n <div onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>\r\n <label\r\n ref={this.wrapperRef}\r\n style={{ width }}\r\n className={labelClassName}\r\n onMouseDown={this.handleWrapperMouseDown}\r\n onMouseUp={this.handleWrapperMouseUp}\r\n >\r\n <TextWidthHelper\r\n ref={this.textHelperRef}\r\n classHelp={cn(jsStyles.helperText(theme), {\r\n [jsStyles.helperTextEditing(theme)]: this.isEditingMode,\r\n })}\r\n text={inputValue}\r\n theme={this.theme}\r\n />\r\n {this.renderTokensStart()}\r\n <textarea\r\n ref={this.inputRef}\r\n value={inputValue}\r\n style={inputInlineStyles}\r\n spellCheck={false}\r\n disabled={disabled}\r\n className={inputClassName}\r\n placeholder={selectedItems.length > 0 ? undefined : placeholder}\r\n onFocus={this.handleInputFocus}\r\n onBlur={this.handleInputBlur}\r\n onChange={this.handleChangeInputValue}\r\n onKeyDown={this.handleKeyDown}\r\n onPaste={this.handleInputPaste}\r\n inputMode={inputMode}\r\n />\r\n {showMenu && (\r\n <TokenInputMenu\r\n ref={this.tokensInputMenuRef}\r\n items={autocompleteItems}\r\n loading={loading}\r\n opened={showMenu}\r\n maxMenuHeight={maxMenuHeight}\r\n anchorElement={this.input!}\r\n renderNotFound={renderNotFound}\r\n renderItem={renderItem}\r\n onValueChange={this.selectItem}\r\n renderAddButton={this.renderAddButton}\r\n />\r\n )}\r\n {this.renderTokensEnd()}\r\n {this.isEditingMode ? <span className={jsStyles.reservedInput(theme)}>{reservedInputValue}</span> : null}\r\n </label>\r\n </div>\r\n </CommonWrapper>\r\n );\r\n }\r\n\r\n /\r\n Сбрасывает введенное пользователем значение\r\n * @public\r\n */\r\n public reset() {\r\n this.dispatch({ type: 'RESET' });\r\n }\r\n\r\n private hasValueInItems = (items: T[], value: T) => {\r\n if (typeof value === 'string') {\r\n return items.includes(value);\r\n }\r\n // todo: как то не очень\r\n return items.some(item => isEqual(item, value));\r\n };\r\n\r\n private get showAddItemHint() {\r\n const items = this.state.autocompleteItems;\r\n const value = this.props.valueToItem(this.state.inputValue);\r\n\r\n if (items && this.hasValueInItems(items, value)) {\r\n return false;\r\n }\r\n\r\n const selectedItems = this.props.selectedItems;\r\n if (selectedItems && this.hasValueInItems(selectedItems, value)) {\r\n return false;\r\n }\r\n\r\n if (this.type === TokenInputType.Combined && this.state.inputValue !== '') {\r\n return true;\r\n }\r\n }\r\n\r\n private get type() {\r\n return this.props.type ? this.props.type : TokenInputType.WithReference;\r\n }\r\n\r\n private get menuRef(): Menu \| null {\r\n return this.tokensInputMenu && this.tokensInputMenu.getMenuRef();\r\n }\r\n\r\n private get isCursorVisible() {\r\n return this.isCursorVisibleForState(this.state);\r\n }\r\n\r\n private get isEditingMode() {\r\n return this.state.editingTokenIndex > -1;\r\n }\r\n\r\n private isCursorVisibleForState(state: TokenInputState<T>) {\r\n return state.inFocus && (state.inputValue !== '' \|\| state.activeTokens.length === 0);\r\n }\r\n\r\n private inputRef = (node: HTMLTextAreaElement) => (this.input = node);\r\n private tokensInputMenuRef = (node: TokenInputMenu<T>) => (this.tokensInputMenu = node);\r\n private textHelperRef = (node: TextWidthHelper) => (this.textHelper = node);\r\n private wrapperRef = (node: HTMLLabelElement) => (this.wrapper = node);\r\n\r\n private dispatch = (action: TokenInputAction, cb?: () => void) => {\r\n this.setState(prevState => tokenInputReducer(prevState, action), cb);\r\n };\r\n\r\n private updateInputTextWidth() {\r\n if (this.textHelper) {\r\n // в IE текст иногда не помещается в input\r\n // из-за округления, поэтому округляем явно\r\n const inputValueWidth = parseFloat(this.textHelper.getTextWidth().toFixed(2));\r\n const inputValueHeight = parseFloat(this.textHelper.getTextHeight().toFixed(2));\r\n\r\n this.dispatch({ type: 'SET_INPUT_VALUE_WIDTH', payload: inputValueWidth }, LayoutEvents.emit);\r\n this.dispatch({ type: 'SET_INPUT_VALUE_HEIGHT', payload: inputValueHeight }, LayoutEvents.emit);\r\n }\r\n }\r\n\r\n private handleInputFocus = (event: FocusEvent<HTMLTextAreaElement>) => {\r\n this.dispatch({ type: 'SET_FOCUS_IN' });\r\n if (this.props.onFocus) {\r\n this.props.onFocus(event);\r\n }\r\n };\r\n\r\n private handleInputBlur = (event: FocusEvent<HTMLTextAreaElement>) => {\r\n const isBlurToMenu = this.isBlurToMenu(event);\r\n\r\n if (!isBlurToMenu) {\r\n this.handleOutsideBlur();\r\n }\r\n\r\n if (isBlurToMenu \|\| this.state.preventBlur) {\r\n event.preventDefault();\r\n // первый focus нужен для предотвращения/уменьшения моргания в других браузерах\r\n this.input?.focus();\r\n // в firefox не работает без второго focus\r\n process.nextTick(() => this.input?.focus());\r\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\r\n } else {\r\n this.dispatch({ type: 'BLUR' });\r\n this.props.onBlur?.(event);\r\n }\r\n };\r\n\r\n private handleOutsideBlur = () => {\r\n const { inputValue, autocompleteItems } = this.state;\r\n const { valueToString } = this.props;\r\n\r\n if (inputValue === '') {\r\n // если стерли содержимое токена в режиме редактирования, то удаляем токен\r\n if (this.isEditingMode) {\r\n this.finishTokenEdit();\r\n }\r\n return;\r\n }\r\n\r\n // если не изменилось значение токена при редактировании\r\n if (this.isEditingMode && !this.isTokenValueChanged) {\r\n this.finishTokenEdit();\r\n return;\r\n }\r\n\r\n // чекаем автокомплит на совпадение с введеным значением в инпут\r\n if (autocompleteItems && autocompleteItems.length === 1) {\r\n const item = autocompleteItems[0];\r\n\r\n if (valueToString(item) === inputValue) {\r\n this.isEditingMode ? this.finishTokenEdit() : this.selectItem(item);\r\n\r\n return;\r\n }\r\n }\r\n\r\n if (this.isInputChanged) this.checkForUnexpectedInput();\r\n };\r\n\r\n private get isInputChanged() {\r\n if (this.isEditingMode) {\r\n return this.isTokenValueChanged;\r\n }\r\n\r\n return this.isInputValueChanged;\r\n }\r\n\r\n private get isInputValueChanged() {\r\n const { inputValue } = this.state;\r\n\r\n return inputValue !== '';\r\n }\r\n\r\n private get isTokenValueChanged() {\r\n const { inputValue, editingTokenIndex } = this.state;\r\n const { selectedItems, valueToString } = this.props;\r\n\r\n if (this.isEditingMode) {\r\n return valueToString(selectedItems[editingTokenIndex]) !== inputValue;\r\n }\r\n\r\n return false;\r\n }\r\n\r\n private isBlurToMenu = (event: FocusEvent<HTMLElement>) => {\r\n if (this.menuRef) {\r\n const menu = findDOMNode(this.menuRef) as HTMLElement \| null;\r\n const relatedTarget = (event.relatedTarget \|\| document.activeElement) as HTMLElement;\r\n\r\n if (menu && menu.contains(relatedTarget)) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n };\r\n\r\n private handleWrapperMouseDown = (event: React.MouseEvent<HTMLElement>) => {\r\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: true });\r\n const target = event.target as HTMLElement;\r\n const isClickOnToken =\r\n target && this.wrapper?.contains(target) && target !== this.wrapper! && target !== this.input!;\r\n if (!isClickOnToken) {\r\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\r\n }\r\n };\r\n\r\n private handleWrapperMouseUp = () => {\r\n this.dispatch({ type: 'SET_PREVENT_BLUR', payload: false });\r\n };\r\n\r\n private handleCopy = (event: any) => {\r\n if (!this.state.inFocus \|\| this.state.activeTokens.length === 0 \|\| this.isCursorVisible) {\r\n return;\r\n }\r\n event.preventDefault();\r\n\r\n // упорядочивание токенов по индексу\r\n const tokens = this.state.activeTokens\r\n .map(token => this.props.selectedItems.indexOf(token))\r\n .sort()\r\n .map(index => this.props.selectedItems[index])\r\n .map(item => this.props.valueToString(item));\r\n event.clipboardData.setData('text/plain', tokens.join(this.props.delimiters[0]));\r\n };\r\n\r\n private handleInputPaste = (event: React.ClipboardEvent<HTMLElement>) => {\r\n if (this.type === TokenInputType.WithReference \|\| !event.clipboardData) {\r\n return;\r\n }\r\n let paste = event.clipboardData.getData('text');\r\n const { delimiters } = this.props;\r\n if (delimiters.some(delimiter => paste.includes(delimiter))) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n for (const delimiter of delimiters) {\r\n paste = paste.split(delimiter).join(delimiters[0]);\r\n }\r\n const tokens = paste.split(delimiters[0]);\r\n const items = tokens\r\n .map(token => this.props.valueToItem(token))\r\n .filter(item => !this.hasValueInItems(this.props.selectedItems, item));\r\n const newItems = this.props.selectedItems.concat(items);\r\n this.props.onValueChange(newItems);\r\n\r\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });\r\n this.tryGetItems();\r\n }\r\n };\r\n\r\n private tryGetItems = async (query = '') => {\r\n if (this.props.getItems && (this.state.inputValue !== '' \|\| !this.props.hideMenuIfEmptyInputValue)) {\r\n this.dispatch({ type: 'SET_LOADING', payload: true });\r\n const autocompleteItems = await this.props.getItems(query);\r\n this.dispatch({ type: 'SET_LOADING', payload: false });\r\n\r\n const isSelectedItem = (item: T) => this.hasValueInItems(this.props.selectedItems, item);\r\n const isEditingItem = (item: T) => {\r\n const editingItem = this.props.selectedItems[this.state.editingTokenIndex];\r\n return !!editingItem && isEqual(item, editingItem);\r\n };\r\n\r\n const autocompleteItemsUnique = autocompleteItems.filter(item => !isSelectedItem(item) \|\| isEditingItem(item));\r\n\r\n if (this.isEditingMode) {\r\n const editingItem = this.props.selectedItems[this.state.editingTokenIndex];\r\n if (\r\n isEqual(editingItem, this.props.valueToItem(this.state.inputValue)) &&\r\n !this.hasValueInItems(autocompleteItemsUnique, editingItem)\r\n ) {\r\n autocompleteItemsUnique.unshift(editingItem);\r\n }\r\n }\r\n\r\n if (query === '' \|\| this.state.inputValue !== '') {\r\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: autocompleteItemsUnique }, () => {\r\n LayoutEvents.emit();\r\n this.highlightMenuItem();\r\n });\r\n }\r\n const selectItemIndex = autocompleteItemsUnique.findIndex(\r\n item => this.props.valueToString(item).toLowerCase() === this.state.inputValue.toLowerCase(),\r\n );\r\n if (this.menuRef) {\r\n this.menuRef.highlightItem(selectItemIndex < 0 ? 0 : selectItemIndex);\r\n }\r\n }\r\n };\r\n\r\n private handleKeyDown = (event: KeyboardEvent<HTMLTextAreaElement>) => {\r\n if (this.isCursorVisible) {\r\n this.handleInputKeyDown(event);\r\n } else {\r\n this.handleWrapperKeyDown(event);\r\n }\r\n };\r\n\r\n private handleInputKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\r\n e.stopPropagation();\r\n\r\n if (this.type !== TokenInputType.WithReference && this.props.delimiters.includes(e.key)) {\r\n e.preventDefault();\r\n const newValue = this.state.inputValue;\r\n if (newValue !== '') {\r\n if (this.isEditingMode) {\r\n this.finishTokenEdit();\r\n } else {\r\n this.handleAddItem();\r\n }\r\n }\r\n }\r\n\r\n switch (true) {\r\n case isKeyEnter(e):\r\n if (this.menuRef) {\r\n this.menuRef.enter(e);\r\n }\r\n // don't allow textarea\r\n // became multiline\r\n e.preventDefault();\r\n break;\r\n case isKeyArrowVertical(e):\r\n e.preventDefault();\r\n if (this.menuRef) {\r\n if (isKeyArrowUp(e)) {\r\n this.menuRef.up();\r\n } else {\r\n this.menuRef.down();\r\n }\r\n }\r\n break;\r\n case isKeyEscape(e):\r\n this.input?.blur();\r\n break;\r\n case isKeyBackspace(e):\r\n if (!this.isEditingMode) this.moveFocusToLastToken();\r\n break;\r\n case isKeyArrowLeft(e):\r\n if (this.input?.selectionStart === 0) {\r\n this.moveFocusToLastToken();\r\n }\r\n break;\r\n }\r\n };\r\n\r\n private moveFocusToLastToken() {\r\n const items = this.props.selectedItems;\r\n if (this.state.inputValue === '' && items && items.length > 0) {\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: items.slice(-1) });\r\n }\r\n }\r\n\r\n private focusInput = () => {\r\n process.nextTick(() => this.input?.focus());\r\n };\r\n\r\n private selectInputText = () => {\r\n if (this.input) {\r\n this.input.setSelectionRange(0, this.state.inputValue.length);\r\n }\r\n };\r\n\r\n private handleWrapperKeyDown = (e: KeyboardEvent<HTMLElement>) => {\r\n switch (true) {\r\n case isKeyBackspace(e):\r\n case isKeyDelete(e): {\r\n if (!this.isEditingMode) {\r\n const itemsNew = this.props.selectedItems.filter(\r\n item => !this.hasValueInItems(this.state.activeTokens, item),\r\n );\r\n this.props.onValueChange(itemsNew);\r\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => {\r\n LayoutEvents.emit();\r\n this.input?.focus();\r\n });\r\n }\r\n break;\r\n }\r\n case isKeyArrowHorizontal(e):\r\n this.handleWrapperArrows(e);\r\n break;\r\n case isKeyEscape(e):\r\n this.wrapper?.blur();\r\n break;\r\n case isKeyEnter(e):\r\n e.preventDefault();\r\n if (this.state.activeTokens.length === 1) {\r\n this.handleTokenEdit(this.state.activeTokens[0]);\r\n }\r\n break;\r\n case isShortcutSelectAll(e):\r\n e.preventDefault();\r\n this.dispatch({\r\n type: 'SET_ACTIVE_TOKENS',\r\n payload: this.props.selectedItems,\r\n });\r\n break;\r\n }\r\n };\r\n\r\n private handleWrapperArrows = (e: KeyboardEvent<HTMLElement>) => {\r\n e.preventDefault();\r\n const activeTokens = this.state.activeTokens;\r\n const activeItemIndex = this.props.selectedItems.indexOf(activeTokens[0]);\r\n const newItemIndex = activeItemIndex + (isKeyArrowLeft(e) ? -1 : +1);\r\n const isLeftEdge = activeItemIndex === 0 && isKeyArrowLeft(e);\r\n const isRightEdge = activeItemIndex === this.props.selectedItems.length - 1 && isKeyArrowRight(e);\r\n if (!e.shiftKey && activeTokens.length === 1) {\r\n this.handleWrapperArrowsWithoutShift(isLeftEdge, isRightEdge, newItemIndex);\r\n } else {\r\n this.handleWrapperArrowsWithShift(isLeftEdge, isRightEdge, newItemIndex);\r\n }\r\n };\r\n\r\n private handleWrapperArrowsWithoutShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\r\n if (isRightEdge) {\r\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' }, () => this.input?.focus());\r\n } else if (!isLeftEdge) {\r\n this.dispatch({\r\n type: 'SET_ACTIVE_TOKENS',\r\n payload: [this.props.selectedItems[newItemIndex]],\r\n });\r\n }\r\n };\r\n\r\n private handleWrapperArrowsWithShift = (isLeftEdge: boolean, isRightEdge: boolean, newItemIndex: number) => {\r\n if (!isLeftEdge && !isRightEdge) {\r\n const itemNew = this.props.selectedItems[newItemIndex];\r\n const itemsNew = [itemNew, ...this.state.activeTokens.filter(item => !isEqual(item, itemNew))];\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: itemsNew });\r\n }\r\n };\r\n\r\n private handleValueChange = (items: T[]) => {\r\n this.props.onValueChange(items);\r\n };\r\n\r\n private handleAddItem = () => {\r\n const item = this.props.valueToItem(this.state.inputValue);\r\n if (item) {\r\n this.selectItem(item);\r\n }\r\n };\r\n\r\n private selectItem = (item: T) => {\r\n const { selectedItems } = this.props;\r\n\r\n if (this.isEditingMode) {\r\n this.dispatch({ type: 'UPDATE_QUERY', payload: this.props.valueToString(item) }, this.finishTokenEdit);\r\n } else {\r\n if (!this.hasValueInItems(selectedItems, item)) {\r\n this.handleValueChange(selectedItems.concat([item]));\r\n this.dispatch({ type: 'CLEAR_INPUT' });\r\n this.tryGetItems();\r\n }\r\n }\r\n };\r\n\r\n private handleRemoveToken = (item: T) => {\r\n this.props.onValueChange(this.props.selectedItems.filter(_ => !isEqual(_, item)));\r\n const filteredActiveTokens = this.state.activeTokens.filter(_ => !isEqual(_, item));\r\n\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: filteredActiveTokens });\r\n if (filteredActiveTokens.length === 0) {\r\n this.focusInput();\r\n }\r\n\r\n this.tryGetItems();\r\n };\r\n\r\n private handleTokenClick = (event: React.MouseEvent<HTMLElement>, itemNew: T) => {\r\n const items = this.state.activeTokens;\r\n if (event.ctrlKey) {\r\n const newItems = this.hasValueInItems(this.state.activeTokens, itemNew)\r\n ? items.filter(item => !isEqual(item, itemNew))\r\n : [...items, itemNew];\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: newItems });\r\n } else {\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [itemNew] });\r\n }\r\n this.focusInput();\r\n };\r\n\r\n private handleTokenEdit = (itemNew: T) => {\r\n const editingTokenIndex = this.props.selectedItems.findIndex(item => item === itemNew);\r\n this.dispatch({ type: 'SET_EDITING_TOKEN_INDEX', payload: editingTokenIndex });\r\n\r\n if (this.state.inputValue !== '') {\r\n if (this.state.reservedInputValue === undefined)\r\n this.dispatch({ type: 'SET_TEMPORARY_QUERY', payload: this.state.inputValue });\r\n }\r\n this.dispatch({ type: 'UPDATE_QUERY', payload: this.props.valueToString(itemNew) }, this.selectInputText);\r\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\r\n\r\n this.tryGetItems();\r\n };\r\n\r\n private finishTokenEdit = () => {\r\n const { editingTokenIndex, inputValue, reservedInputValue } = this.state;\r\n const { selectedItems, valueToItem } = this.props;\r\n const editedItem = valueToItem(inputValue);\r\n const newItems = selectedItems.concat([]);\r\n\r\n if (!this.hasValueInItems(selectedItems, editedItem)) {\r\n newItems.splice(editingTokenIndex, 1, ...(inputValue !== '' ? [editedItem] : []));\r\n this.handleValueChange(newItems);\r\n }\r\n\r\n this.dispatch({ type: 'REMOVE_EDITING_TOKEN_INDEX' });\r\n\r\n if (reservedInputValue) {\r\n this.dispatch({ type: 'UPDATE_QUERY', payload: reservedInputValue });\r\n this.dispatch({ type: 'REMOVE_TEMPORARY_QUERY' });\r\n } else {\r\n this.dispatch({ type: 'CLEAR_INPUT' });\r\n }\r\n\r\n if (newItems.length === selectedItems.length) {\r\n this.dispatch({ type: 'SET_ACTIVE_TOKENS', payload: [newItems[editingTokenIndex]] });\r\n }\r\n };\r\n\r\n private checkForUnexpectedInput = () => {\r\n const { inputValue } = this.state;\r\n const { onUnexpectedInput } = this.props;\r\n\r\n if (onUnexpectedInput) {\r\n // чекаем не возвращает ли что-нибудь обработчик\r\n const returnedValue = onUnexpectedInput(inputValue);\r\n\r\n if (returnedValue === undefined) {\r\n return;\r\n }\r\n\r\n if (returnedValue === null) {\r\n this.dispatch({ type: 'CLEAR_INPUT' }, () => {\r\n if (this.isEditingMode) {\r\n this.finishTokenEdit();\r\n }\r\n });\r\n\r\n return;\r\n }\r\n\r\n if (returnedValue) {\r\n this.selectItem(returnedValue);\r\n }\r\n }\r\n };\r\n\r\n private handleChangeInputValue = (event: ChangeEvent<HTMLTextAreaElement>) => {\r\n this.dispatch({ type: 'REMOVE_ALL_ACTIVE_TOKENS' });\r\n let query = event.target.value.trimLeft();\r\n\r\n if (query.endsWith(' ')) {\r\n query = query.trimRight() + ' ';\r\n }\r\n if (this.state.inputValue !== '' && query === '') {\r\n this.dispatch({ type: 'SET_AUTOCOMPLETE_ITEMS', payload: undefined });\r\n }\r\n this.dispatch({ type: 'UPDATE_QUERY', payload: query }, () => {\r\n this.tryGetItems(query);\r\n });\r\n if (this.props.onInputValueChange) {\r\n this.props.onInputValueChange(query);\r\n }\r\n };\r\n\r\n private highlightMenuItem = () => {\r\n if (\r\n this.menuRef &&\r\n this.state.autocompleteItems &&\r\n this.state.autocompleteItems.length > 0 &&\r\n this.type !== TokenInputType.Combined\r\n ) {\r\n this.menuRef.highlightItem(0);\r\n }\r\n };\r\n\r\n private renderTokensStart = () => {\r\n const { editingTokenIndex } = this.state;\r\n const { selectedItems } = this.props;\r\n const delimiter = editingTokenIndex >= 0 ? editingTokenIndex : selectedItems.length;\r\n return selectedItems.slice(0, delimiter).map(this.renderToken);\r\n };\r\n\r\n private renderTokensEnd = () => {\r\n if (this.state.editingTokenIndex >= 0) {\r\n return this.props.selectedItems.slice(this.state.editingTokenIndex + 1).map(this.renderToken);\r\n }\r\n };\r\n\r\n private renderToken = (item: T) => {\r\n const { renderToken = defaultRenderToken, disabled } = this.props;\r\n\r\n const isActive = this.state.activeTokens.includes(item);\r\n\r\n // TODO useCallback\r\n const handleIconClick: React.MouseEventHandler<HTMLElement> = event => {\r\n event.stopPropagation();\r\n if (!this.isEditingMode) {\r\n this.handleRemoveToken(item);\r\n }\r\n };\r\n\r\n // TODO useCallback\r\n const handleTokenClick: React.MouseEventHandler<HTMLDivElement> = event => {\r\n event.stopPropagation();\r\n if (!this.isEditingMode) {\r\n this.handleTokenClick(event, item);\r\n }\r\n };\r\n\r\n const handleTokenDoubleClick: React.MouseEventHandler<HTMLDivElement> = event => {\r\n event.stopPropagation();\r\n if (!this.isEditingMode) {\r\n this.handleTokenEdit(item);\r\n }\r\n };\r\n\r\n return renderToken(item, {\r\n isActive,\r\n onClick: handleTokenClick,\r\n onDoubleClick: handleTokenDoubleClick,\r\n onRemove: handleIconClick,\r\n disabled,\r\n });\r\n };\r\n\r\n private renderAddButton = (value = this.state.inputValue): React.ReactNode \| undefined => {\r\n if (!this.showAddItemHint) {\r\n return;\r\n }\r\n\r\n if (this.props.renderAddButton) {\r\n return this.props.renderAddButton(value, this.handleAddItem);\r\n }\r\n\r\n const { addButtonComment, addButtonTitle } = this.locale;\r\n\r\n return (\r\n <MenuItem onClick={this.handleAddItem} comment={addButtonComment} key=\"renderAddButton\">\r\n {addButtonTitle} {value}\r\n </MenuItem>\r\n );\r\n };\r\n}\r\n"]}

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

@@ -327,11 +327,17 @@ export var ScrollContainer = /*#__PURE__*/function (_React$Component) {
   _proto.getImmediateScrollState = function getImmediateScrollState() {
     if (!this.inner || this.inner.scrollTop === 0) {
       return 'top';
-    } else if (this.inner.scrollTop === this.inner.scrollHeight - this.inner.clientHeight) {
+    } // Zoom in Chrome causes problems
+    // https://github.com/skbkontur/retail-ui/pull/2705
+    var maxScrollPos = this.inner.scrollHeight - this.inner.clientHeight;
+    if (Math.abs(maxScrollPos - this.inner.scrollTop) <= 1) {
       return 'bottom';
-    } else {
-      return 'scroll';
     }
+    return 'scroll';
   };
   return ScrollContainer;

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["ScrollContainer.tsx"],"names":["React","PropTypes","cn","LayoutEvents","getScrollWidth","CommonWrapper","jsStyles","HIDE_SCROLLBAR_OFFSET","MIN_SCROLL_SIZE","ScrollContainer","state","scrollActive","scrollSize","scrollPos","hover","scrolling","scrollState","inner","scroll","refInner","element","props","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","refScroll","handleScrollWheel","handleNativeScroll","event","reflow","onScroll","preventDefault","emit","containerHeight","offsetHeight","contentHeight","scrollHeight","scrollTop","Math","max","getImmediateScrollState","onScrollStateChange","setState","handleScrollMouseDown","target","window","document","initialY","clientY","initialScrollTop","mouseMove","mouseMoveEvent","ratio","deltaY","Object","prototype","hasOwnProperty","call","returnValue","mouseUp","WheelEvent","handleMouseMove","right","currentTarget","getBoundingClientRect","pageX","setHover","handleMouseLeave","componentDidMount","componentDidUpdate","prevProps","render","scrollClass","scrollInvert","Boolean","invert","scrollHover","scrollStyle","top","height","innerStyle","marginRight","paddingRight","maxHeight","scrollBehavior","scrollBehaviour","root","children","scrollTo","maxScroll","offsetTop","minScroll","scrollToTop","scrollToBottom","clientHeight","Component","__KONTUR_REACT_UI__","propTypes","bool","oneOfType","string","number","oneOf","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './ScrollContainer.styles';\r\n\r\nconst HIDE_SCROLLBAR_OFFSET = 30;\r\nconst MIN_SCROLL_SIZE = 20;\r\n\r\nexport type ScrollContainerScrollState = 'top' \| 'scroll' \| 'bottom';\r\n\r\nexport type ScrollBehaviour = 'auto' \| 'smooth';\r\n\r\nexport interface ScrollContainerProps extends CommonProps {\r\n invert?: boolean;\r\n maxHeight?: React.CSSProperties['maxHeight'];\r\n preventWindowScroll?: boolean;\r\n /*\r\n Поведение скролла (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)\r\n * @default 'auto'\r\n /\r\n scrollBehaviour?: ScrollBehaviour;\r\n onScrollStateChange?: (scrollState: ScrollContainerScrollState) => void;\r\n onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;\r\n}\r\n\r\nexport interface ScrollContainerState {\r\n scrollActive: boolean;\r\n hover: boolean;\r\n scrolling: boolean;\r\n scrollSize: number;\r\n scrollPos: number;\r\n scrollState: ScrollContainerScrollState;\r\n}\r\n\r\nexport class ScrollContainer extends React.Component<ScrollContainerProps, ScrollContainerState> {\r\n public static __KONTUR_REACT_UI__ = 'ScrollContainer';\r\n\r\n public static propTypes = {\r\n invert: PropTypes.bool,\r\n maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n scrollBehaviour: PropTypes.oneOf(['auto', 'smooth']),\r\n preventWindowScroll: PropTypes.bool,\r\n onScrollStateChange: PropTypes.func,\r\n };\r\n\r\n public static defaultProps = {\r\n scrollBehaviour: 'auto',\r\n };\r\n\r\n public state: ScrollContainerState = {\r\n scrollActive: false,\r\n scrollSize: 0,\r\n scrollPos: 0,\r\n\r\n // Mouse is moving where big scrollbar can be located.\r\n hover: false,\r\n // True when scroll is following mouse (mouse down on scroll).\r\n scrolling: false,\r\n scrollState: 'top',\r\n };\r\n\r\n private inner: Nullable<HTMLElement>;\r\n private scroll: Nullable<HTMLElement>;\r\n\r\n public componentDidMount() {\r\n this.reflow();\r\n }\r\n\r\n public componentDidUpdate(prevProps: ScrollContainerProps) {\r\n if (this.inner) {\r\n if (prevProps.preventWindowScroll && !this.props.preventWindowScroll) {\r\n this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\r\n }\r\n if (!prevProps.preventWindowScroll && this.props.preventWindowScroll) {\r\n this.inner.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\r\n }\r\n }\r\n this.reflow();\r\n }\r\n\r\n public render() {\r\n const state = this.state;\r\n const props = this.props;\r\n let scroll = null;\r\n\r\n if (state.scrollActive) {\r\n const scrollClass = cn({\r\n [jsStyles.scroll()]: true,\r\n [jsStyles.scrollInvert()]: Boolean(props.invert),\r\n [jsStyles.scrollHover()]: state.hover \|\| state.scrolling,\r\n });\r\n const scrollStyle = {\r\n top: state.scrollPos,\r\n height: state.scrollSize,\r\n };\r\n scroll = (\r\n <div\r\n ref={this.refScroll}\r\n className={scrollClass}\r\n style={scrollStyle}\r\n onMouseDown={this.handleScrollMouseDown}\r\n />\r\n );\r\n }\r\n\r\n const innerStyle: React.CSSProperties = {\r\n // hide vertical scrollbar with a little extra space\r\n marginRight: -1 HIDE_SCROLLBAR_OFFSET,\r\n paddingRight: HIDE_SCROLLBAR_OFFSET - getScrollWidth(),\r\n\r\n maxHeight: props.maxHeight,\r\n scrollBehavior: props.scrollBehaviour,\r\n };\r\n\r\n return (\r\n <CommonWrapper {...this.props}>\r\n <div className={jsStyles.root()} onMouseMove={this.handleMouseMove} onMouseLeave={this.handleMouseLeave}>\r\n {scroll}\r\n <div\r\n data-tid=\"ScrollContainer__inner\"\r\n className={jsStyles.inner()}\r\n style={innerStyle}\r\n ref={this.refInner}\r\n onScroll={this.handleNativeScroll}\r\n >\r\n {props.children}\r\n </div>\r\n </div>\r\n </CommonWrapper>\r\n );\r\n }\r\n\r\n /*\r\n @public\r\n /\r\n public scrollTo(element: HTMLElement) {\r\n if (!element \|\| !this.inner) {\r\n return;\r\n }\r\n const maxScroll = element.offsetTop;\r\n if (this.inner.scrollTop > maxScroll) {\r\n this.inner.scrollTop = maxScroll;\r\n return;\r\n }\r\n\r\n const minScroll = element.offsetTop + element.scrollHeight - this.inner.offsetHeight;\r\n if (this.inner.scrollTop < minScroll) {\r\n this.inner.scrollTop = minScroll;\r\n }\r\n }\r\n\r\n /\r\n @public\r\n /\r\n public scrollToTop() {\r\n if (!this.inner) {\r\n return;\r\n }\r\n this.inner.scrollTop = 0;\r\n }\r\n\r\n /\r\n @public\r\n /\r\n public scrollToBottom() {\r\n if (!this.inner) {\r\n return;\r\n }\r\n this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;\r\n }\r\n\r\n private refInner = (element: HTMLElement \| null) => {\r\n if (!this.inner && element && this.props.preventWindowScroll) {\r\n element.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\r\n }\r\n if (this.inner && !element) {\r\n this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\r\n }\r\n this.inner = element;\r\n };\r\n\r\n private refScroll = (element: HTMLElement \| null) => {\r\n if (!this.scroll && element) {\r\n element.addEventListener('wheel', this.handleScrollWheel, { passive: false });\r\n }\r\n if (this.scroll && !element) {\r\n this.scroll.removeEventListener('wheel', this.handleScrollWheel);\r\n }\r\n this.scroll = element;\r\n };\r\n\r\n private handleNativeScroll = (event: React.UIEvent<HTMLDivElement>) => {\r\n this.reflow();\r\n this.props.onScroll?.(event);\r\n if (this.props.preventWindowScroll) {\r\n event.preventDefault();\r\n return;\r\n }\r\n LayoutEvents.emit();\r\n };\r\n\r\n private reflow = () => {\r\n if (!this.inner) {\r\n return;\r\n }\r\n\r\n const containerHeight = this.inner.offsetHeight;\r\n const contentHeight = this.inner.scrollHeight;\r\n const scrollTop = this.inner.scrollTop;\r\n\r\n const scrollActive = containerHeight < contentHeight;\r\n\r\n if (!scrollActive && !this.state.scrollActive) {\r\n return;\r\n }\r\n\r\n let scrollSize = 0;\r\n let scrollPos = 0;\r\n let scrollState = this.state.scrollState;\r\n\r\n if (scrollActive) {\r\n scrollSize = Math.max((containerHeight / contentHeight) containerHeight, MIN_SCROLL_SIZE);\r\n scrollPos = (scrollTop / (contentHeight - containerHeight)) * (containerHeight - scrollSize);\r\n }\r\n\r\n if (\r\n this.state.scrollActive !== scrollActive \|\|\r\n this.state.scrollSize !== scrollSize \|\|\r\n this.state.scrollPos !== scrollPos\r\n ) {\r\n scrollState = this.getImmediateScrollState();\r\n\r\n if (scrollState !== this.state.scrollState) {\r\n this.props.onScrollStateChange?.(scrollState);\r\n }\r\n\r\n this.setState({\r\n scrollActive,\r\n scrollSize,\r\n scrollPos,\r\n scrollState,\r\n });\r\n }\r\n };\r\n\r\n private handleScrollMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\r\n if (!this.inner) {\r\n return;\r\n }\r\n\r\n const target: Document = window.document;\r\n const initialY = event.clientY;\r\n const initialScrollTop = this.inner.scrollTop;\r\n\r\n const mouseMove = (mouseMoveEvent: MouseEvent) => {\r\n if (!this.inner) {\r\n return;\r\n }\r\n\r\n const ratio =\r\n (this.inner.scrollHeight - this.inner.offsetHeight) / (this.inner.offsetHeight - this.state.scrollSize);\r\n const deltaY = (mouseMoveEvent.clientY - initialY) * ratio;\r\n\r\n this.inner.scrollTop = initialScrollTop + deltaY;\r\n\r\n if (mouseMoveEvent.preventDefault) {\r\n mouseMoveEvent.preventDefault();\r\n }\r\n\r\n if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {\r\n (mouseMoveEvent as MouseEvent & {\r\n returnValue: boolean;\r\n }).returnValue = false;\r\n }\r\n };\r\n\r\n const mouseUp = () => {\r\n target.removeEventListener('mousemove', mouseMove);\r\n target.removeEventListener('mouseup', mouseUp);\r\n this.setState({ scrolling: false });\r\n };\r\n\r\n target.addEventListener('mousemove', mouseMove);\r\n target.addEventListener('mouseup', mouseUp);\r\n this.setState({ scrolling: true });\r\n\r\n event.preventDefault();\r\n };\r\n\r\n private handleScrollWheel = (event: Event) => {\r\n if (!this.inner \|\| !(event instanceof WheelEvent)) {\r\n return;\r\n }\r\n\r\n if (event.deltaY > 0 && this.inner.scrollHeight <= this.inner.scrollTop + this.inner.offsetHeight) {\r\n return;\r\n }\r\n if (event.deltaY < 0 && this.inner.scrollTop <= 0) {\r\n return;\r\n }\r\n\r\n this.inner.scrollTop += event.deltaY;\r\n event.preventDefault();\r\n };\r\n\r\n private handleInnerScrollWheel = (event: Event) => {\r\n if (!this.inner \|\| !(event instanceof WheelEvent)) {\r\n return;\r\n }\r\n\r\n if (this.state.scrollActive) {\r\n if (event.deltaY > 0 && this.inner.scrollHeight <= this.inner.scrollTop + this.inner.offsetHeight) {\r\n event.preventDefault();\r\n return false;\r\n }\r\n if (event.deltaY < 0 && this.inner.scrollTop <= 0) {\r\n event.preventDefault();\r\n return false;\r\n }\r\n }\r\n };\r\n\r\n private handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\r\n const right = event.currentTarget.getBoundingClientRect().right - event.pageX;\r\n this.setHover(right <= 12);\r\n };\r\n\r\n private handleMouseLeave = () => {\r\n this.setHover(false);\r\n };\r\n\r\n private setHover(hover: boolean) {\r\n if (this.state.hover !== hover) {\r\n this.setState({ hover });\r\n }\r\n }\r\n\r\n private getImmediateScrollState(): ScrollContainerScrollState {\r\n if (!this.inner \|\| this.inner.scrollTop === 0) {\r\n return 'top';\r\n } else if (this.inner.scrollTop === this.inner.scrollHeight - this.inner.clientHeight) {\r\n return 'bottom';\r\n } else {\r\n return 'scroll';\r\n }\r\n }\r\n}\r\n"]}
1	+ {"version":3,"sources":["ScrollContainer.tsx"],"names":["React","PropTypes","cn","LayoutEvents","getScrollWidth","CommonWrapper","jsStyles","HIDE_SCROLLBAR_OFFSET","MIN_SCROLL_SIZE","ScrollContainer","state","scrollActive","scrollSize","scrollPos","hover","scrolling","scrollState","inner","scroll","refInner","element","props","preventWindowScroll","addEventListener","handleInnerScrollWheel","passive","removeEventListener","refScroll","handleScrollWheel","handleNativeScroll","event","reflow","onScroll","preventDefault","emit","containerHeight","offsetHeight","contentHeight","scrollHeight","scrollTop","Math","max","getImmediateScrollState","onScrollStateChange","setState","handleScrollMouseDown","target","window","document","initialY","clientY","initialScrollTop","mouseMove","mouseMoveEvent","ratio","deltaY","Object","prototype","hasOwnProperty","call","returnValue","mouseUp","WheelEvent","handleMouseMove","right","currentTarget","getBoundingClientRect","pageX","setHover","handleMouseLeave","componentDidMount","componentDidUpdate","prevProps","render","scrollClass","scrollInvert","Boolean","invert","scrollHover","scrollStyle","top","height","innerStyle","marginRight","paddingRight","maxHeight","scrollBehavior","scrollBehaviour","root","children","scrollTo","maxScroll","offsetTop","minScroll","scrollToTop","scrollToBottom","maxScrollPos","clientHeight","abs","Component","__KONTUR_REACT_UI__","propTypes","bool","oneOfType","string","number","oneOf","func","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nimport * as LayoutEvents from '../../lib/LayoutEvents';\r\nimport { getScrollWidth } from '../../lib/dom/getScrollWidth';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './ScrollContainer.styles';\r\n\r\nconst HIDE_SCROLLBAR_OFFSET = 30;\r\nconst MIN_SCROLL_SIZE = 20;\r\n\r\nexport type ScrollContainerScrollState = 'top' \| 'scroll' \| 'bottom';\r\n\r\nexport type ScrollBehaviour = 'auto' \| 'smooth';\r\n\r\nexport interface ScrollContainerProps extends CommonProps {\r\n invert?: boolean;\r\n maxHeight?: React.CSSProperties['maxHeight'];\r\n preventWindowScroll?: boolean;\r\n /*\r\n Поведение скролла (https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior)\r\n * @default 'auto'\r\n /\r\n scrollBehaviour?: ScrollBehaviour;\r\n onScrollStateChange?: (scrollState: ScrollContainerScrollState) => void;\r\n onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;\r\n}\r\n\r\nexport interface ScrollContainerState {\r\n scrollActive: boolean;\r\n hover: boolean;\r\n scrolling: boolean;\r\n scrollSize: number;\r\n scrollPos: number;\r\n scrollState: ScrollContainerScrollState;\r\n}\r\n\r\nexport class ScrollContainer extends React.Component<ScrollContainerProps, ScrollContainerState> {\r\n public static __KONTUR_REACT_UI__ = 'ScrollContainer';\r\n\r\n public static propTypes = {\r\n invert: PropTypes.bool,\r\n maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\r\n scrollBehaviour: PropTypes.oneOf(['auto', 'smooth']),\r\n preventWindowScroll: PropTypes.bool,\r\n onScrollStateChange: PropTypes.func,\r\n };\r\n\r\n public static defaultProps = {\r\n scrollBehaviour: 'auto',\r\n };\r\n\r\n public state: ScrollContainerState = {\r\n scrollActive: false,\r\n scrollSize: 0,\r\n scrollPos: 0,\r\n\r\n // Mouse is moving where big scrollbar can be located.\r\n hover: false,\r\n // True when scroll is following mouse (mouse down on scroll).\r\n scrolling: false,\r\n scrollState: 'top',\r\n };\r\n\r\n private inner: Nullable<HTMLElement>;\r\n private scroll: Nullable<HTMLElement>;\r\n\r\n public componentDidMount() {\r\n this.reflow();\r\n }\r\n\r\n public componentDidUpdate(prevProps: ScrollContainerProps) {\r\n if (this.inner) {\r\n if (prevProps.preventWindowScroll && !this.props.preventWindowScroll) {\r\n this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\r\n }\r\n if (!prevProps.preventWindowScroll && this.props.preventWindowScroll) {\r\n this.inner.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\r\n }\r\n }\r\n this.reflow();\r\n }\r\n\r\n public render() {\r\n const state = this.state;\r\n const props = this.props;\r\n let scroll = null;\r\n\r\n if (state.scrollActive) {\r\n const scrollClass = cn({\r\n [jsStyles.scroll()]: true,\r\n [jsStyles.scrollInvert()]: Boolean(props.invert),\r\n [jsStyles.scrollHover()]: state.hover \|\| state.scrolling,\r\n });\r\n const scrollStyle = {\r\n top: state.scrollPos,\r\n height: state.scrollSize,\r\n };\r\n scroll = (\r\n <div\r\n ref={this.refScroll}\r\n className={scrollClass}\r\n style={scrollStyle}\r\n onMouseDown={this.handleScrollMouseDown}\r\n />\r\n );\r\n }\r\n\r\n const innerStyle: React.CSSProperties = {\r\n // hide vertical scrollbar with a little extra space\r\n marginRight: -1 HIDE_SCROLLBAR_OFFSET,\r\n paddingRight: HIDE_SCROLLBAR_OFFSET - getScrollWidth(),\r\n\r\n maxHeight: props.maxHeight,\r\n scrollBehavior: props.scrollBehaviour,\r\n };\r\n\r\n return (\r\n <CommonWrapper {...this.props}>\r\n <div className={jsStyles.root()} onMouseMove={this.handleMouseMove} onMouseLeave={this.handleMouseLeave}>\r\n {scroll}\r\n <div\r\n data-tid=\"ScrollContainer__inner\"\r\n className={jsStyles.inner()}\r\n style={innerStyle}\r\n ref={this.refInner}\r\n onScroll={this.handleNativeScroll}\r\n >\r\n {props.children}\r\n </div>\r\n </div>\r\n </CommonWrapper>\r\n );\r\n }\r\n\r\n /*\r\n @public\r\n /\r\n public scrollTo(element: HTMLElement) {\r\n if (!element \|\| !this.inner) {\r\n return;\r\n }\r\n const maxScroll = element.offsetTop;\r\n if (this.inner.scrollTop > maxScroll) {\r\n this.inner.scrollTop = maxScroll;\r\n return;\r\n }\r\n\r\n const minScroll = element.offsetTop + element.scrollHeight - this.inner.offsetHeight;\r\n if (this.inner.scrollTop < minScroll) {\r\n this.inner.scrollTop = minScroll;\r\n }\r\n }\r\n\r\n /\r\n @public\r\n /\r\n public scrollToTop() {\r\n if (!this.inner) {\r\n return;\r\n }\r\n this.inner.scrollTop = 0;\r\n }\r\n\r\n /\r\n @public\r\n /\r\n public scrollToBottom() {\r\n if (!this.inner) {\r\n return;\r\n }\r\n this.inner.scrollTop = this.inner.scrollHeight - this.inner.offsetHeight;\r\n }\r\n\r\n private refInner = (element: HTMLElement \| null) => {\r\n if (!this.inner && element && this.props.preventWindowScroll) {\r\n element.addEventListener('wheel', this.handleInnerScrollWheel, { passive: false });\r\n }\r\n if (this.inner && !element) {\r\n this.inner.removeEventListener('wheel', this.handleInnerScrollWheel);\r\n }\r\n this.inner = element;\r\n };\r\n\r\n private refScroll = (element: HTMLElement \| null) => {\r\n if (!this.scroll && element) {\r\n element.addEventListener('wheel', this.handleScrollWheel, { passive: false });\r\n }\r\n if (this.scroll && !element) {\r\n this.scroll.removeEventListener('wheel', this.handleScrollWheel);\r\n }\r\n this.scroll = element;\r\n };\r\n\r\n private handleNativeScroll = (event: React.UIEvent<HTMLDivElement>) => {\r\n this.reflow();\r\n this.props.onScroll?.(event);\r\n if (this.props.preventWindowScroll) {\r\n event.preventDefault();\r\n return;\r\n }\r\n LayoutEvents.emit();\r\n };\r\n\r\n private reflow = () => {\r\n if (!this.inner) {\r\n return;\r\n }\r\n\r\n const containerHeight = this.inner.offsetHeight;\r\n const contentHeight = this.inner.scrollHeight;\r\n const scrollTop = this.inner.scrollTop;\r\n\r\n const scrollActive = containerHeight < contentHeight;\r\n\r\n if (!scrollActive && !this.state.scrollActive) {\r\n return;\r\n }\r\n\r\n let scrollSize = 0;\r\n let scrollPos = 0;\r\n let scrollState = this.state.scrollState;\r\n\r\n if (scrollActive) {\r\n scrollSize = Math.max((containerHeight / contentHeight) containerHeight, MIN_SCROLL_SIZE);\r\n scrollPos = (scrollTop / (contentHeight - containerHeight)) * (containerHeight - scrollSize);\r\n }\r\n\r\n if (\r\n this.state.scrollActive !== scrollActive \|\|\r\n this.state.scrollSize !== scrollSize \|\|\r\n this.state.scrollPos !== scrollPos\r\n ) {\r\n scrollState = this.getImmediateScrollState();\r\n\r\n if (scrollState !== this.state.scrollState) {\r\n this.props.onScrollStateChange?.(scrollState);\r\n }\r\n\r\n this.setState({\r\n scrollActive,\r\n scrollSize,\r\n scrollPos,\r\n scrollState,\r\n });\r\n }\r\n };\r\n\r\n private handleScrollMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\r\n if (!this.inner) {\r\n return;\r\n }\r\n\r\n const target: Document = window.document;\r\n const initialY = event.clientY;\r\n const initialScrollTop = this.inner.scrollTop;\r\n\r\n const mouseMove = (mouseMoveEvent: MouseEvent) => {\r\n if (!this.inner) {\r\n return;\r\n }\r\n\r\n const ratio =\r\n (this.inner.scrollHeight - this.inner.offsetHeight) / (this.inner.offsetHeight - this.state.scrollSize);\r\n const deltaY = (mouseMoveEvent.clientY - initialY) * ratio;\r\n\r\n this.inner.scrollTop = initialScrollTop + deltaY;\r\n\r\n if (mouseMoveEvent.preventDefault) {\r\n mouseMoveEvent.preventDefault();\r\n }\r\n\r\n if (Object.prototype.hasOwnProperty.call(mouseMoveEvent, 'returnValue')) {\r\n (mouseMoveEvent as MouseEvent & {\r\n returnValue: boolean;\r\n }).returnValue = false;\r\n }\r\n };\r\n\r\n const mouseUp = () => {\r\n target.removeEventListener('mousemove', mouseMove);\r\n target.removeEventListener('mouseup', mouseUp);\r\n this.setState({ scrolling: false });\r\n };\r\n\r\n target.addEventListener('mousemove', mouseMove);\r\n target.addEventListener('mouseup', mouseUp);\r\n this.setState({ scrolling: true });\r\n\r\n event.preventDefault();\r\n };\r\n\r\n private handleScrollWheel = (event: Event) => {\r\n if (!this.inner \|\| !(event instanceof WheelEvent)) {\r\n return;\r\n }\r\n\r\n if (event.deltaY > 0 && this.inner.scrollHeight <= this.inner.scrollTop + this.inner.offsetHeight) {\r\n return;\r\n }\r\n if (event.deltaY < 0 && this.inner.scrollTop <= 0) {\r\n return;\r\n }\r\n\r\n this.inner.scrollTop += event.deltaY;\r\n event.preventDefault();\r\n };\r\n\r\n private handleInnerScrollWheel = (event: Event) => {\r\n if (!this.inner \|\| !(event instanceof WheelEvent)) {\r\n return;\r\n }\r\n\r\n if (this.state.scrollActive) {\r\n if (event.deltaY > 0 && this.inner.scrollHeight <= this.inner.scrollTop + this.inner.offsetHeight) {\r\n event.preventDefault();\r\n return false;\r\n }\r\n if (event.deltaY < 0 && this.inner.scrollTop <= 0) {\r\n event.preventDefault();\r\n return false;\r\n }\r\n }\r\n };\r\n\r\n private handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\r\n const right = event.currentTarget.getBoundingClientRect().right - event.pageX;\r\n this.setHover(right <= 12);\r\n };\r\n\r\n private handleMouseLeave = () => {\r\n this.setHover(false);\r\n };\r\n\r\n private setHover(hover: boolean) {\r\n if (this.state.hover !== hover) {\r\n this.setState({ hover });\r\n }\r\n }\r\n\r\n private getImmediateScrollState(): ScrollContainerScrollState {\r\n if (!this.inner \|\| this.inner.scrollTop === 0) {\r\n return 'top';\r\n }\r\n\r\n // Zoom in Chrome causes problems\r\n // https://github.com/skbkontur/retail-ui/pull/2705\r\n const maxScrollPos = this.inner.scrollHeight - this.inner.clientHeight;\r\n if (Math.abs(maxScrollPos - this.inner.scrollTop) <= 1) {\r\n return 'bottom';\r\n }\r\n\r\n return 'scroll';\r\n }\r\n}\r\n"]}