@skbkontur/react-ui 4.7.0-revert-datatids → 4.8.0-revert-datatids

package/components/CurrencyInput/CurrencyInput/CurrencyInput.js

@@ -444,6 +444,12 @@ var CurrencyInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
       this.setState(this.getState(value, fractionDigits, hideTrailingZeros));
     }
 
+    if (isNonNullable(prevProps.value) && isNullable(value)) {
+      this.setState({
+        formatted: ''
+      });
+    }
+
     if (this.state.focused && this.input) {
       var _this$state$selection = this.state.selection,
           start = _this$state$selection.start,
@@ -495,7 +501,7 @@ var CurrencyInput = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (
   signed: PropTypes.bool,
   size: PropTypes.oneOf(['small', 'medium', 'large']),
   value: function value(props) {
-    warning(isValidNumber(props.value), "[CurrencyInput]: Prop value is not a valid number");
+    warning(isValidNumber(props.value), '[CurrencyInput]: Prop `value` is not a valid number');
   },
   warning: PropTypes.bool,
   width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),

package/components/CurrencyInput/CurrencyInput/CurrencyInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CurrencyInput.tsx"],"names":["React","PropTypes","warning","debounce","isNonNullable","isNullable","isIE11","Input","CommonWrapper","rootNode","createPropsGetter","MAX_SAFE_DIGITS","SelectionHelper","CurrencyHelper","CurrencyInputHelper","CURRENCY_INPUT_ACTIONS","extractAction","CurrencyInput","getProps","defaultProps","state","getState","value","fractionDigits","hideTrailingZeros","focused","tempSelectionForOnChange","fromPosition","renderMain","props","signed","onSubmit","integerDigits","rest","align","formatted","handleBlur","handleFocus","handleMouseUp","handleKeyDown","handleValueChange","handlePaste","handleCopy","handleCut","onMouseEnter","onMouseLeave","onMouseOver","refInput","getPlaceholder","focus","input","blur","debouncedSetSelectionFromEvent","setSelectionFromEvent","event","persist","selection","getSelection","target","onKeyDown","defaultPrevented","action","Ignore","Unknown","preventDefault","Submit","Backspace","inputValue","moveCursor","end","Delete","start","MoveCursorLeft","MoveCursorRight","Home","setState","End","length","ExtendSelectionLeft","extendSelection","ExtendSelectionRight","FullSelection","forward","ExtendSelectionToStart","backward","ExtendSelectionToEnd","inputEnd","Comma","scrollInput","node","getNode","scrollWidth","clientWidth","PAD","SHIFT","selected","position","direction","charsCount","charWidth","frame","Math","ceil","frameStart","scrollLeft","frameEnd","getInputSelectionFromEvent","step","extended","result","safeInsert","unsigned","parsedValue","parse","onValueChange","blink","getOnChangeDelta","oldValue","substring","substr","delta","data","clipboardData","getData","formatForClipboard","setData","selectionStart","selectionEnd","selectionDirection","valueLength","onFocus","onBlur","element","componentDidMount","maxLength","undefined","componentDidUpdate","prevProps","prevState","isValidNumber","isNumeric","Number","setSelectionRange","render","setRootNode","format","normilized","normalizeSelection","PureComponent","__KONTUR_REACT_UI__","propTypes","oneOf","autoFocus","bool","borderless","disabled","error","number","leftIcon","placeholder","string","size","width","oneOfType","func","isRequired","inputMode","HTMLInputElement","Error","isNaN","parseFloat","isFinite"],"mappings":"+VAAA;AACA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,SAApB;AACA,OAAOC,QAAP,MAAqB,iBAArB;;AAEA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,iBAA1C;AACA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,KAAT,QAAkC,UAAlC;;AAEA,SAAsBC,aAAtB,QAAmE,8BAAnE;AACA,SAAuBC,QAAvB,QAAuC,oBAAvC;AACA,SAASC,iBAAT,QAAkC,6BAAlC;;AAEA,SAASC,eAAT,QAAgC,aAAhC;AACA,SAAwCC,eAAxC,QAA+D,mBAA/D;AACA,SAASC,cAAT,QAA+B,kBAA/B;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SAASC,sBAAT,EAAiCC,aAAjC,QAAsD,gCAAtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,OATA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAEA,IAAaC,aAAb,GADCR,QACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCUS,IAAAA,QArCV,GAqCqBR,iBAAiB,CAACO,aAAa,CAACE,YAAf,CArCtC;;AAuCSC,IAAAA,KAvCT;AAwCO,UAAKC,QAAL,CAAc,MAAKH,QAAL,GAAgBI,KAA9B,EAAqC,MAAKJ,QAAL,GAAgBK,cAArD,EAAqE,MAAKL,QAAL,GAAgBM,iBAArF,CAxCP;AAyCIC,MAAAA,OAAO,EAAE,KAzCb;;;;AA6CUC,IAAAA,wBA7CV,GA6CgDd,eAAe,CAACe,YAAhB,CAA6B,CAA7B,CA7ChD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFSC,IAAAA,UAxFT,GAwFsB,UAACC,KAAD,EAAuD;AACzE,UAAQN,cAAR,GAAwFM,KAAxF,CAAQN,cAAR,CAAwBO,MAAxB,GAAwFD,KAAxF,CAAwBC,MAAxB,CAAgCC,QAAhC,GAAwFF,KAAxF,CAAgCE,QAAhC,CAA0CC,aAA1C,GAAwFH,KAAxF,CAA0CG,aAA1C,CAAyDR,iBAAzD,GAAwFK,KAAxF,CAAyDL,iBAAzD,CAA+ES,IAA/E,iCAAwFJ,KAAxF;;AAEA;AACE,4BAAC,KAAD;AACMI,QAAAA,IADN;AAEE,UAAA,KAAK,EAAE,MAAKf,QAAL,GAAgBgB,KAFzB;AAGE,UAAA,KAAK,EAAE,MAAKd,KAAL,CAAWe,SAHpB;AAIE,UAAA,MAAM,EAAE,MAAKC,UAJf;AAKE,UAAA,OAAO,EAAE,MAAKC,WALhB;AAME,UAAA,SAAS,EAAE,MAAKC,aANlB;AAOE,UAAA,SAAS,EAAE,MAAKC,aAPlB;AAQE,UAAA,aAAa,EAAE,MAAKC,iBARtB;AASE,UAAA,OAAO,EAAE,MAAKC,WAThB;AAUE,UAAA,MAAM,EAAE,MAAKC,UAVf;AAWE,UAAA,KAAK,EAAE,MAAKC,SAXd;AAYE,UAAA,YAAY,EAAE,MAAKd,KAAL,CAAWe,YAZ3B;AAaE,UAAA,YAAY,EAAE,MAAKf,KAAL,CAAWgB,YAb3B;AAcE,UAAA,WAAW,EAAE,MAAKhB,KAAL,CAAWiB,WAd1B;AAeE,UAAA,GAAG,EAAE,MAAKC,QAfZ;AAgBE,UAAA,WAAW,EAAE,MAAK3B,KAAL,CAAWK,OAAX,GAAqB,EAArB,GAA0BuB,cAAc,CAACnB,KAAD,CAhBvD,IADF;;;AAoBD,KA/GH;;;;;AAoHSoB,IAAAA,KApHT,GAoHiB,YAAM;AACnB,UAAI,MAAKC,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWD,KAAX;AACD;AACF,KAxHH;;;;;AA6HSE,IAAAA,IA7HT,GA6HgB,YAAM;AAClB,UAAI,MAAKD,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWC,IAAX;AACD;AACF,KAjIH;;;;;;;;;;;;;;;;AAiJmBC,IAAAA,8BAjJnB,GAiJoDjD,QAAQ,CAAC,MAAKkD,qBAAN,EAA6B,GAA7B,CAjJ5D;;AAmJUf,IAAAA,aAnJV,GAmJ0B,UAACgB,KAAD,EAA+C;AACrE,UAAIhD,MAAJ,EAAY;AACVgD,QAAAA,KAAK,CAACC,OAAN;AACA,cAAKH,8BAAL,CAAoCE,KAApC;AACD,OAHD,MAGO;AACL,cAAKD,qBAAL,CAA2BC,KAA3B;AACD;AACF,KA1JH;;AA4JUf,IAAAA,aA5JV,GA4J0B,UAACe,KAAD,EAAkD;AACxE,UAAME,SAAS,GAAG,MAAKC,YAAL,CAAkBH,KAAK,CAACI,MAAxB,CAAlB;AACA,YAAKhC,wBAAL,GAAgC8B,SAAhC;;AAEA,UAAI,MAAK3B,KAAL,CAAW8B,SAAf,EAA0B;AACxB,cAAK9B,KAAL,CAAW8B,SAAX,CAAqBL,KAArB;AACA,YAAIA,KAAK,CAACM,gBAAV,EAA4B;AAC1B;AACD;AACF;;AAED,UAAMC,MAAM,GAAG7C,aAAa,CAACsC,KAAD,CAA5B;;AAEA,UAAIO,MAAM,KAAK9C,sBAAsB,CAAC+C,MAAtC,EAA8C;AAC5C;AACD;;AAED,UAAID,MAAM,KAAK9C,sBAAsB,CAACgD,OAAtC,EAA+C;AAC7CT,QAAAA,KAAK,CAACU,cAAN;AACD;;AAED,cAAQH,MAAR;AACE,aAAK9C,sBAAsB,CAACkD,MAA5B,CAAoC;AAClC,gBAAI,MAAKpC,KAAL,CAAWE,QAAf,EAAyB;AACvB,oBAAKF,KAAL,CAAWE,QAAX;AACD;AACD;AACD;AACD,aAAKhB,sBAAsB,CAACmD,SAA5B,CAAuC;AACrC,kBAAKC,UAAL,CAAgBrD,mBAAmB,CAACsD,UAApB,CAA+B,MAAKhD,KAAL,CAAWe,SAA1C,EAAqDqB,SAArD,EAAgE,CAAC,CAAjE,CAAhB,EAAqFA,SAAS,CAACa,GAA/F,EAAoG,EAApG;AACA;AACD;AACD,aAAKtD,sBAAsB,CAACuD,MAA5B,CAAoC;AAClC,kBAAKH,UAAL,CAAgBX,SAAS,CAACe,KAA1B,EAAiCzD,mBAAmB,CAACsD,UAApB,CAA+B,MAAKhD,KAAL,CAAWe,SAA1C,EAAqDqB,SAArD,EAAgE,CAAC,CAAjE,CAAjC,EAAsG,EAAtG;AACA;AACD;AACD,aAAKzC,sBAAsB,CAACyD,cAA5B,CAA4C;AAC1C,kBAAKJ,UAAL,CAAgBZ,SAAhB,EAA2B,CAAC,CAA5B;AACA;AACD;AACD,aAAKzC,sBAAsB,CAAC0D,eAA5B,CAA6C;AAC3C,kBAAKL,UAAL,CAAgBZ,SAAhB,EAA2B,CAAC,CAA5B;AACA;AACD;AACD,aAAKzC,sBAAsB,CAAC2D,IAA5B,CAAkC;AAChC,kBAAKC,QAAL,CAAc,EAAEnB,SAAS,EAAE5C,eAAe,CAACe,YAAhB,CAA6B,CAA7B,CAAb,EAAd;AACA;AACD;AACD,aAAKZ,sBAAsB,CAAC6D,GAA5B,CAAiC;AAC/B,gBAAMP,GAAG,GAAG,MAAKjD,KAAL,CAAWe,SAAX,CAAqB0C,MAAjC;AACA,kBAAKF,QAAL,CAAc,EAAEnB,SAAS,EAAE5C,eAAe,CAACe,YAAhB,CAA6B0C,GAA7B,CAAb,EAAd;AACA;AACD;AACD,aAAKtD,sBAAsB,CAAC+D,mBAA5B,CAAiD;AAC/C,kBAAKC,eAAL,CAAqBvB,SAArB,EAAgC,CAAC,CAAjC;AACA;AACD;AACD,aAAKzC,sBAAsB,CAACiE,oBAA5B,CAAkD;AAChD,kBAAKD,eAAL,CAAqBvB,SAArB,EAAgC,CAAC,CAAjC;AACA;AACD;AACD,aAAKzC,sBAAsB,CAACkE,aAA5B,CAA2C;AACzC,kBAAKN,QAAL,CAAc;AACZnB,cAAAA,SAAS,EAAE5C,eAAe,CAACsE,OAAhB,CAAwB,CAAxB,EAA2B,MAAK9D,KAAL,CAAWe,SAAX,CAAqB0C,MAAhD,CADC,EAAd;;AAGA;AACD;AACD,aAAK9D,sBAAsB,CAACoE,sBAA5B,CAAoD;AAClD,kBAAKR,QAAL,CAAc;AACZnB,cAAAA,SAAS,EAAE5C,eAAe,CAACwE,QAAhB,CAAyB,CAAzB,EAA4B5B,SAAS,CAACe,KAAtC,CADC,EAAd;;AAGA;AACD;AACD,aAAKxD,sBAAsB,CAACsE,oBAA5B,CAAkD;AAChD,gBAAMC,QAAQ,GAAG,MAAKlE,KAAL,CAAWe,SAAX,CAAqB0C,MAAtC;AACA,kBAAKF,QAAL,CAAc;AACZnB,cAAAA,SAAS,EAAE5C,eAAe,CAACsE,OAAhB,CAAwB1B,SAAS,CAACe,KAAlC,EAAyCe,QAAzC,CADC,EAAd;;AAGA;AACD;AACD,aAAKvE,sBAAsB,CAACwE,KAA5B,CAAmC;AACjC,kBAAKpB,UAAL,CAAgBX,SAAS,CAACe,KAA1B,EAAiCf,SAAS,CAACa,GAA3C,EAAgD,GAAhD;AACA;AACD,WA9DH;;AAgED,KAjPH;;AAmPUmB,IAAAA,WAnPV,GAmPwB,YAAM;AAC1B,UAAMC,IAAI,kBAAG,MAAKvC,KAAR,qBAAG,YAAYwC,OAAZ,EAAb;AACA,UAAI,CAACD,IAAD,IAASA,IAAI,CAACE,WAAL,KAAqBF,IAAI,CAACG,WAAvC,EAAoD;AAClD;AACD;AACD,UAAMC,GAAG,GAAG,CAAZ;AACA,UAAMC,KAAK,GAAG,CAAd;;AAEA,UAAMtC,SAAS,GAAG,MAAKpC,KAAL,CAAWoC,SAA7B;AACA,UAAMuC,QAAQ,GAAGvC,SAAS,CAACe,KAAV,KAAoBf,SAAS,CAACa,GAA/C;AACA,UAAM2B,QAAQ,GAAGD,QAAQ,IAAIvC,SAAS,CAACyC,SAAV,KAAwB,SAApC,GAAgDzC,SAAS,CAACa,GAA1D,GAAgEb,SAAS,CAACe,KAA3F;AACA,UAAM2B,UAAU,GAAG,MAAK9E,KAAL,CAAWe,SAAX,CAAqB0C,MAAxC;AACA,UAAMsB,SAAS,GAAGV,IAAI,CAACE,WAAL,GAAmBO,UAArC;AACA,UAAME,KAAK,GAAGC,IAAI,CAACC,IAAL,CAAUb,IAAI,CAACG,WAAL,GAAmBO,SAA7B,CAAd;AACA,UAAMI,UAAU,GAAGF,IAAI,CAACC,IAAL,CAAUb,IAAI,CAACe,UAAL,GAAkBL,SAA5B,CAAnB;AACA,UAAMM,QAAQ,GAAGF,UAAU,GAAGH,KAA9B;;AAEA,UAAIJ,QAAQ,GAAGO,UAAU,GAAGV,GAA5B,EAAiC;AAC/BJ,QAAAA,IAAI,CAACe,UAAL,GAAkB,CAACR,QAAQ,GAAGF,KAAZ,IAAqBK,SAAvC;AACD;AACD,UAAIH,QAAQ,GAAGS,QAAQ,GAAGZ,GAA1B,EAA+B;AAC7BJ,QAAAA,IAAI,CAACe,UAAL,GAAkB,CAACR,QAAQ,GAAGI,KAAX,GAAmBN,KAApB,IAA6BK,SAA/C;AACD;AACF,KA1QH;;AA4QU1C,IAAAA,YA5QV,GA4QyB,UAACP,KAAD,EAAmC;AACxD,UAAMM,SAAS,GAAGkD,0BAA0B,CAACxD,KAAD,CAA5C;AACA,aAAO;AACLqB,QAAAA,KAAK,EAAEf,SAAS,CAACe,KADZ;AAELF,QAAAA,GAAG,EAAEb,SAAS,CAACa,GAFV;AAGL4B,QAAAA,SAAS,EAAE,MAAK7E,KAAL,CAAWoC,SAAX,CAAqByC,SAH3B,EAAP;;AAKD,KAnRH;;AAqRU7B,IAAAA,UArRV,GAqRuB,UAACZ,SAAD,EAAuBmD,IAAvB,EAAwC;AAC3D,UAAMX,QAAQ,GAAGlF,mBAAmB,CAACsD,UAApB,CAA+B,MAAKhD,KAAL,CAAWe,SAA1C,EAAqDqB,SAArD,EAAgEmD,IAAhE,CAAjB;AACA,YAAKhC,QAAL,CAAc,EAAEnB,SAAS,EAAE5C,eAAe,CAACe,YAAhB,CAA6BqE,QAA7B,CAAb,EAAd;AACD,KAxRH;;AA0RUjB,IAAAA,eA1RV,GA0R4B,UAACvB,SAAD,EAAuBmD,IAAvB,EAAwC;AAChE,UAAMC,QAAQ,GAAG9F,mBAAmB,CAACiE,eAApB,CAAoC,MAAK3D,KAAL,CAAWe,SAA/C,EAA0DqB,SAA1D,EAAqEmD,IAArE,CAAjB;AACA,YAAKhC,QAAL,CAAc,EAAEnB,SAAS,EAAEoD,QAAb,EAAd;AACD,KA7RH;;AA+RUzC,IAAAA,UA/RV,GA+RuB,UAACI,KAAD,EAAgBF,GAAhB,EAA6B/C,KAA7B,EAA+C;AAClE,UAAMuF,MAAM,GAAG/F,mBAAmB,CAACgG,UAApB,CAA+B,MAAK1F,KAAL,CAAWe,SAA1C,EAAqDoC,KAArD,EAA4DF,GAA5D,EAAiE/C,KAAjE,EAAwE;AACrFU,QAAAA,aAAa,EAAE,MAAKH,KAAL,CAAWG,aAD2D;AAErFT,QAAAA,cAAc,EAAE,MAAKL,QAAL,GAAgBK,cAFqD;AAGrFwF,QAAAA,QAAQ,EAAE,CAAC,MAAKlF,KAAL,CAAWC,MAH+D,EAAxE,CAAf;;AAKA,UAAI+E,MAAJ,EAAY;AACV,YAAM1E,SAAS,GAAG0E,MAAM,CAACvF,KAAzB;AACA,YAAMkC,SAAS,GAAG5C,eAAe,CAACe,YAAhB,CAA6BkF,MAAM,CAACb,QAApC,CAAlB;AACA,cAAKrB,QAAL,CAAc,EAAExC,SAAS,EAATA,SAAF,EAAaqB,SAAS,EAATA,SAAb,EAAd,EAAwC,YAAM;AAC5C,cAAMwD,WAAW,GAAGnG,cAAc,CAACoG,KAAf,CAAqB9E,SAArB,CAApB;AACA,cAAI,MAAKN,KAAL,CAAWP,KAAX,KAAqB0F,WAAzB,EAAsC;AACpC,kBAAKnF,KAAL,CAAWqF,aAAX,CAAyBF,WAAzB;AACD;AACF,SALD;AAMA,eAAO,IAAP;AACD;;AAED,UAAI,MAAK9D,KAAT,EAAgB;AACd,cAAKA,KAAL,CAAWiE,KAAX;AACD;AACD,aAAO,KAAP;AACD,KArTH;;AAuTUC,IAAAA,gBAvTV,GAuT6B,UAAC9F,KAAD,EAAmB;AAC5C,UAAMkC,SAAS,GAAG,MAAK9B,wBAAvB;AACA,UAAM2F,QAAQ,GAAG,MAAKjG,KAAL,CAAWe,SAA5B;AACA,UAAIqB,SAAS,CAACe,KAAV,KAAoBf,SAAS,CAACa,GAAlC,EAAuC;AACrC,eAAO/C,KAAK,CAACgG,SAAN,CAAgB9D,SAAS,CAACe,KAA1B,EAAiCjD,KAAK,CAACuD,MAAN,IAAgBwC,QAAQ,CAACxC,MAAT,GAAkBrB,SAAS,CAACa,GAA5C,CAAjC,CAAP;AACD,OAFD,MAEO,IAAI/C,KAAK,CAACuD,MAAN,GAAewC,QAAQ,CAACxC,MAA5B,EAAoC;AACzC,eAAOvD,KAAK,CAACiG,MAAN,CAAa/D,SAAS,CAACe,KAAvB,EAA8BjD,KAAK,CAACuD,MAAN,GAAewC,QAAQ,CAACxC,MAAtD,CAAP;AACD;AACD,aAAO,IAAP;AACD,KAhUH;;AAkUUrC,IAAAA,iBAlUV,GAkU8B,UAAClB,KAAD,EAAyB;AACnD,UAAMkC,SAAS,GAAG,MAAK9B,wBAAvB;AACA,UAAM8F,KAAK,GAAG,MAAKJ,gBAAL,CAAsB9F,KAAtB,CAAd;AACA,UAAIlB,aAAa,CAACoH,KAAD,CAAb,IAAwB,CAAC,MAAKrD,UAAL,CAAgBX,SAAS,CAACe,KAA1B,EAAiCf,SAAS,CAACa,GAA3C,EAAgDmD,KAAhD,CAA7B,EAAqF;AACnF,cAAK7C,QAAL,CAAc,EAAEnB,SAAS,EAATA,SAAF,EAAd;AACD;AACF,KAxUH;;AA0UUf,IAAAA,WA1UV,GA0UwB,UAACa,KAAD,EAAmD;AACvE,UAAMmE,IAAI,GAAGnE,KAAK,CAACoE,aAAN,CAAoBC,OAApB,CAA4B,MAA5B,CAAb;AACA,UAAMnE,SAAS,GAAG,MAAKC,YAAL,CAAkBH,KAAK,CAACI,MAAxB,CAAlB;AACA,YAAKS,UAAL,CAAgBX,SAAS,CAACe,KAA1B,EAAiCf,SAAS,CAACa,GAA3C,EAAgDoD,IAAhD;AACAnE,MAAAA,KAAK,CAACU,cAAN;AACD,KA/UH;;AAiVUtB,IAAAA,UAjVV,GAiVuB,UAACY,KAAD,EAAmD;AACtE,UAAME,SAAS,GAAG,MAAKC,YAAL,CAAkBH,KAAK,CAACI,MAAxB,CAAlB;AACA,UAAIF,SAAS,CAACe,KAAV,KAAoBf,SAAS,CAACa,GAAlC,EAAuC;AACrC,YAAMiD,SAAS,GAAG,MAAKlG,KAAL,CAAWe,SAAX,CAAqBmF,SAArB,CAA+B9D,SAAS,CAACe,KAAzC,EAAgDf,SAAS,CAACa,GAA1D,CAAlB;AACA,YAAMoD,IAAI,GAAG5G,cAAc,CAAC+G,kBAAf,CAAkCN,SAAlC,CAAb;AACAhE,QAAAA,KAAK,CAACoE,aAAN,CAAoBG,OAApB,CAA4B,MAA5B,EAAoCJ,IAApC;AACD;AACDnE,MAAAA,KAAK,CAACU,cAAN;AACD,KAzVH;;AA2VUrB,IAAAA,SA3VV,GA2VsB,UAACW,KAAD,EAAmD;AACrE,UAAME,SAAS,GAAG,MAAKC,YAAL,CAAkBH,KAAK,CAACI,MAAxB,CAAlB;AACA,UAAIF,SAAS,CAACe,KAAV,KAAoBf,SAAS,CAACa,GAAlC,EAAuC;AACrC,YAAMiD,SAAS,GAAG,MAAKlG,KAAL,CAAWe,SAAX,CAAqBmF,SAArB,CAA+B9D,SAAS,CAACe,KAAzC,EAAgDf,SAAS,CAACa,GAA1D,CAAlB;AACA,YAAMoD,IAAI,GAAG5G,cAAc,CAAC+G,kBAAf,CAAkCN,SAAlC,CAAb;AACAhE,QAAAA,KAAK,CAACoE,aAAN,CAAoBG,OAApB,CAA4B,MAA5B,EAAoCJ,IAApC;AACA,cAAKtD,UAAL,CAAgBX,SAAS,CAACe,KAA1B,EAAiCf,SAAS,CAACa,GAA3C,EAAgD,EAAhD;AACD;AACDf,MAAAA,KAAK,CAACU,cAAN;AACD,KApWH;;AAsWU3B,IAAAA,WAtWV,GAsWwB,UAACiB,KAAD,EAA+C;AACnE,0BAA6DA,KAAK,CAACI,MAAnE,CAAQoE,cAAR,iBAAQA,cAAR,CAAwBC,YAAxB,iBAAwBA,YAAxB,CAAsCC,kBAAtC,iBAAsCA,kBAAtC;AACA,UAAMC,WAAW,GAAG3E,KAAK,CAACI,MAAN,CAAapC,KAAb,CAAmBuD,MAAvC;;AAEA,UAAMrB,SAAS,GAAG;AAChBe,QAAAA,KAAK,EAAEuD,cAAc,KAAKC,YAAnB,GAAkCD,cAAc,IAAI,CAApD,GAAwDA,cAAc,IAAIG,WADjE;AAEhB5D,QAAAA,GAAG,EAAE0D,YAAY,KAAKD,cAAjB,GAAkCC,YAAY,IAAI,CAAlD,GAAsDA,YAAY,IAAIE,WAF3D;AAGhBhC,QAAAA,SAAS,EAAG+B,kBAAD,IAA8C,MAHzC,EAAlB;;;AAMA,YAAKrD,QAAL,CAAc;AACZlD,QAAAA,OAAO,EAAE,IADG;AAEZ+B,QAAAA,SAAS,EAATA,SAFY,EAAd;;;AAKA,UAAI,MAAK3B,KAAL,CAAWqG,OAAf,EAAwB;AACtB,cAAKrG,KAAL,CAAWqG,OAAX,CAAmB5E,KAAnB;AACD;AACF,KAxXH;;AA0XUlB,IAAAA,UA1XV,GA0XuB,UAACkB,KAAD,EAA+C;AAClE,UAAMhC,KAAK,GAAGT,cAAc,CAACoG,KAAf,CAAqB,MAAK7F,KAAL,CAAWe,SAAhC,CAAd;;AAEA,YAAKwC,QAAL;AACK,YAAKtD,QAAL,CAAcC,KAAd,EAAqB,MAAKJ,QAAL,GAAgBK,cAArC,EAAqD,MAAKL,QAAL,GAAgBM,iBAArE,CADL;AAEEC,QAAAA,OAAO,EAAE,KAFX;;;AAKA,UAAI,MAAKI,KAAL,CAAWsG,MAAf,EAAuB;AACrB,cAAKtG,KAAL,CAAWsG,MAAX,CAAkB7E,KAAlB;AACD;AACF,KArYH;;AAuYUP,IAAAA,QAvYV,GAuYqB,UAACqF,OAAD,EAA8B;AAC/C,YAAKlF,KAAL,GAAakF,OAAb;AACD,KAzYH,2DAgDSC,iBAhDT,GAgDE,6BAAiC,CAC/B,kBAAqC,KAAKxG,KAA1C,CAAQyG,SAAR,eAAQA,SAAR,CAAmBtG,aAAnB,eAAmBA,aAAnB,CACA,IAAMT,cAAc,GAAG,KAAKL,QAAL,GAAgBK,cAAvC,CACArB,OAAO,CACLoI,SAAS,KAAKC,SADT,oGAAP,CAIArI,OAAO,CACL,CAAC8B,aAAa,IAAI,CAAlB,KAAwBT,cAAc,IAAI,CAA1C,KAAgDZ,eAD3C,EAEL,0EAAwEA,eAAxE,4EAFK,CAAP,CAKD,CA5DH,QA8DS6H,kBA9DT,GA8DE,4BAA0BC,SAA1B,EAAyDC,SAAzD,EAAwF,CACtF,qBAAqD,KAAKxH,QAAL,EAArD,CAAQI,KAAR,kBAAQA,KAAR,CAAeC,cAAf,kBAAeA,cAAf,CAA+BC,iBAA/B,kBAA+BA,iBAA/B,CACA,IACGmH,aAAa,CAACrH,KAAD,CAAb,IAAwBsH,SAAS,CAACtH,KAAD,CAAjC,IAA4CuH,MAAM,CAACvH,KAAD,CAAN,KAAkBT,cAAc,CAACoG,KAAf,CAAqByB,SAAS,CAACvG,SAA/B,CAA/D,IACAsG,SAAS,CAAClH,cAAV,KAA6BA,cAF/B,EAGE,CACA,KAAKoD,QAAL,CAAc,KAAKtD,QAAL,CAAcC,KAAd,EAAqBC,cAArB,EAAqCC,iBAArC,CAAd,EACD,CACD,IAAI,KAAKJ,KAAL,CAAWK,OAAX,IAAsB,KAAKyB,KAA/B,EAAsC,CACpC,4BAAuB,KAAK9B,KAAL,CAAWoC,SAAlC,CAAQe,KAAR,yBAAQA,KAAR,CAAeF,GAAf,yBAAeA,GAAf,CAEA,KAAKnB,KAAL,CAAW4F,iBAAX,CAA6BvE,KAA7B,EAAoCF,GAApC,EACD,CACD,IAAIqE,SAAS,CAAClF,SAAV,KAAwB,KAAKpC,KAAL,CAAWoC,SAAvC,EAAkD,CAChD,KAAKgC,WAAL,GACD,CACF,CA9EH,QAgFSuD,MAhFT,GAgFE,kBAAgB,CACd,oBACE,oBAAC,aAAD,aAAe,WAAW,EAAE,KAAKC,WAAjC,IAAkD,KAAKnH,KAAvD,GACG,KAAKD,UADR,CADF,CAKD,CAtFH,QAmIUP,QAnIV,GAmIE,kBAAiBC,KAAjB,EAA0CC,cAA1C,EAA4EC,iBAA5E,EAAwG,CACtG,OAAO,EACLW,SAAS,EAAEtB,cAAc,CAACoI,MAAf,CAAsB3H,KAAtB,EAA6B,EAAEC,cAAc,EAAdA,cAAF,EAAkBC,iBAAiB,EAAjBA,iBAAlB,EAA7B,CADN,EAELgC,SAAS,EAAE5C,eAAe,CAACe,YAAhB,CAA6B,CAA7B,CAFN,EAAP,CAID,CAxIH,QA0IU0B,qBA1IV,GA0IE,+BAA8BC,KAA9B,EAAyE,CACvE,IAAME,SAAS,GAAGkD,0BAA0B,CAACpD,KAAK,CAACI,MAAP,CAA5C,CACA,IAAMwF,UAAU,GAAGpI,mBAAmB,CAACqI,kBAApB,CAAuC,KAAK/H,KAAL,CAAWe,SAAlD,EAA6DqB,SAA7D,CAAnB,CACA,KAAKmB,QAAL,CAAc,EAAEnB,SAAS,EAAE0F,UAAb,EAAd,EACD,CA9IH,CAgJE;AAhJF,0BAAmClJ,KAAK,CAACoJ,aAAzC,WACgBC,mBADhB,GACsC,eADtC,UAGgBC,SAHhB,GAG4B,EACxBpH,KAAK,EAAEjC,SAAS,CAACsJ,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,EAAmB,OAAnB,CAAhB,CADiB,EAExBC,SAAS,EAAEvJ,SAAS,CAACwJ,IAFG,EAGxBC,UAAU,EAAEzJ,SAAS,CAACwJ,IAHE,EAIxBE,QAAQ,EAAE1J,SAAS,CAACwJ,IAJI,EAKxBG,KAAK,EAAE3J,SAAS,CAACwJ,IALO,EAMxBlI,cAAc,EAAEtB,SAAS,CAAC4J,MANF,EAOxBrI,iBAAiB,EAAEvB,SAAS,CAACwJ,IAPL,EAQxBK,QAAQ,EAAE7J,SAAS,CAACmI,OARI,EASxB2B,WAAW,EAAE9J,SAAS,CAAC+J,MATC,EAUxBlI,MAAM,EAAE7B,SAAS,CAACwJ,IAVM,EAWxBQ,IAAI,EAAEhK,SAAS,CAACsJ,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,OAApB,CAAhB,CAXkB,EAYxBjI,KAAK,EAAE,eAACO,KAAD,EAA+B,CACpC3B,OAAO,CAACyI,aAAa,CAAC9G,KAAK,CAACP,KAAP,CAAd,sDAAP,CACD,CAduB,EAexBpB,OAAO,EAAED,SAAS,CAACwJ,IAfK,EAgBxBS,KAAK,EAAEjK,SAAS,CAACkK,SAAV,CAAoB,CAAClK,SAAS,CAAC4J,MAAX,EAAmB5J,SAAS,CAAC+J,MAA7B,CAApB,CAhBiB,EAiBxB7B,MAAM,EAAElI,SAAS,CAACmK,IAjBM,EAkBxBlD,aAAa,EAAEjH,SAAS,CAACmK,IAAV,CAAeC,UAlBN,EAmBxBnC,OAAO,EAAEjI,SAAS,CAACmK,IAnBK,EAoBxBxH,YAAY,EAAE3C,SAAS,CAACmK,IApBA,EAqBxBvH,YAAY,EAAE5C,SAAS,CAACmK,IArBA,EAsBxBtH,WAAW,EAAE7C,SAAS,CAACmK,IAtBC,EAuBxBrI,QAAQ,EAAE9B,SAAS,CAACmK,IAvBI,EAH5B,UA6BgBjJ,YA7BhB,GA6B6C,EACzCe,KAAK,EAAE,OADkC,EAEzCX,cAAc,EAAE,CAFyB,EAGzCC,iBAAiB,EAAE,KAHsB,EAIzCF,KAAK,EAAE,IAJkC,EAKzCgJ,SAAS,EAAE,SAL8B,EA7B7C;;AA4YA,SAAS5D,0BAAT,CAAoCxD,KAApC,EAAmE;AACjE,MAAI,EAAEA,KAAK,YAAYqH,gBAAnB,CAAJ,EAA0C;AACxC,UAAM,IAAIC,KAAJ,CAAU,+BAAV,CAAN;AACD;;AAED,SAAO;AACLjG,IAAAA,KAAK,2BAAErB,KAAK,CAAC4E,cAAR,oCAA0B,CAD1B;AAELzD,IAAAA,GAAG,yBAAEnB,KAAK,CAAC6E,YAAR,kCAAwB,CAFtB;AAGL9B,IAAAA,SAAS,EAAE/C,KAAK,CAAC8E,kBAHZ,EAAP;;AAKD;;AAED,SAASY,SAAT,CAAmBtH,KAAnB,EAA6D;AAC3D,SAAO,CAACmJ,KAAK,CAACC,UAAU,CAACpJ,KAAD,CAAX,CAAN,IAAuCqJ,QAAQ,CAACrJ,KAAD,CAAtD;AACD;;AAED,SAASqH,aAAT,CAAuBrH,KAAvB,EAAgD;AAC9C,SAAO,CAACmJ,KAAK,CAAC5B,MAAM,CAACvH,KAAD,CAAP,CAAb;AACD;;AAED,IAAM0B,cAAc,GAAG,SAAjBA,cAAiB,CAACnB,KAAD,EAA+B;AACpD,MAAIxB,UAAU,CAACwB,KAAK,CAACkI,WAAP,CAAd,EAAmC;AACjC,WAAOlJ,cAAc,CAACoI,MAAf,CAAsB,CAAtB,EAAyB;AAC9B1H,MAAAA,cAAc,EAAEM,KAAK,CAACN,cADQ;AAE9BC,MAAAA,iBAAiB,EAAEK,KAAK,CAACL,iBAFK,EAAzB,CAAP;;AAID;;AAED,SAAOK,KAAK,CAACkI,WAAb;AACD,CATD","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport warning from 'warning';\nimport debounce from 'lodash.debounce';\n\nimport { isNonNullable, isNullable } from '../../lib/utils';\nimport { isIE11 } from '../../lib/client';\nimport { Input, InputProps } from '../Input';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { TSetRootNode, rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { MAX_SAFE_DIGITS } from './constants';\nimport { Selection, SelectionDirection, SelectionHelper } from './SelectionHelper';\nimport { CurrencyHelper } from './CurrencyHelper';\nimport { CurrencyInputHelper } from './CurrencyInputHelper';\nimport { CURRENCY_INPUT_ACTIONS, extractAction } from './CurrencyInputKeyboardActions';\n\nexport interface CurrencyInputProps\n  extends CommonProps,\n    Override<\n      InputProps,\n      {\n        /** Значение */\n        value?: Nullable<number>;\n        /** Убрать лишние нули после запятой */\n        hideTrailingZeros?: boolean;\n        /** Кол-во цифр после запятой */\n        fractionDigits?: Nullable<number>;\n        /** Отрицательные значения */\n        signed?: boolean;\n        /**\n         * Допустимое кол-во цифр целой части.\n         * Если передан **0**, или `fractionDigits=15`, то и в целой части допускается только **0**.\n         */\n        integerDigits?: Nullable<number>;\n        /** Вызывается при изменении `value` */\n        onValueChange: (value: Nullable<number>) => void;\n        /** onSubmit */\n        onSubmit?: () => void;\n      }\n    > {}\n\nexport interface CurrencyInputState {\n  formatted: string;\n  selection: Selection;\n  focused: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<CurrencyInputProps, 'align' | 'fractionDigits' | 'hideTrailingZeros' | 'value' | 'inputMode'>\n>;\n\n/**\n * Поле для денежных сумм (и других числовых значений).\n * Принимает любые свойства `Input`.\n *\n * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).\n * <br/>\n * Если `fractionDigits=15`, то в целой части допускается **0**.\n */\n@rootNode\nexport class CurrencyInput extends React.PureComponent<CurrencyInputProps, CurrencyInputState> {\n  public static __KONTUR_REACT_UI__ = 'CurrencyInput';\n\n  public static propTypes = {\n    align: PropTypes.oneOf(['left', 'center', 'right']),\n    autoFocus: PropTypes.bool,\n    borderless: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    fractionDigits: PropTypes.number,\n    hideTrailingZeros: PropTypes.bool,\n    leftIcon: PropTypes.element,\n    placeholder: PropTypes.string,\n    signed: PropTypes.bool,\n    size: PropTypes.oneOf(['small', 'medium', 'large']),\n    value: (props: CurrencyInputProps) => {\n      warning(isValidNumber(props.value), `[CurrencyInput]: Prop value is not a valid number`);\n    },\n    warning: PropTypes.bool,\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    onBlur: PropTypes.func,\n    onValueChange: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n    onSubmit: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    align: 'right',\n    fractionDigits: 2,\n    hideTrailingZeros: false,\n    value: null,\n    inputMode: 'decimal',\n  };\n\n  private getProps = createPropsGetter(CurrencyInput.defaultProps);\n\n  public state: CurrencyInputState = {\n    ...this.getState(this.getProps().value, this.getProps().fractionDigits, this.getProps().hideTrailingZeros),\n    focused: false,\n  };\n\n  private input: Nullable<Input>;\n  private tempSelectionForOnChange: Selection = SelectionHelper.fromPosition(0);\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount(): void {\n    const { maxLength, integerDigits } = this.props;\n    const fractionDigits = this.getProps().fractionDigits;\n    warning(\n      maxLength === undefined,\n      `[CurrencyInput]: Prop 'maxLength' has been deprecated. See 'integerDigits' and 'fractionDigits'`,\n    );\n    warning(\n      (integerDigits || 0) + (fractionDigits || 0) <= MAX_SAFE_DIGITS,\n      `[CurrencyInput]: Sum of 'integerDigits' and 'fractionDigits' exceeds ${MAX_SAFE_DIGITS}.` +\n        `\\nSee https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15`,\n    );\n  }\n\n  public componentDidUpdate(prevProps: CurrencyInputProps, prevState: CurrencyInputState) {\n    const { value, fractionDigits, hideTrailingZeros } = this.getProps();\n    if (\n      (isValidNumber(value) && isNumeric(value) && Number(value) !== CurrencyHelper.parse(prevState.formatted)) ||\n      prevProps.fractionDigits !== fractionDigits\n    ) {\n      this.setState(this.getState(value, fractionDigits, hideTrailingZeros));\n    }\n    if (this.state.focused && this.input) {\n      const { start, end } = this.state.selection;\n\n      this.input.setSelectionRange(start, end);\n    }\n    if (prevState.selection !== this.state.selection) {\n      this.scrollInput();\n    }\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<CurrencyInputProps>) => {\n    const { fractionDigits, signed, onSubmit, integerDigits, hideTrailingZeros, ...rest } = props;\n\n    return (\n      <Input\n        {...rest}\n        align={this.getProps().align}\n        value={this.state.formatted}\n        onBlur={this.handleBlur}\n        onFocus={this.handleFocus}\n        onMouseUp={this.handleMouseUp}\n        onKeyDown={this.handleKeyDown}\n        onValueChange={this.handleValueChange}\n        onPaste={this.handlePaste}\n        onCopy={this.handleCopy}\n        onCut={this.handleCut}\n        onMouseEnter={this.props.onMouseEnter}\n        onMouseLeave={this.props.onMouseLeave}\n        onMouseOver={this.props.onMouseOver}\n        ref={this.refInput}\n        placeholder={this.state.focused ? '' : getPlaceholder(props)}\n      />\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private getState(value: Nullable<number>, fractionDigits: Nullable<number>, hideTrailingZeros: boolean) {\n    return {\n      formatted: CurrencyHelper.format(value, { fractionDigits, hideTrailingZeros }),\n      selection: SelectionHelper.fromPosition(0),\n    };\n  }\n\n  private setSelectionFromEvent(event: React.MouseEvent<HTMLInputElement>) {\n    const selection = getInputSelectionFromEvent(event.target);\n    const normilized = CurrencyInputHelper.normalizeSelection(this.state.formatted, selection);\n    this.setState({ selection: normilized });\n  }\n\n  // for IE11\n  private readonly debouncedSetSelectionFromEvent = debounce(this.setSelectionFromEvent, 300);\n\n  private handleMouseUp = (event: React.MouseEvent<HTMLInputElement>) => {\n    if (isIE11) {\n      event.persist();\n      this.debouncedSetSelectionFromEvent(event);\n    } else {\n      this.setSelectionFromEvent(event);\n    }\n  };\n\n  private handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const selection = this.getSelection(event.target);\n    this.tempSelectionForOnChange = selection;\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(event);\n      if (event.defaultPrevented) {\n        return;\n      }\n    }\n\n    const action = extractAction(event);\n\n    if (action === CURRENCY_INPUT_ACTIONS.Ignore) {\n      return;\n    }\n\n    if (action !== CURRENCY_INPUT_ACTIONS.Unknown) {\n      event.preventDefault();\n    }\n\n    switch (action) {\n      case CURRENCY_INPUT_ACTIONS.Submit: {\n        if (this.props.onSubmit) {\n          this.props.onSubmit();\n        }\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.Backspace: {\n        this.inputValue(CurrencyInputHelper.moveCursor(this.state.formatted, selection, -1), selection.end, '');\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.Delete: {\n        this.inputValue(selection.start, CurrencyInputHelper.moveCursor(this.state.formatted, selection, +1), '');\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.MoveCursorLeft: {\n        this.moveCursor(selection, -1);\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.MoveCursorRight: {\n        this.moveCursor(selection, +1);\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.Home: {\n        this.setState({ selection: SelectionHelper.fromPosition(0) });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.End: {\n        const end = this.state.formatted.length;\n        this.setState({ selection: SelectionHelper.fromPosition(end) });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.ExtendSelectionLeft: {\n        this.extendSelection(selection, -1);\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.ExtendSelectionRight: {\n        this.extendSelection(selection, +1);\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.FullSelection: {\n        this.setState({\n          selection: SelectionHelper.forward(0, this.state.formatted.length),\n        });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.ExtendSelectionToStart: {\n        this.setState({\n          selection: SelectionHelper.backward(0, selection.start),\n        });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.ExtendSelectionToEnd: {\n        const inputEnd = this.state.formatted.length;\n        this.setState({\n          selection: SelectionHelper.forward(selection.start, inputEnd),\n        });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.Comma: {\n        this.inputValue(selection.start, selection.end, ',');\n        return;\n      }\n    }\n  };\n\n  private scrollInput = () => {\n    const node = this.input?.getNode();\n    if (!node || node.scrollWidth === node.clientWidth) {\n      return;\n    }\n    const PAD = 1;\n    const SHIFT = 3;\n\n    const selection = this.state.selection;\n    const selected = selection.start !== selection.end;\n    const position = selected && selection.direction === 'forward' ? selection.end : selection.start;\n    const charsCount = this.state.formatted.length;\n    const charWidth = node.scrollWidth / charsCount;\n    const frame = Math.ceil(node.clientWidth / charWidth);\n    const frameStart = Math.ceil(node.scrollLeft / charWidth);\n    const frameEnd = frameStart + frame;\n\n    if (position < frameStart + PAD) {\n      node.scrollLeft = (position - SHIFT) * charWidth;\n    }\n    if (position > frameEnd - PAD) {\n      node.scrollLeft = (position - frame + SHIFT) * charWidth;\n    }\n  };\n\n  private getSelection = (input: EventTarget): Selection => {\n    const selection = getInputSelectionFromEvent(input);\n    return {\n      start: selection.start,\n      end: selection.end,\n      direction: this.state.selection.direction,\n    };\n  };\n\n  private moveCursor = (selection: Selection, step: number) => {\n    const position = CurrencyInputHelper.moveCursor(this.state.formatted, selection, step);\n    this.setState({ selection: SelectionHelper.fromPosition(position) });\n  };\n\n  private extendSelection = (selection: Selection, step: number) => {\n    const extended = CurrencyInputHelper.extendSelection(this.state.formatted, selection, step);\n    this.setState({ selection: extended });\n  };\n\n  private inputValue = (start: number, end: number, value: string) => {\n    const result = CurrencyInputHelper.safeInsert(this.state.formatted, start, end, value, {\n      integerDigits: this.props.integerDigits,\n      fractionDigits: this.getProps().fractionDigits,\n      unsigned: !this.props.signed,\n    });\n    if (result) {\n      const formatted = result.value;\n      const selection = SelectionHelper.fromPosition(result.position);\n      this.setState({ formatted, selection }, () => {\n        const parsedValue = CurrencyHelper.parse(formatted);\n        if (this.props.value !== parsedValue) {\n          this.props.onValueChange(parsedValue);\n        }\n      });\n      return true;\n    }\n\n    if (this.input) {\n      this.input.blink();\n    }\n    return false;\n  };\n\n  private getOnChangeDelta = (value: string) => {\n    const selection = this.tempSelectionForOnChange;\n    const oldValue = this.state.formatted;\n    if (selection.start !== selection.end) {\n      return value.substring(selection.start, value.length - (oldValue.length - selection.end));\n    } else if (value.length > oldValue.length) {\n      return value.substr(selection.start, value.length - oldValue.length);\n    }\n    return null;\n  };\n\n  private handleValueChange = (value: string): void => {\n    const selection = this.tempSelectionForOnChange;\n    const delta = this.getOnChangeDelta(value);\n    if (isNonNullable(delta) && !this.inputValue(selection.start, selection.end, delta)) {\n      this.setState({ selection });\n    }\n  };\n\n  private handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    const data = event.clipboardData.getData('text');\n    const selection = this.getSelection(event.target);\n    this.inputValue(selection.start, selection.end, data);\n    event.preventDefault();\n  };\n\n  private handleCopy = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    const selection = this.getSelection(event.target);\n    if (selection.start !== selection.end) {\n      const substring = this.state.formatted.substring(selection.start, selection.end);\n      const data = CurrencyHelper.formatForClipboard(substring);\n      event.clipboardData.setData('text', data);\n    }\n    event.preventDefault();\n  };\n\n  private handleCut = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    const selection = this.getSelection(event.target);\n    if (selection.start !== selection.end) {\n      const substring = this.state.formatted.substring(selection.start, selection.end);\n      const data = CurrencyHelper.formatForClipboard(substring);\n      event.clipboardData.setData('text', data);\n      this.inputValue(selection.start, selection.end, '');\n    }\n    event.preventDefault();\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { selectionStart, selectionEnd, selectionDirection } = event.target;\n    const valueLength = event.target.value.length;\n\n    const selection = {\n      start: selectionStart !== selectionEnd ? selectionStart || 0 : selectionStart || valueLength,\n      end: selectionEnd !== selectionStart ? selectionEnd || 0 : selectionEnd || valueLength,\n      direction: (selectionDirection as SelectionDirection) || 'none',\n    };\n\n    this.setState({\n      focused: true,\n      selection,\n    });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const value = CurrencyHelper.parse(this.state.formatted);\n\n    this.setState({\n      ...this.getState(value, this.getProps().fractionDigits, this.getProps().hideTrailingZeros),\n      focused: false,\n    });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private refInput = (element: Nullable<Input>) => {\n    this.input = element;\n  };\n}\n\nfunction getInputSelectionFromEvent(input: EventTarget): Selection {\n  if (!(input instanceof HTMLInputElement)) {\n    throw new Error('input is not HTMLInputElement');\n  }\n\n  return {\n    start: input.selectionStart ?? 0,\n    end: input.selectionEnd ?? 0,\n    direction: input.selectionDirection as SelectionDirection,\n  };\n}\n\nfunction isNumeric(value: unknown): value is number | string {\n  return !isNaN(parseFloat(value as string)) && isFinite(value as number);\n}\n\nfunction isValidNumber(value: unknown): boolean {\n  return !isNaN(Number(value));\n}\n\nconst getPlaceholder = (props: CurrencyInputProps) => {\n  if (isNullable(props.placeholder)) {\n    return CurrencyHelper.format(0, {\n      fractionDigits: props.fractionDigits,\n      hideTrailingZeros: props.hideTrailingZeros,\n    });\n  }\n\n  return props.placeholder;\n};\n"]}
+{"version":3,"sources":["CurrencyInput.tsx"],"names":["React","PropTypes","warning","debounce","isNonNullable","isNullable","isIE11","Input","CommonWrapper","rootNode","createPropsGetter","MAX_SAFE_DIGITS","SelectionHelper","CurrencyHelper","CurrencyInputHelper","CURRENCY_INPUT_ACTIONS","extractAction","CurrencyInput","getProps","defaultProps","state","getState","value","fractionDigits","hideTrailingZeros","focused","tempSelectionForOnChange","fromPosition","renderMain","props","signed","onSubmit","integerDigits","rest","align","formatted","handleBlur","handleFocus","handleMouseUp","handleKeyDown","handleValueChange","handlePaste","handleCopy","handleCut","onMouseEnter","onMouseLeave","onMouseOver","refInput","getPlaceholder","focus","input","blur","debouncedSetSelectionFromEvent","setSelectionFromEvent","event","persist","selection","getSelection","target","onKeyDown","defaultPrevented","action","Ignore","Unknown","preventDefault","Submit","Backspace","inputValue","moveCursor","end","Delete","start","MoveCursorLeft","MoveCursorRight","Home","setState","End","length","ExtendSelectionLeft","extendSelection","ExtendSelectionRight","FullSelection","forward","ExtendSelectionToStart","backward","ExtendSelectionToEnd","inputEnd","Comma","scrollInput","node","getNode","scrollWidth","clientWidth","PAD","SHIFT","selected","position","direction","charsCount","charWidth","frame","Math","ceil","frameStart","scrollLeft","frameEnd","getInputSelectionFromEvent","step","extended","result","safeInsert","unsigned","parsedValue","parse","onValueChange","blink","getOnChangeDelta","oldValue","substring","substr","delta","data","clipboardData","getData","formatForClipboard","setData","selectionStart","selectionEnd","selectionDirection","valueLength","onFocus","onBlur","element","componentDidMount","maxLength","undefined","componentDidUpdate","prevProps","prevState","isValidNumber","isNumeric","Number","setSelectionRange","render","setRootNode","format","normilized","normalizeSelection","PureComponent","__KONTUR_REACT_UI__","propTypes","oneOf","autoFocus","bool","borderless","disabled","error","number","leftIcon","placeholder","string","size","width","oneOfType","func","isRequired","inputMode","HTMLInputElement","Error","isNaN","parseFloat","isFinite"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport warning from 'warning';\nimport debounce from 'lodash.debounce';\n\nimport { isNonNullable, isNullable } from '../../lib/utils';\nimport { isIE11 } from '../../lib/client';\nimport { Input, InputProps } from '../Input';\nimport { Nullable, Override } from '../../typings/utility-types';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { TSetRootNode, rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { MAX_SAFE_DIGITS } from './constants';\nimport { Selection, SelectionDirection, SelectionHelper } from './SelectionHelper';\nimport { CurrencyHelper } from './CurrencyHelper';\nimport { CurrencyInputHelper } from './CurrencyInputHelper';\nimport { CURRENCY_INPUT_ACTIONS, extractAction } from './CurrencyInputKeyboardActions';\n\nexport interface CurrencyInputProps\n  extends CommonProps,\n    Override<\n      InputProps,\n      {\n        /** Значение */\n        value?: Nullable<number>;\n        /** Убрать лишние нули после запятой */\n        hideTrailingZeros?: boolean;\n        /** Кол-во цифр после запятой */\n        fractionDigits?: Nullable<number>;\n        /** Отрицательные значения */\n        signed?: boolean;\n        /**\n         * Допустимое кол-во цифр целой части.\n         * Если передан **0**, или `fractionDigits=15`, то и в целой части допускается только **0**.\n         */\n        integerDigits?: Nullable<number>;\n        /** Вызывается при изменении `value` */\n        onValueChange: (value: Nullable<number>) => void;\n        /** onSubmit */\n        onSubmit?: () => void;\n      }\n    > {}\n\nexport interface CurrencyInputState {\n  formatted: string;\n  selection: Selection;\n  focused: boolean;\n}\n\ntype DefaultProps = Required<\n  Pick<CurrencyInputProps, 'align' | 'fractionDigits' | 'hideTrailingZeros' | 'value' | 'inputMode'>\n>;\n\n/**\n * Поле для денежных сумм (и других числовых значений).\n * Принимает любые свойства `Input`.\n *\n * Максимальная длина числа - **15 цифр** (с десятичным разделителем в любом месте).\n * <br/>\n * Если `fractionDigits=15`, то в целой части допускается **0**.\n */\n@rootNode\nexport class CurrencyInput extends React.PureComponent<CurrencyInputProps, CurrencyInputState> {\n  public static __KONTUR_REACT_UI__ = 'CurrencyInput';\n\n  public static propTypes = {\n    align: PropTypes.oneOf(['left', 'center', 'right']),\n    autoFocus: PropTypes.bool,\n    borderless: PropTypes.bool,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    fractionDigits: PropTypes.number,\n    hideTrailingZeros: PropTypes.bool,\n    leftIcon: PropTypes.element,\n    placeholder: PropTypes.string,\n    signed: PropTypes.bool,\n    size: PropTypes.oneOf(['small', 'medium', 'large']),\n    value: (props: CurrencyInputProps) => {\n      warning(isValidNumber(props.value), '[CurrencyInput]: Prop `value` is not a valid number');\n    },\n    warning: PropTypes.bool,\n    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    onBlur: PropTypes.func,\n    onValueChange: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onMouseOver: PropTypes.func,\n    onSubmit: PropTypes.func,\n  };\n\n  public static defaultProps: DefaultProps = {\n    align: 'right',\n    fractionDigits: 2,\n    hideTrailingZeros: false,\n    value: null,\n    inputMode: 'decimal',\n  };\n\n  private getProps = createPropsGetter(CurrencyInput.defaultProps);\n\n  public state: CurrencyInputState = {\n    ...this.getState(this.getProps().value, this.getProps().fractionDigits, this.getProps().hideTrailingZeros),\n    focused: false,\n  };\n\n  private input: Nullable<Input>;\n  private tempSelectionForOnChange: Selection = SelectionHelper.fromPosition(0);\n  private setRootNode!: TSetRootNode;\n\n  public componentDidMount(): void {\n    const { maxLength, integerDigits } = this.props;\n    const fractionDigits = this.getProps().fractionDigits;\n    warning(\n      maxLength === undefined,\n      `[CurrencyInput]: Prop 'maxLength' has been deprecated. See 'integerDigits' and 'fractionDigits'`,\n    );\n    warning(\n      (integerDigits || 0) + (fractionDigits || 0) <= MAX_SAFE_DIGITS,\n      `[CurrencyInput]: Sum of 'integerDigits' and 'fractionDigits' exceeds ${MAX_SAFE_DIGITS}.` +\n        `\\nSee https://tech.skbkontur.ru/react-ui/#/CurrencyInput?id=why15`,\n    );\n  }\n\n  public componentDidUpdate(prevProps: CurrencyInputProps, prevState: CurrencyInputState) {\n    const { value, fractionDigits, hideTrailingZeros } = this.getProps();\n    if (\n      (isValidNumber(value) && isNumeric(value) && Number(value) !== CurrencyHelper.parse(prevState.formatted)) ||\n      prevProps.fractionDigits !== fractionDigits\n    ) {\n      this.setState(this.getState(value, fractionDigits, hideTrailingZeros));\n    }\n    if (isNonNullable(prevProps.value) && isNullable(value)) {\n      this.setState({ formatted: '' });\n    }\n    if (this.state.focused && this.input) {\n      const { start, end } = this.state.selection;\n\n      this.input.setSelectionRange(start, end);\n    }\n    if (prevState.selection !== this.state.selection) {\n      this.scrollInput();\n    }\n  }\n\n  public render() {\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        {this.renderMain}\n      </CommonWrapper>\n    );\n  }\n\n  public renderMain = (props: CommonWrapperRestProps<CurrencyInputProps>) => {\n    const { fractionDigits, signed, onSubmit, integerDigits, hideTrailingZeros, ...rest } = props;\n\n    return (\n      <Input\n        {...rest}\n        align={this.getProps().align}\n        value={this.state.formatted}\n        onBlur={this.handleBlur}\n        onFocus={this.handleFocus}\n        onMouseUp={this.handleMouseUp}\n        onKeyDown={this.handleKeyDown}\n        onValueChange={this.handleValueChange}\n        onPaste={this.handlePaste}\n        onCopy={this.handleCopy}\n        onCut={this.handleCut}\n        onMouseEnter={this.props.onMouseEnter}\n        onMouseLeave={this.props.onMouseLeave}\n        onMouseOver={this.props.onMouseOver}\n        ref={this.refInput}\n        placeholder={this.state.focused ? '' : getPlaceholder(props)}\n      />\n    );\n  };\n\n  /**\n   * @public\n   */\n  public focus = () => {\n    if (this.input) {\n      this.input.focus();\n    }\n  };\n\n  /**\n   * @public\n   */\n  public blur = () => {\n    if (this.input) {\n      this.input.blur();\n    }\n  };\n\n  private getState(value: Nullable<number>, fractionDigits: Nullable<number>, hideTrailingZeros: boolean) {\n    return {\n      formatted: CurrencyHelper.format(value, { fractionDigits, hideTrailingZeros }),\n      selection: SelectionHelper.fromPosition(0),\n    };\n  }\n\n  private setSelectionFromEvent(event: React.MouseEvent<HTMLInputElement>) {\n    const selection = getInputSelectionFromEvent(event.target);\n    const normilized = CurrencyInputHelper.normalizeSelection(this.state.formatted, selection);\n    this.setState({ selection: normilized });\n  }\n\n  // for IE11\n  private readonly debouncedSetSelectionFromEvent = debounce(this.setSelectionFromEvent, 300);\n\n  private handleMouseUp = (event: React.MouseEvent<HTMLInputElement>) => {\n    if (isIE11) {\n      event.persist();\n      this.debouncedSetSelectionFromEvent(event);\n    } else {\n      this.setSelectionFromEvent(event);\n    }\n  };\n\n  private handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const selection = this.getSelection(event.target);\n    this.tempSelectionForOnChange = selection;\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(event);\n      if (event.defaultPrevented) {\n        return;\n      }\n    }\n\n    const action = extractAction(event);\n\n    if (action === CURRENCY_INPUT_ACTIONS.Ignore) {\n      return;\n    }\n\n    if (action !== CURRENCY_INPUT_ACTIONS.Unknown) {\n      event.preventDefault();\n    }\n\n    switch (action) {\n      case CURRENCY_INPUT_ACTIONS.Submit: {\n        if (this.props.onSubmit) {\n          this.props.onSubmit();\n        }\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.Backspace: {\n        this.inputValue(CurrencyInputHelper.moveCursor(this.state.formatted, selection, -1), selection.end, '');\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.Delete: {\n        this.inputValue(selection.start, CurrencyInputHelper.moveCursor(this.state.formatted, selection, +1), '');\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.MoveCursorLeft: {\n        this.moveCursor(selection, -1);\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.MoveCursorRight: {\n        this.moveCursor(selection, +1);\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.Home: {\n        this.setState({ selection: SelectionHelper.fromPosition(0) });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.End: {\n        const end = this.state.formatted.length;\n        this.setState({ selection: SelectionHelper.fromPosition(end) });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.ExtendSelectionLeft: {\n        this.extendSelection(selection, -1);\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.ExtendSelectionRight: {\n        this.extendSelection(selection, +1);\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.FullSelection: {\n        this.setState({\n          selection: SelectionHelper.forward(0, this.state.formatted.length),\n        });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.ExtendSelectionToStart: {\n        this.setState({\n          selection: SelectionHelper.backward(0, selection.start),\n        });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.ExtendSelectionToEnd: {\n        const inputEnd = this.state.formatted.length;\n        this.setState({\n          selection: SelectionHelper.forward(selection.start, inputEnd),\n        });\n        return;\n      }\n      case CURRENCY_INPUT_ACTIONS.Comma: {\n        this.inputValue(selection.start, selection.end, ',');\n        return;\n      }\n    }\n  };\n\n  private scrollInput = () => {\n    const node = this.input?.getNode();\n    if (!node || node.scrollWidth === node.clientWidth) {\n      return;\n    }\n    const PAD = 1;\n    const SHIFT = 3;\n\n    const selection = this.state.selection;\n    const selected = selection.start !== selection.end;\n    const position = selected && selection.direction === 'forward' ? selection.end : selection.start;\n    const charsCount = this.state.formatted.length;\n    const charWidth = node.scrollWidth / charsCount;\n    const frame = Math.ceil(node.clientWidth / charWidth);\n    const frameStart = Math.ceil(node.scrollLeft / charWidth);\n    const frameEnd = frameStart + frame;\n\n    if (position < frameStart + PAD) {\n      node.scrollLeft = (position - SHIFT) * charWidth;\n    }\n    if (position > frameEnd - PAD) {\n      node.scrollLeft = (position - frame + SHIFT) * charWidth;\n    }\n  };\n\n  private getSelection = (input: EventTarget): Selection => {\n    const selection = getInputSelectionFromEvent(input);\n    return {\n      start: selection.start,\n      end: selection.end,\n      direction: this.state.selection.direction,\n    };\n  };\n\n  private moveCursor = (selection: Selection, step: number) => {\n    const position = CurrencyInputHelper.moveCursor(this.state.formatted, selection, step);\n    this.setState({ selection: SelectionHelper.fromPosition(position) });\n  };\n\n  private extendSelection = (selection: Selection, step: number) => {\n    const extended = CurrencyInputHelper.extendSelection(this.state.formatted, selection, step);\n    this.setState({ selection: extended });\n  };\n\n  private inputValue = (start: number, end: number, value: string) => {\n    const result = CurrencyInputHelper.safeInsert(this.state.formatted, start, end, value, {\n      integerDigits: this.props.integerDigits,\n      fractionDigits: this.getProps().fractionDigits,\n      unsigned: !this.props.signed,\n    });\n    if (result) {\n      const formatted = result.value;\n      const selection = SelectionHelper.fromPosition(result.position);\n      this.setState({ formatted, selection }, () => {\n        const parsedValue = CurrencyHelper.parse(formatted);\n        if (this.props.value !== parsedValue) {\n          this.props.onValueChange(parsedValue);\n        }\n      });\n      return true;\n    }\n\n    if (this.input) {\n      this.input.blink();\n    }\n    return false;\n  };\n\n  private getOnChangeDelta = (value: string) => {\n    const selection = this.tempSelectionForOnChange;\n    const oldValue = this.state.formatted;\n    if (selection.start !== selection.end) {\n      return value.substring(selection.start, value.length - (oldValue.length - selection.end));\n    } else if (value.length > oldValue.length) {\n      return value.substr(selection.start, value.length - oldValue.length);\n    }\n    return null;\n  };\n\n  private handleValueChange = (value: string): void => {\n    const selection = this.tempSelectionForOnChange;\n    const delta = this.getOnChangeDelta(value);\n    if (isNonNullable(delta) && !this.inputValue(selection.start, selection.end, delta)) {\n      this.setState({ selection });\n    }\n  };\n\n  private handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    const data = event.clipboardData.getData('text');\n    const selection = this.getSelection(event.target);\n    this.inputValue(selection.start, selection.end, data);\n    event.preventDefault();\n  };\n\n  private handleCopy = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    const selection = this.getSelection(event.target);\n    if (selection.start !== selection.end) {\n      const substring = this.state.formatted.substring(selection.start, selection.end);\n      const data = CurrencyHelper.formatForClipboard(substring);\n      event.clipboardData.setData('text', data);\n    }\n    event.preventDefault();\n  };\n\n  private handleCut = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    const selection = this.getSelection(event.target);\n    if (selection.start !== selection.end) {\n      const substring = this.state.formatted.substring(selection.start, selection.end);\n      const data = CurrencyHelper.formatForClipboard(substring);\n      event.clipboardData.setData('text', data);\n      this.inputValue(selection.start, selection.end, '');\n    }\n    event.preventDefault();\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    const { selectionStart, selectionEnd, selectionDirection } = event.target;\n    const valueLength = event.target.value.length;\n\n    const selection = {\n      start: selectionStart !== selectionEnd ? selectionStart || 0 : selectionStart || valueLength,\n      end: selectionEnd !== selectionStart ? selectionEnd || 0 : selectionEnd || valueLength,\n      direction: (selectionDirection as SelectionDirection) || 'none',\n    };\n\n    this.setState({\n      focused: true,\n      selection,\n    });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    const value = CurrencyHelper.parse(this.state.formatted);\n\n    this.setState({\n      ...this.getState(value, this.getProps().fractionDigits, this.getProps().hideTrailingZeros),\n      focused: false,\n    });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private refInput = (element: Nullable<Input>) => {\n    this.input = element;\n  };\n}\n\nfunction getInputSelectionFromEvent(input: EventTarget): Selection {\n  if (!(input instanceof HTMLInputElement)) {\n    throw new Error('input is not HTMLInputElement');\n  }\n\n  return {\n    start: input.selectionStart ?? 0,\n    end: input.selectionEnd ?? 0,\n    direction: input.selectionDirection as SelectionDirection,\n  };\n}\n\nfunction isNumeric(value: unknown): value is number | string {\n  return !isNaN(parseFloat(value as string)) && isFinite(value as number);\n}\n\nfunction isValidNumber(value: unknown): boolean {\n  return !isNaN(Number(value));\n}\n\nconst getPlaceholder = (props: CurrencyInputProps) => {\n  if (isNullable(props.placeholder)) {\n    return CurrencyHelper.format(0, {\n      fractionDigits: props.fractionDigits,\n      hideTrailingZeros: props.hideTrailingZeros,\n    });\n  }\n\n  return props.placeholder;\n};\n"]}

package/components/CurrencyInput/CurrencyInput.md

@@ -4,6 +4,19 @@ const [value, setValue] = React.useState();
 <CurrencyInput value={value} fractionDigits={3} onValueChange={setValue} />
 ```
 
+Очистить значение в `CurrencyInput` можно с помощью `null` или `undefined`
+```jsx harmony
+import { Button, Group } from '@skbkontur/react-ui';
+
+const [value, setValue] = React.useState();
+
+<Group>
+  <CurrencyInput value={value} onValueChange={setValue} />
+  <Button onClick={() => setValue(null)}>Null</Button>
+  <Button onClick={() => setValue(undefined)}>Undefined</Button>
+</Group>
+```
+
 `fractionDigits={15}`
 
 ```jsx harmony

package/components/MenuItem/MenuItem/MenuItem.js

@@ -34,10 +34,14 @@ var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
     }
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.state = {
+      iconOffsetTop: 0
+    };
     _this.mouseEntered = false;
+    _this.rootRef = null;
 
     _this.renderMain = function (props) {
-      var _cx, _cx2;
+      var _cx2, _cx3, _cx4;
 
       var link = props.link,
           comment = props.comment,
@@ -58,12 +62,17 @@ var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
       var iconElement = null;
 
       if (icon) {
+        var _cx;
+
         iconElement = /*#__PURE__*/React.createElement("div", {
-          className: styles.icon(_this.theme)
+          style: {
+            top: _this.state.iconOffsetTop
+          },
+          className: cx((_cx = {}, _cx[styles.icon(_this.theme)] = true, _cx))
         }, icon);
       }
 
-      var className = cx((_cx = {}, _cx[styles.root(_this.theme)] = true, _cx[styles.rootMobile(_this.theme)] = isMobile, _cx[styles.loose()] = !!loose, _cx[styles.hover(_this.theme)] = hover, _cx[styles.selected(_this.theme)] = state === 'selected', _cx[styles.link(_this.theme)] = !!link, _cx[styles.withIcon(_this.theme)] = Boolean(iconElement) || !!_enableIconPadding, _cx[styles.disabled(_this.theme)] = !!_this.props.disabled, _cx));
+      var className = cx((_cx2 = {}, _cx2[styles.root(_this.theme)] = true, _cx2[styles.rootMobile(_this.theme)] = isMobile, _cx2[styles.loose()] = !!loose, _cx2[styles.hover(_this.theme)] = hover, _cx2[styles.selected(_this.theme)] = state === 'selected', _cx2[styles.link(_this.theme)] = !!link, _cx2[styles.withIcon(_this.theme)] = Boolean(iconElement) || !!_enableIconPadding, _cx2[styles.disabled(_this.theme)] = !!_this.props.disabled, _cx2));
       var children = _this.props.children;
       var content = children;
 
@@ -73,7 +82,9 @@ var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
 
       var Component = _this.getComponent();
 
-      return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+      return /*#__PURE__*/React.createElement(Component, _extends({
+        ref: _this.setRootRef
+      }, rest, {
         state: state,
         onMouseOver: _this.handleMouseEnterFix,
         onMouseLeave: _this.handleMouseLeave,
@@ -81,9 +92,11 @@ var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
         href: href,
         rel: href ? rel : undefined,
         tabIndex: -1
-      }), iconElement, content, _this.props.comment && /*#__PURE__*/React.createElement("div", {
+      }), iconElement, /*#__PURE__*/React.createElement("span", {
+        className: cx((_cx3 = {}, _cx3[styles.contentMobile()] = isMobile, _cx3))
+      }, content), _this.props.comment && /*#__PURE__*/React.createElement("div", {
         "data-tid": "MenuItem__comment",
-        className: cx((_cx2 = {}, _cx2[styles.comment(_this.theme)] = true, _cx2[styles.commentHover(_this.theme)] = hover, _cx2))
+        className: cx((_cx4 = {}, _cx4[styles.comment(_this.theme)] = true, _cx4[styles.commentHover(_this.theme)] = hover, _cx4))
       }, comment));
     };
 
@@ -103,6 +116,10 @@ var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
       }
     };
 
+    _this.setRootRef = function (element) {
+      _this.rootRef = element;
+    };
+
     _this.getComponent = function () {
       var _this$props = _this.props,
           disabled = _this$props.disabled,
@@ -140,6 +157,14 @@ var MenuItem = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Reac
     });
   };
 
+  _proto.componentDidMount = function componentDidMount() {
+    if (this.rootRef) {
+      this.setState({
+        iconOffsetTop: window.getComputedStyle(this.rootRef).getPropertyValue('padding-top')
+      });
+    }
+  };
+
   return MenuItem;
 }(React.Component), _class2.__KONTUR_REACT_UI__ = 'MenuItem', _class2.__MENU_ITEM__ = true, _class2.propTypes = {
   comment: PropTypes.node,

package/components/MenuItem/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuItem.tsx"],"names":["React","PropTypes","isExternalLink","isFunction","isReactUIComponent","ThemeContext","CommonWrapper","cx","rootNode","styles","MenuItem","mouseEntered","renderMain","props","link","comment","icon","loose","state","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","href","rel","rest","hover","disabled","iconElement","theme","className","root","rootMobile","selected","withIcon","Boolean","children","content","Component","getComponent","handleMouseEnterFix","handleMouseLeave","undefined","commentHover","e","render","setRootNode","__KONTUR_REACT_UI__","__MENU_ITEM__","propTypes","node","bool","string","target","onClick","func","isMenuItem"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isExternalLink, isFunction, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode/rootNodeDecorator';\n\nimport { styles } from './MenuItem.styles';\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps extends CommonProps {\n  /**\n   * @ignore\n   */\n  _enableIconPadding?: boolean;\n  /**\n   * Добавляет описание для элемента меню.\n   */\n  comment?: React.ReactNode;\n  /**\n   * Отключенное состояние.\n   */\n  disabled?: boolean;\n  /**\n   * Добавляет элементу меню иконку.\n   */\n  icon?: React.ReactElement<any>;\n  /**\n   * Меняет цвет текста на синий.\n   */\n  link?: boolean;\n  /**\n   * @ignore\n   */\n  loose?: boolean;\n  /**\n   * @ignore\n   */\n  state?: MenuItemState;\n  /**\n   * HTML-событие `onclick`.\n   */\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /**\n   * HTML-событие `mouseenter`.\n   */\n  onMouseEnter?: React.MouseEventHandler;\n  /**\n   * HTML-событие `mouseleave`.\n   */\n  onMouseLeave?: React.MouseEventHandler;\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n  /**\n   * HTML-атрибут `target`.\n   */\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n  /**\n   * HTML-атрибут `title`.\n   */\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n  /**\n   * HTML-атрибут `href`.\n   */\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n  /**\n   * HTML-атрибут `rel`.\n   *\n   * Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\"\n   */\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n  /**\n   * Заменяет корневой элемент, на компонент переданный в проп.\n   *\n   * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`.\n   */\n  component?: React.ComponentType<any>;\n\n  isMobile?: boolean;\n}\n\n/**\n *\n * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n *\n * Сущности в которых может быть использован `MenuItem`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).\n */\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\n  public static __MENU_ITEM__ = true;\n\n  public static propTypes = {\n    comment: PropTypes.node,\n\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.node,\n\n    loose: PropTypes.bool,\n\n    state: PropTypes.string,\n\n    target: PropTypes.string,\n\n    onClick: PropTypes.func,\n  };\n\n  private theme!: Theme;\n  private mouseEntered = false;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<MenuItemProps>) => {\n    const {\n      link,\n      comment,\n      icon,\n      loose,\n      state,\n      _enableIconPadding,\n      component,\n      onMouseEnter,\n      onMouseLeave,\n      isMobile,\n      href,\n      rel = this.props.href && isExternalLink(this.props.href) ? 'noopener noreferrer' : this.props.rel,\n      ...rest\n    } = props;\n\n    const hover = state === 'hover' && !this.props.disabled;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = <div className={styles.icon(this.theme)}>{icon}</div>;\n    }\n\n    const className = cx({\n      [styles.root(this.theme)]: true,\n      [styles.rootMobile(this.theme)]: isMobile,\n      [styles.loose()]: !!loose,\n      [styles.hover(this.theme)]: hover,\n      [styles.selected(this.theme)]: state === 'selected',\n      [styles.link(this.theme)]: !!link,\n      [styles.withIcon(this.theme)]: Boolean(iconElement) || !!_enableIconPadding,\n      [styles.disabled(this.theme)]: !!this.props.disabled,\n    });\n\n    const { children } = this.props;\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(this.props.state);\n    }\n\n    const Component = this.getComponent();\n\n    return (\n      <Component\n        {...rest}\n        state={state}\n        onMouseOver={this.handleMouseEnterFix}\n        onMouseLeave={this.handleMouseLeave}\n        className={className}\n        href={href}\n        rel={href ? rel : undefined}\n        tabIndex={-1}\n      >\n        {iconElement}\n        {content}\n        {this.props.comment && (\n          <div\n            data-tid=\"MenuItem__comment\"\n            className={cx({\n              [styles.comment(this.theme)]: true,\n              [styles.commentHover(this.theme)]: hover,\n            })}\n          >\n            {comment}\n          </div>\n        )}\n      </Component>\n    );\n  };\n\n  // https://github.com/facebook/react/issues/10109\n  // Mouseenter event not triggered when cursor moves from disabled button\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n    if (!this.mouseEntered && this.props.onMouseEnter) {\n      this.mouseEntered = true;\n      this.props.onMouseEnter(e);\n    }\n  };\n\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    this.mouseEntered = false;\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(e);\n    }\n  };\n\n  private getComponent = () => {\n    const { disabled, component, href } = this.props;\n\n    if (disabled) {\n      return 'button';\n    }\n\n    if (component) {\n      return component;\n    }\n\n    if (href) {\n      return 'a';\n    }\n\n    return 'button';\n  };\n}\n\nexport const isMenuItem = isReactUIComponent('MenuItem');\n"]}
+{"version":3,"sources":["MenuItem.tsx"],"names":["React","PropTypes","isExternalLink","isFunction","isReactUIComponent","ThemeContext","CommonWrapper","cx","rootNode","styles","MenuItem","state","iconOffsetTop","mouseEntered","rootRef","renderMain","props","link","comment","icon","loose","_enableIconPadding","component","onMouseEnter","onMouseLeave","isMobile","href","rel","rest","hover","disabled","iconElement","top","theme","className","root","rootMobile","selected","withIcon","Boolean","children","content","Component","getComponent","setRootRef","handleMouseEnterFix","handleMouseLeave","undefined","contentMobile","commentHover","e","element","render","setRootNode","componentDidMount","setState","window","getComputedStyle","getPropertyValue","__KONTUR_REACT_UI__","__MENU_ITEM__","propTypes","node","bool","string","target","onClick","func","isMenuItem"],"mappings":"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","sourcesContent":["// TODO: Enable this rule in functional components.\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Nullable } from '../../typings/utility-types';\nimport { isExternalLink, isFunction, isReactUIComponent } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode/rootNodeDecorator';\n\nimport { styles } from './MenuItem.styles';\n\nexport type MenuItemState = null | 'hover' | 'selected' | void;\n\nexport interface MenuItemProps extends CommonProps {\n  /**\n   * @ignore\n   */\n  _enableIconPadding?: boolean;\n  /**\n   * Добавляет описание для элемента меню.\n   */\n  comment?: React.ReactNode;\n  /**\n   * Отключенное состояние.\n   */\n  disabled?: boolean;\n  /**\n   * Добавляет элементу меню иконку.\n   */\n  icon?: React.ReactElement<any>;\n  /**\n   * Меняет цвет текста на синий.\n   */\n  link?: boolean;\n  /**\n   * @ignore\n   */\n  loose?: boolean;\n  /**\n   * @ignore\n   */\n  state?: MenuItemState;\n  /**\n   * HTML-событие `onclick`.\n   */\n  onClick?: (event: React.SyntheticEvent<HTMLElement>) => void;\n  /**\n   * HTML-событие `mouseenter`.\n   */\n  onMouseEnter?: React.MouseEventHandler;\n  /**\n   * HTML-событие `mouseleave`.\n   */\n  onMouseLeave?: React.MouseEventHandler;\n  children?: React.ReactNode | ((state: MenuItemState) => React.ReactNode);\n  /**\n   * HTML-атрибут `target`.\n   */\n  target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n  /**\n   * HTML-атрибут `title`.\n   */\n  title?: React.AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n  /**\n   * HTML-атрибут `href`.\n   */\n  href?: React.AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n  /**\n   * HTML-атрибут `rel`.\n   *\n   * Для внешних ссылок аттрибут rel по умолчанию равен \"noopener noreferrer\"\n   */\n  rel?: React.AnchorHTMLAttributes<HTMLAnchorElement>['rel'];\n  /**\n   * Заменяет корневой элемент, на компонент переданный в проп.\n   *\n   * По умолчанию корневой элемент рендерится как `button`. <br />Если передан `href`, то вместо `button` рендерится `a`.\n   */\n  component?: React.ComponentType<any>;\n\n  isMobile?: boolean;\n}\n\n/**\n *\n * `MenuItem` - это вложенный компонент, задающий базовые стили для элемента меню и позволяющий навигироваться по элементам меню с помощью клавиатуры.\n *\n * Сущности в которых может быть использован `MenuItem`: [`DropdownMenu`](#/Components/DropdownMenu), [`Kebab`](#/Components/Kebab), [`TooltipMenu`](#/Components/TooltipMenu) и [`Select`](#/Components/Select).\n */\n@rootNode\nexport class MenuItem extends React.Component<MenuItemProps> {\n  public static __KONTUR_REACT_UI__ = 'MenuItem';\n  public static __MENU_ITEM__ = true;\n\n  public static propTypes = {\n    comment: PropTypes.node,\n\n    disabled: PropTypes.bool,\n\n    href: PropTypes.string,\n\n    icon: PropTypes.node,\n\n    loose: PropTypes.bool,\n\n    state: PropTypes.string,\n\n    target: PropTypes.string,\n\n    onClick: PropTypes.func,\n  };\n\n  public state = {\n    iconOffsetTop: 0,\n  };\n\n  private theme!: Theme;\n  private mouseEntered = false;\n  private setRootNode!: TSetRootNode;\n  private rootRef: Nullable<HTMLElement> = null;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              {this.renderMain}\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public componentDidMount() {\n    if (this.rootRef) {\n      this.setState({ iconOffsetTop: window.getComputedStyle(this.rootRef).getPropertyValue('padding-top') });\n    }\n  }\n\n  private renderMain = (props: CommonWrapperRestProps<MenuItemProps>) => {\n    const {\n      link,\n      comment,\n      icon,\n      loose,\n      state,\n      _enableIconPadding,\n      component,\n      onMouseEnter,\n      onMouseLeave,\n      isMobile,\n      href,\n      rel = this.props.href && isExternalLink(this.props.href) ? 'noopener noreferrer' : this.props.rel,\n      ...rest\n    } = props;\n\n    const hover = state === 'hover' && !this.props.disabled;\n\n    let iconElement = null;\n    if (icon) {\n      iconElement = (\n        <div style={{ top: this.state.iconOffsetTop }} className={cx({ [styles.icon(this.theme)]: true })}>\n          {icon}\n        </div>\n      );\n    }\n\n    const className = cx({\n      [styles.root(this.theme)]: true,\n      [styles.rootMobile(this.theme)]: isMobile,\n      [styles.loose()]: !!loose,\n      [styles.hover(this.theme)]: hover,\n      [styles.selected(this.theme)]: state === 'selected',\n      [styles.link(this.theme)]: !!link,\n      [styles.withIcon(this.theme)]: Boolean(iconElement) || !!_enableIconPadding,\n      [styles.disabled(this.theme)]: !!this.props.disabled,\n    });\n\n    const { children } = this.props;\n\n    let content = children;\n    if (isFunction(children)) {\n      content = children(this.props.state);\n    }\n\n    const Component = this.getComponent();\n\n    return (\n      <Component\n        ref={this.setRootRef}\n        {...rest}\n        state={state}\n        onMouseOver={this.handleMouseEnterFix}\n        onMouseLeave={this.handleMouseLeave}\n        className={className}\n        href={href}\n        rel={href ? rel : undefined}\n        tabIndex={-1}\n      >\n        {iconElement}\n        <span\n          className={cx({\n            [styles.contentMobile()]: isMobile,\n          })}\n        >\n          {content}\n        </span>\n        {this.props.comment && (\n          <div\n            data-tid=\"MenuItem__comment\"\n            className={cx({\n              [styles.comment(this.theme)]: true,\n              [styles.commentHover(this.theme)]: hover,\n            })}\n          >\n            {comment}\n          </div>\n        )}\n      </Component>\n    );\n  };\n\n  // https://github.com/facebook/react/issues/10109\n  // Mouseenter event not triggered when cursor moves from disabled button\n  private handleMouseEnterFix = (e: React.MouseEvent<HTMLElement>) => {\n    if (!this.mouseEntered && this.props.onMouseEnter) {\n      this.mouseEntered = true;\n      this.props.onMouseEnter(e);\n    }\n  };\n\n  private handleMouseLeave = (e: React.MouseEvent<HTMLElement>) => {\n    this.mouseEntered = false;\n    if (this.props.onMouseLeave) {\n      this.props.onMouseLeave(e);\n    }\n  };\n\n  private setRootRef = (element: HTMLElement) => {\n    this.rootRef = element;\n  };\n\n  private getComponent = () => {\n    const { disabled, component, href } = this.props;\n\n    if (disabled) {\n      return 'button';\n    }\n\n    if (component) {\n      return component;\n    }\n\n    if (href) {\n      return 'a';\n    }\n\n    return 'button';\n  };\n}\n\nexport const isMenuItem = isReactUIComponent('MenuItem');\n"]}

package/components/MenuItem/MenuItem.d.ts

@@ -89,13 +89,19 @@ export declare class MenuItem extends React.Component<MenuItemProps> {
         target: PropTypes.Requireable<string>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
+    state: {
+        iconOffsetTop: number;
+    };
     private theme;
     private mouseEntered;
     private setRootNode;
+    private rootRef;
     render(): JSX.Element;
+    componentDidMount(): void;
     private renderMain;
     private handleMouseEnterFix;
     private handleMouseLeave;
+    private setRootRef;
     private getComponent;
 }
 export declare const isMenuItem: (child: React.ReactNode) => child is React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/components/MenuItem/MenuItem.styles/MenuItem.styles.js

@@ -1,6 +1,6 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { resetButton } from "../../../lib/styles/Mixins";
@@ -41,6 +41,9 @@ export var styles = memoizeStyle({
     return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      opacity: 0.6;\n    "])), t.menuItemCommentColorHover);
   },
   icon: function icon(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      display: inline-block;\n      position: absolute;\n      left: ", "px;\n      top: ", ";\n      transform: translateY(", ");\n    "])), t.menuItemIconWidth, parseInt(t.menuItemPaddingX) + parseInt(t.menuItemIconLegacyMargin), t.menuItemPaddingY, t.menuItemIconLegacyShift);
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      display: inline-block;\n      position: absolute;\n      left: ", "px;\n      transform: translateY(", ");\n    "])), t.menuItemIconWidth, parseInt(t.menuItemPaddingX) + parseInt(t.menuItemIconLegacyMargin), t.menuItemIconLegacyShift);
+  },
+  contentMobile: function contentMobile() {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      margin-left: 8px;\n    "])));
   }
 });

package/components/MenuItem/MenuItem.styles/MenuItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuItem.styles.ts"],"names":["css","memoizeStyle","resetButton","styles","root","t","legacyPaddingX","parseFloat","menuItemLegacyPaddingX","legacyPaddingY","menuItemLegacyPaddingY","paddingX","menuItemPaddingX","paddingY","menuItemPaddingY","menuItemLineHeight","menuItemFontSize","menuItemTextColor","menuItemBorderRadius","rootMobile","fontSizeMobile","lineHeightMobile","menuItemPaddingMobile","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledColor","link","menuItemLinkColor","loose","withIcon","menuItemPaddingForIcon","comment","menuItemCommentColor","commentHover","menuItemCommentColorHover","icon","menuItemIconWidth","parseInt","menuItemIconLegacyMargin","menuItemIconLegacyShift"],"mappings":"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","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const legacyPaddingX = parseFloat(t.menuItemLegacyPaddingX);\n    const legacyPaddingY = parseFloat(t.menuItemLegacyPaddingY);\n\n    const paddingX = legacyPaddingX !== 0 ? `${parseFloat(t.menuItemPaddingX) + legacyPaddingX}px` : t.menuItemPaddingX;\n    const paddingY = legacyPaddingY !== 0 ? `${parseFloat(t.menuItemPaddingY) + legacyPaddingY}px` : t.menuItemPaddingY;\n\n    return css`\n      ${resetButton()};\n\n      cursor: pointer;\n      display: block;\n      line-height: ${t.menuItemLineHeight};\n      font-size: ${t.menuItemFontSize};\n      padding: ${t.menuItemPaddingY} ${paddingX} ${paddingY} ${t.menuItemPaddingX};\n      position: relative;\n      text-decoration: none;\n      color: ${t.menuItemTextColor};\n      border-radius: ${t.menuItemBorderRadius};\n\n      button& {\n        min-width: 100%;\n      }\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.fontSizeMobile};\n      line-height: ${t.lineHeightMobile};\n      padding: ${t.menuItemPaddingMobile};\n    `;\n  },\n\n  hover(t: Theme) {\n    // Color with !important in purpose to override `a:hover`\n    return css`\n      background: ${t.menuItemHoverBg} !important;\n      color: ${t.menuItemHoverColor} !important;\n    `;\n  },\n  selected(t: Theme) {\n    return css`\n      background: ${t.menuItemSelectedBg} !important;\n    `;\n  },\n  disabled(t: Theme) {\n    return css`\n      background: transparent;\n      color: ${t.menuItemDisabledColor};\n      cursor: default;\n    `;\n  },\n  link(t: Theme) {\n    return css`\n      color: ${t.menuItemLinkColor};\n    `;\n  },\n  loose() {\n    return css`\n      padding-left: 15px;\n    `;\n  },\n  withIcon(t: Theme) {\n    return css`\n      padding-left: ${t.menuItemPaddingForIcon};\n    `;\n  },\n  comment(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColor};\n      white-space: normal;\n    `;\n  },\n  commentHover(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColorHover};\n      opacity: 0.6;\n    `;\n  },\n  icon(t: Theme) {\n    return css`\n      width: ${t.menuItemIconWidth};\n      display: inline-block;\n      position: absolute;\n      left: ${parseInt(t.menuItemPaddingX) + parseInt(t.menuItemIconLegacyMargin)}px;\n      top: ${t.menuItemPaddingY};\n      transform: translateY(${t.menuItemIconLegacyShift});\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["MenuItem.styles.ts"],"names":["css","memoizeStyle","resetButton","styles","root","t","legacyPaddingX","parseFloat","menuItemLegacyPaddingX","legacyPaddingY","menuItemLegacyPaddingY","paddingX","menuItemPaddingX","paddingY","menuItemPaddingY","menuItemLineHeight","menuItemFontSize","menuItemTextColor","menuItemBorderRadius","rootMobile","fontSizeMobile","lineHeightMobile","menuItemPaddingMobile","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledColor","link","menuItemLinkColor","loose","withIcon","menuItemPaddingForIcon","comment","menuItemCommentColor","commentHover","menuItemCommentColorHover","icon","menuItemIconWidth","parseInt","menuItemIconLegacyMargin","menuItemIconLegacyShift","contentMobile"],"mappings":"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","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const legacyPaddingX = parseFloat(t.menuItemLegacyPaddingX);\n    const legacyPaddingY = parseFloat(t.menuItemLegacyPaddingY);\n\n    const paddingX = legacyPaddingX !== 0 ? `${parseFloat(t.menuItemPaddingX) + legacyPaddingX}px` : t.menuItemPaddingX;\n    const paddingY = legacyPaddingY !== 0 ? `${parseFloat(t.menuItemPaddingY) + legacyPaddingY}px` : t.menuItemPaddingY;\n\n    return css`\n      ${resetButton()};\n\n      cursor: pointer;\n      display: block;\n      line-height: ${t.menuItemLineHeight};\n      font-size: ${t.menuItemFontSize};\n      padding: ${t.menuItemPaddingY} ${paddingX} ${paddingY} ${t.menuItemPaddingX};\n      position: relative;\n      text-decoration: none;\n      color: ${t.menuItemTextColor};\n      border-radius: ${t.menuItemBorderRadius};\n\n      button& {\n        min-width: 100%;\n      }\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.fontSizeMobile};\n      line-height: ${t.lineHeightMobile};\n      padding: ${t.menuItemPaddingMobile};\n    `;\n  },\n\n  hover(t: Theme) {\n    // Color with !important in purpose to override `a:hover`\n    return css`\n      background: ${t.menuItemHoverBg} !important;\n      color: ${t.menuItemHoverColor} !important;\n    `;\n  },\n  selected(t: Theme) {\n    return css`\n      background: ${t.menuItemSelectedBg} !important;\n    `;\n  },\n  disabled(t: Theme) {\n    return css`\n      background: transparent;\n      color: ${t.menuItemDisabledColor};\n      cursor: default;\n    `;\n  },\n  link(t: Theme) {\n    return css`\n      color: ${t.menuItemLinkColor};\n    `;\n  },\n  loose() {\n    return css`\n      padding-left: 15px;\n    `;\n  },\n  withIcon(t: Theme) {\n    return css`\n      padding-left: ${t.menuItemPaddingForIcon};\n    `;\n  },\n  comment(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColor};\n      white-space: normal;\n    `;\n  },\n  commentHover(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColorHover};\n      opacity: 0.6;\n    `;\n  },\n  icon(t: Theme) {\n    return css`\n      width: ${t.menuItemIconWidth};\n      display: inline-block;\n      position: absolute;\n      left: ${parseInt(t.menuItemPaddingX) + parseInt(t.menuItemIconLegacyMargin)}px;\n      transform: translateY(${t.menuItemIconLegacyShift});\n    `;\n  },\n  contentMobile() {\n    return css`\n      margin-left: 8px;\n    `;\n  },\n});\n"]}

package/components/MenuItem/MenuItem.styles.d.ts

@@ -11,4 +11,5 @@ export declare const styles: {
     comment(t: Theme): string;
     commentHover(t: Theme): string;
     icon(t: Theme): string;
+    contentMobile(): string;
 };

package/components/Switcher/Switcher/Switcher.js

@@ -125,9 +125,10 @@ export var Switcher = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
       return _this.props.items.map(function (item, i) {
         var _this$_extractPropsFr3 = _this._extractPropsFromItem(item),
             label = _this$_extractPropsFr3.label,
-            value = _this$_extractPropsFr3.value;
+            value = _this$_extractPropsFr3.value,
+            customButtonProps = _this$_extractPropsFr3.buttonProps;
 
-        var buttonProps = {
+        var commonButtonProps = {
           checked: _this.props.value === value,
           visuallyFocused: _this.state.focusedIndex === i,
           onClick: function onClick() {
@@ -139,7 +140,7 @@ export var Switcher = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function
         };
         return /*#__PURE__*/React.createElement(Button, _extends({
           key: value
-        }, buttonProps), label);
+        }, commonButtonProps, customButtonProps), label);
       });
     };
 

package/components/Switcher/Switcher/Switcher.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Switcher.tsx"],"names":["React","PropTypes","isKeyArrowHorizontal","isKeyArrowLeft","isKeyEnter","Group","Button","ThemeContext","CommonWrapper","cx","rootNode","styles","getSwitcherTheme","Switcher","state","focusedIndex","selectItem","value","props","onValueChange","_extractPropsFromItem","item","label","_extractValuesFromItems","items","map","move","step","selectedIndex","length","_focus","index","setState","handleKey","e","preventDefault","_handleFocus","currentIndex","indexOf","_handleBlur","_renderItems","i","buttonProps","checked","visuallyFocused","onClick","disableFocus","size","disabled","getLabelSizeClassName","captionLarge","theme","captionMedium","captionSmall","render","renderMain","listClassName","error","inputProps","type","onKeyDown","onFocus","onBlur","className","input","captionClassName","caption","setRootNode","root","wrap","Component","__KONTUR_REACT_UI__","propTypes","bool","oneOfType","arrayOf","string","shape","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isKeyArrowHorizontal, isKeyArrowLeft, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { Group } from '../Group';\nimport { Button, ButtonSize } from '../Button';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Switcher.styles';\nimport { getSwitcherTheme } from './switcherTheme';\n\nexport type SwitcherSize = ButtonSize;\ntype SwitcherItems = string | SwitcherItem;\n\nexport interface SwitcherProps extends CommonProps {\n  /**\n   * Список строк или список элементов типа `{ label: string, value: string }`\n   */\n  items: SwitcherItems[];\n\n  value?: string;\n\n  onValueChange?: (value: string) => void;\n\n  caption?: string;\n\n  error?: boolean;\n\n  /** Размер */\n  size?: SwitcherSize;\n\n  disabled?: boolean;\n}\n\nexport interface SwitcherState {\n  focusedIndex: Nullable<number>;\n}\n\ninterface SwitcherItem {\n  label: string;\n  value: string;\n}\n\n@rootNode\nexport class Switcher extends React.Component<SwitcherProps, SwitcherState> {\n  public static __KONTUR_REACT_UI__ = 'Switcher';\n\n  public static propTypes = {\n    error: PropTypes.bool,\n    disabled: PropTypes.bool,\n    items: PropTypes.oneOfType([\n      PropTypes.arrayOf(PropTypes.string),\n      PropTypes.arrayOf(\n        PropTypes.shape({\n          label: PropTypes.string,\n          value: PropTypes.string,\n        }),\n      ),\n    ]).isRequired,\n    caption: PropTypes.string,\n    value: PropTypes.string,\n    onValueChange: PropTypes.func,\n  };\n\n  public state: SwitcherState = {\n    focusedIndex: null,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getSwitcherTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const listClassName = cx({\n      [styles.error(this.theme)]: !!this.props.error,\n    });\n\n    const inputProps = {\n      type: 'checkbox',\n      onKeyDown: this.handleKey,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      className: styles.input(),\n    };\n\n    const captionClassName = cx(styles.caption(this.theme), this.getLabelSizeClassName());\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div className={styles.root()}>\n          {this.props.caption ? <div className={captionClassName}>{this.props.caption}</div> : null}\n          <div className={styles.wrap()}>\n            <input {...inputProps} />\n            <div className={listClassName}>\n              <Group>{this._renderItems()}</Group>\n            </div>\n          </div>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private selectItem = (value: string) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private _extractPropsFromItem = (item: string | SwitcherItem): SwitcherItem => {\n    return typeof item === 'object' ? item : { label: item, value: item };\n  };\n\n  private _extractValuesFromItems = (): string[] => {\n    return this.props.items.map((item) => {\n      const { value } = this._extractPropsFromItem(item);\n      return value;\n    });\n  };\n\n  private move = (step: number) => {\n    let selectedIndex = this.state.focusedIndex;\n\n    if (typeof selectedIndex !== 'number') {\n      return;\n    }\n\n    const items = this._extractValuesFromItems();\n\n    selectedIndex += step;\n\n    if (selectedIndex < 0) {\n      selectedIndex = items.length - 1;\n    } else if (selectedIndex >= items.length) {\n      selectedIndex = 0;\n    }\n\n    this._focus(selectedIndex);\n  };\n\n  private _focus = (index: number) => {\n    this.setState({ focusedIndex: index });\n  };\n\n  private handleKey = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const focusedIndex = this.state.focusedIndex;\n    if (typeof focusedIndex !== 'number') {\n      return;\n    }\n\n    if (isKeyEnter(e)) {\n      if (this.props.onValueChange) {\n        const { value } = this._extractPropsFromItem(this.props.items[focusedIndex]);\n        this.selectItem(value);\n      }\n      return;\n    }\n\n    if (isKeyArrowHorizontal(e)) {\n      e.preventDefault();\n      this.move(isKeyArrowLeft(e) ? -1 : 1);\n    }\n  };\n\n  private _handleFocus = () => {\n    const { value } = this.props;\n\n    const items = this._extractValuesFromItems();\n    const currentIndex = [...items].indexOf(value as string);\n    const index = currentIndex > -1 ? currentIndex : 0;\n\n    this.setState({ focusedIndex: index });\n  };\n\n  private _handleBlur = () => {\n    this.setState({ focusedIndex: null });\n  };\n\n  private _renderItems = () => {\n    return this.props.items.map((item, i) => {\n      const { label, value } = this._extractPropsFromItem(item);\n      const buttonProps = {\n        checked: this.props.value === value,\n        visuallyFocused: this.state.focusedIndex === i,\n        onClick: () => {\n          this.selectItem(value);\n        },\n        disableFocus: true,\n        size: this.props.size,\n        disabled: this.props.disabled,\n      };\n      return (\n        <Button key={value} {...buttonProps}>\n          {label}\n        </Button>\n      );\n    });\n  };\n\n  private getLabelSizeClassName = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return styles.captionLarge(this.theme);\n      case 'medium':\n        return styles.captionMedium(this.theme);\n      case 'small':\n      default:\n        return styles.captionSmall(this.theme);\n    }\n  };\n}\n"]}
+{"version":3,"sources":["Switcher.tsx"],"names":["React","PropTypes","isKeyArrowHorizontal","isKeyArrowLeft","isKeyEnter","Group","Button","ThemeContext","CommonWrapper","cx","rootNode","styles","getSwitcherTheme","Switcher","state","focusedIndex","selectItem","value","props","onValueChange","_extractPropsFromItem","item","label","_extractValuesFromItems","items","map","move","step","selectedIndex","length","_focus","index","setState","handleKey","e","preventDefault","_handleFocus","currentIndex","indexOf","_handleBlur","_renderItems","i","customButtonProps","buttonProps","commonButtonProps","checked","visuallyFocused","onClick","disableFocus","size","disabled","getLabelSizeClassName","captionLarge","theme","captionMedium","captionSmall","render","renderMain","listClassName","error","inputProps","type","onKeyDown","onFocus","onBlur","className","input","captionClassName","caption","setRootNode","root","wrap","Component","__KONTUR_REACT_UI__","propTypes","bool","oneOfType","arrayOf","string","shape","isRequired","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { isKeyArrowHorizontal, isKeyArrowLeft, isKeyEnter } from '../../lib/events/keyboard/identifiers';\nimport { Group } from '../Group';\nimport { Button, ButtonProps, ButtonSize } from '../Button';\nimport { Nullable } from '../../typings/utility-types';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './Switcher.styles';\nimport { getSwitcherTheme } from './switcherTheme';\n\nexport type SwitcherSize = ButtonSize;\ntype SwitcherItems = string | SwitcherItem;\n\nexport interface SwitcherProps extends CommonProps {\n  /**\n   * Список строк или список элементов типа `{ label: string, value: string, buttonProps?: Partial<ButtonProps> }`\n   */\n  items: SwitcherItems[];\n\n  value?: string;\n\n  onValueChange?: (value: string) => void;\n\n  caption?: string;\n\n  error?: boolean;\n\n  /** Размер */\n  size?: SwitcherSize;\n\n  disabled?: boolean;\n}\n\nexport interface SwitcherState {\n  focusedIndex: Nullable<number>;\n}\n\ninterface SwitcherItem {\n  label: string;\n  value: string;\n  buttonProps?: Partial<ButtonProps>;\n}\n\n@rootNode\nexport class Switcher extends React.Component<SwitcherProps, SwitcherState> {\n  public static __KONTUR_REACT_UI__ = 'Switcher';\n\n  public static propTypes = {\n    error: PropTypes.bool,\n    disabled: PropTypes.bool,\n    items: PropTypes.oneOfType([\n      PropTypes.arrayOf(PropTypes.string),\n      PropTypes.arrayOf(\n        PropTypes.shape({\n          label: PropTypes.string,\n          value: PropTypes.string,\n        }),\n      ),\n    ]).isRequired,\n    caption: PropTypes.string,\n    value: PropTypes.string,\n    onValueChange: PropTypes.func,\n  };\n\n  public state: SwitcherState = {\n    focusedIndex: null,\n  };\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = getSwitcherTheme(theme);\n          return <ThemeContext.Provider value={this.theme}>{this.renderMain()}</ThemeContext.Provider>;\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const listClassName = cx({\n      [styles.error(this.theme)]: !!this.props.error,\n    });\n\n    const inputProps = {\n      type: 'checkbox',\n      onKeyDown: this.handleKey,\n      onFocus: this._handleFocus,\n      onBlur: this._handleBlur,\n      className: styles.input(),\n    };\n\n    const captionClassName = cx(styles.caption(this.theme), this.getLabelSizeClassName());\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <div className={styles.root()}>\n          {this.props.caption ? <div className={captionClassName}>{this.props.caption}</div> : null}\n          <div className={styles.wrap()}>\n            <input {...inputProps} />\n            <div className={listClassName}>\n              <Group>{this._renderItems()}</Group>\n            </div>\n          </div>\n        </div>\n      </CommonWrapper>\n    );\n  }\n\n  private selectItem = (value: string) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private _extractPropsFromItem = (item: string | SwitcherItem): SwitcherItem => {\n    return typeof item === 'object' ? item : { label: item, value: item };\n  };\n\n  private _extractValuesFromItems = (): string[] => {\n    return this.props.items.map((item) => {\n      const { value } = this._extractPropsFromItem(item);\n      return value;\n    });\n  };\n\n  private move = (step: number) => {\n    let selectedIndex = this.state.focusedIndex;\n\n    if (typeof selectedIndex !== 'number') {\n      return;\n    }\n\n    const items = this._extractValuesFromItems();\n\n    selectedIndex += step;\n\n    if (selectedIndex < 0) {\n      selectedIndex = items.length - 1;\n    } else if (selectedIndex >= items.length) {\n      selectedIndex = 0;\n    }\n\n    this._focus(selectedIndex);\n  };\n\n  private _focus = (index: number) => {\n    this.setState({ focusedIndex: index });\n  };\n\n  private handleKey = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const focusedIndex = this.state.focusedIndex;\n    if (typeof focusedIndex !== 'number') {\n      return;\n    }\n\n    if (isKeyEnter(e)) {\n      if (this.props.onValueChange) {\n        const { value } = this._extractPropsFromItem(this.props.items[focusedIndex]);\n        this.selectItem(value);\n      }\n      return;\n    }\n\n    if (isKeyArrowHorizontal(e)) {\n      e.preventDefault();\n      this.move(isKeyArrowLeft(e) ? -1 : 1);\n    }\n  };\n\n  private _handleFocus = () => {\n    const { value } = this.props;\n\n    const items = this._extractValuesFromItems();\n    const currentIndex = [...items].indexOf(value as string);\n    const index = currentIndex > -1 ? currentIndex : 0;\n\n    this.setState({ focusedIndex: index });\n  };\n\n  private _handleBlur = () => {\n    this.setState({ focusedIndex: null });\n  };\n\n  private _renderItems = () => {\n    return this.props.items.map((item, i) => {\n      const { label, value, buttonProps: customButtonProps } = this._extractPropsFromItem(item);\n      const commonButtonProps = {\n        checked: this.props.value === value,\n        visuallyFocused: this.state.focusedIndex === i,\n        onClick: () => {\n          this.selectItem(value);\n        },\n        disableFocus: true,\n        size: this.props.size,\n        disabled: this.props.disabled,\n      };\n      return (\n        <Button key={value} {...commonButtonProps} {...customButtonProps}>\n          {label}\n        </Button>\n      );\n    });\n  };\n\n  private getLabelSizeClassName = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return styles.captionLarge(this.theme);\n      case 'medium':\n        return styles.captionMedium(this.theme);\n      case 'small':\n      default:\n        return styles.captionSmall(this.theme);\n    }\n  };\n}\n"]}

package/components/Switcher/Switcher.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { ButtonSize } from '../Button';
+import { ButtonProps, ButtonSize } from '../Button';
 import { Nullable } from '../../typings/utility-types';
 import { CommonProps } from '../../internal/CommonWrapper';
 export declare type SwitcherSize = ButtonSize;
 declare type SwitcherItems = string | SwitcherItem;
 export interface SwitcherProps extends CommonProps {
     /**
-     * Список строк или список элементов типа `{ label: string, value: string }`
+     * Список строк или список элементов типа `{ label: string, value: string, buttonProps?: Partial<ButtonProps> }`
      */
     items: SwitcherItems[];
     value?: string;
@@ -24,6 +24,7 @@ export interface SwitcherState {
 interface SwitcherItem {
     label: string;
     value: string;
+    buttonProps?: Partial<ButtonProps>;
 }
 export declare class Switcher extends React.Component<SwitcherProps, SwitcherState> {
     static __KONTUR_REACT_UI__: string;