@skbkontur/react-ui 0.0.0-4cd450ed1e → 0.0.0-4da47ece08

package/internal/InputLikeText/InputLikeText/InputLikeText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputLikeText.tsx"],"names":["React","cn","isKeyTab","isShortcutPaste","MouseDrag","isEdge","isIE11","removeAllSelections","selectNodeContents","jsStyles","jsInputStyles","ThemeContext","CommonWrapper","HiddenInput","InputLikeText","state","blinking","focused","theme","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","focusTimeout","blinkTimeout","selectInnerNode","start","end","setTimeout","clearInterval","window","focus","renderMain","props","innerRef","tabIndex","placeholder","align","borderless","width","size","error","warning","onValueChange","disabled","prefix","suffix","leftIcon","rightIcon","value","onMouseDragStart","onMouseDragEnd","rest","leftSide","renderLeftSide","rightSide","renderRightSide","className","root","getSizeClassName","withoutLeftSide","blink","focusFallback","warningFallback","errorFallback","wrapperClass","wrapper","userSelectContain","textAlign","undefined","handleFocus","handleBlur","handleKeyDown","handleMouseDown","input","children","renderPlaceholder","hiddenInputRef","renderLeftIcon","renderIcon","getIconClassname","renderRightIcon","icon","Function","useDefaultColor","renderPrefix","renderSuffix","sideContainer","rightContainer","handleDocumentMouseDown","e","target","Node","contains","defrost","handleDocumentKeyDown","onKeyDown","handleMouseDragStart","document","documentElement","classList","add","userSelectNone","handleMouseDragEnd","remove","body","setState","onFocus","stopPropagation","onBlur","el","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","blur","getNode","componentDidMount","listen","addEventListener","componentWillUnmount","clearTimeout","stop","removeEventListener","render","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","Component","__KONTUR_REACT_UI__","defaultProps"],"mappings":"oOAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,SAASC,QAAT,EAAmBC,eAAnB,QAA0C,uCAA1C;AACA,SAASC,SAAT,QAAiD,4BAAjD;AACA,SAASC,MAAT,EAAiBC,MAAjB,QAA+B,kBAA/B;;AAEA,SAASC,mBAAT,EAA8BC,kBAA9B,QAAwD,qDAAxD;;AAEA,SAASC,QAAQ,IAAIC,aAArB,QAA0C,qCAA1C;AACA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAAsBC,aAAtB,QAAmE,8BAAnE;;AAEA,SAASH,QAAT,QAAyB,wBAAzB;AACA,SAASI,WAAT,QAA4B,eAA5B;;;;;;;;;;;;;AAaA,WAAaC,aAAb;;;;;AAKSC,IAAAA,KALT,GAKiB,EAAEC,QAAQ,EAAE,KAAZ,EAAmBC,OAAO,EAAE,KAA5B,EALjB;;AAOUC,IAAAA,KAPV;AAQUC,IAAAA,IARV,GAQqC,IARrC;AASUC,IAAAA,WATV,GASiD,IATjD;AAUUC,IAAAA,qBAVV,GAUwE,IAVxE;AAWUC,IAAAA,MAXV,GAWmB,KAXnB;AAYUC,IAAAA,UAZV,GAYuB,KAZvB;AAaUC,IAAAA,QAbV,GAaqB,KAbrB;AAcUC,IAAAA,YAdV;AAeUC,IAAAA,YAfV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDSC,IAAAA,eAnDT,GAmD2B,UAACR,IAAD,EAA2BS,KAA3B,EAAsCC,GAAtC,EAAkD,KAAvBD,KAAuB,cAAvBA,KAAuB,GAAf,CAAe,MAAZC,GAAY,cAAZA,GAAY,GAAN,CAAM;AACzE,UAAI,MAAKL,QAAL,IAAiB,CAACL,IAAtB,EAA4B;AAC1B;AACD;AACD,YAAKG,MAAL,GAAc,IAAd;AACA,YAAKC,UAAL,GAAkB,IAAlB;;AAEA,YAAKF,qBAAL,GAA6B,CAACF,IAAD,EAAOS,KAAP,EAAcC,GAAd,CAA7B;AACAC,MAAAA,UAAU,CAAC,oBAAMtB,kBAAkB,CAACW,IAAD,EAAOS,KAAP,EAAcC,GAAd,CAAxB,EAAD,EAA6C,CAA7C,CAAV;AACA,UAAI,MAAKJ,YAAT,EAAuB;AACrBM,QAAAA,aAAa,CAAC,MAAKN,YAAN,CAAb;AACD;AACD,YAAKA,YAAL,GAAoBO,MAAM,CAACF,UAAP,CAAkB,oBAAM,CAACxB,MAAM,IAAID,MAAX,KAAsB,MAAKc,IAA3B,IAAmC,MAAKA,IAAL,CAAUc,KAAV,EAAzC,EAAlB,EAA8E,CAA9E,CAApB;AACD,KAhEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgGUC,IAAAA,UAhGV,GAgGuB,UAACC,KAAD,EAAuD;;AAExEC,MAAAA,QAFwE;;;;;;;;;;;;;;;;;;;AAqBtED,MAAAA,KArBsE,CAExEC,QAFwE,CAGxEC,QAHwE,GAqBtEF,KArBsE,CAGxEE,QAHwE,CAIxEC,WAJwE,GAqBtEH,KArBsE,CAIxEG,WAJwE,CAKxEC,KALwE,GAqBtEJ,KArBsE,CAKxEI,KALwE,CAMxEC,UANwE,GAqBtEL,KArBsE,CAMxEK,UANwE,CAOxEC,KAPwE,GAqBtEN,KArBsE,CAOxEM,KAPwE,CAQxEC,IARwE,GAqBtEP,KArBsE,CAQxEO,IARwE,CASxEC,KATwE,GAqBtER,KArBsE,CASxEQ,KATwE,CAUxEC,OAVwE,GAqBtET,KArBsE,CAUxES,OAVwE,CAWxEC,aAXwE,GAqBtEV,KArBsE,CAWxEU,aAXwE,CAYxEC,QAZwE,GAqBtEX,KArBsE,CAYxEW,QAZwE,CAaxEC,MAbwE,GAqBtEZ,KArBsE,CAaxEY,MAbwE,CAcxEC,MAdwE,GAqBtEb,KArBsE,CAcxEa,MAdwE,CAexEC,QAfwE,GAqBtEd,KArBsE,CAexEc,QAfwE,CAgBxEC,SAhBwE,GAqBtEf,KArBsE,CAgBxEe,SAhBwE,CAiBxEC,KAjBwE,GAqBtEhB,KArBsE,CAiBxEgB,KAjBwE,CAkBxEC,gBAlBwE,GAqBtEjB,KArBsE,CAkBxEiB,gBAlBwE,CAmBxEC,cAnBwE,GAqBtElB,KArBsE,CAmBxEkB,cAnBwE,CAoBrEC,IApBqE,iCAqBtEnB,KArBsE;;AAuB5C,YAAKpB,KAvBuC,CAuBlEE,OAvBkE,eAuBlEA,OAvBkE,CAuBzDD,QAvByD,eAuBzDA,QAvByD;;AAyB1E,UAAMuC,QAAQ,GAAG,MAAKC,cAAL,EAAjB;AACA,UAAMC,SAAS,GAAG,MAAKC,eAAL,EAAlB;;AAEA,UAAMC,SAAS,GAAG1D,EAAE,CAACQ,QAAQ,CAACmD,IAAT,EAAD,EAAkBlD,aAAa,CAACkD,IAAd,CAAmB,MAAK1C,KAAxB,CAAlB,EAAkD,MAAK2C,gBAAL,EAAlD;AACjBnD,MAAAA,aAAa,CAAC8B,UAAd,EADiB,IACY,CAAC,CAACA,UADd;AAEjB/B,MAAAA,QAAQ,CAACqD,eAAT,EAFiB,IAEY,CAACP,QAFb;AAGjB7C,MAAAA,aAAa,CAACuB,KAAd,CAAoB,MAAKf,KAAzB,CAHiB,IAGiBD,OAHjB;AAIjBP,MAAAA,aAAa,CAACqD,KAAd,CAAoB,MAAK7C,KAAzB,CAJiB,IAIiBF,QAJjB;AAKjBN,MAAAA,aAAa,CAACkC,OAAd,CAAsB,MAAK1B,KAA3B,CALiB,IAKmB,CAAC,CAAC0B,OALrB;AAMjBlC,MAAAA,aAAa,CAACiC,KAAd,CAAoB,MAAKzB,KAAzB,CANiB,IAMiB,CAAC,CAACyB,KANnB;AAOjBjC,MAAAA,aAAa,CAACoC,QAAd,CAAuB,MAAK5B,KAA5B,CAPiB,IAOoB,CAAC,CAAC4B,QAPtB;AAQjBpC,MAAAA,aAAa,CAACsD,aAAd,CAA4B,MAAK9C,KAAjC,CARiB,IAQyBD,OAAO,KAAKX,MAAM,IAAID,MAAf,CARhC;AASjBK,MAAAA,aAAa,CAACuD,eAAd,CAA8B,MAAK/C,KAAnC,CATiB,IAS2B,CAAC,CAAC0B,OAAF,KAActC,MAAM,IAAID,MAAxB,CAT3B;AAUjBK,MAAAA,aAAa,CAACwD,aAAd,CAA4B,MAAKhD,KAAjC,CAViB,IAUyB,CAAC,CAACyB,KAAF,KAAYrC,MAAM,IAAID,MAAtB,CAVzB,OAApB;;;AAaA,UAAM8D,YAAY,GAAGlE,EAAE,CAACS,aAAa,CAAC0D,OAAd,EAAD;AACpB3D,MAAAA,QAAQ,CAAC4D,iBAAT,EADoB,IACWpD,OADX,QAAvB;;;AAIA;AACE;AACMqC,QAAAA,IADN;AAEE,UAAA,SAAS,EAAEK,SAFb;AAGE,UAAA,KAAK,EAAE,EAAElB,KAAK,EAALA,KAAF,EAAS6B,SAAS,EAAE/B,KAApB,EAHT;AAIE,UAAA,QAAQ,EAAEO,QAAQ,GAAGyB,SAAH,GAAe,CAJnC;AAKE,UAAA,OAAO,EAAE,MAAKC,WALhB;AAME,UAAA,MAAM,EAAE,MAAKC,UANf;AAOE,UAAA,GAAG,EAAE,MAAKrC,QAPZ;AAQE,UAAA,SAAS,EAAE,MAAKsC,aARlB;AASE,UAAA,WAAW,EAAE,MAAKC,eATpB;;AAWE,uCAAO,IAAI,EAAC,QAAZ,EAAqB,KAAK,EAAExB,KAA5B,GAXF;AAYGI,QAAAA,QAZH;AAaE,sCAAM,SAAS,EAAEY,YAAjB;AACE,sCAAM,YAAS,sBAAf,EAAsC,SAAS,EAAElE,EAAE,CAACQ,QAAQ,CAACmE,KAAT,EAAD,EAAmBlE,aAAa,CAACkE,KAAd,CAAoB,MAAK1D,KAAzB,CAAnB,CAAnD;AACG,cAAKiB,KAAL,CAAW0C,QADd,CADF;;AAIG,cAAKC,iBAAL,EAJH,CAbF;;AAmBGrB,QAAAA,SAnBH;AAoBGnD,QAAAA,MAAM,IAAIW,OAAV,iBAAqB,oBAAC,WAAD,IAAa,OAAO,EAAE,MAAK8D,cAA3B,GApBxB,CADF;;;AAwBD,KArKH;;;;;;;;;;;;;;AAmLUC,IAAAA,cAnLV,GAmL2B,YAAM;AAC7B,aAAO,MAAKC,UAAL,CAAgB,MAAK9C,KAAL,CAAWc,QAA3B,EAAqC,MAAKiC,gBAAL,EAArC,CAAP;AACD,KArLH;;AAuLUC,IAAAA,eAvLV,GAuL4B,YAAM;AAC9B,aAAO,MAAKF,UAAL,CAAgB,MAAK9C,KAAL,CAAWe,SAA3B,EAAsC,MAAKgC,gBAAL,CAAsB,IAAtB,CAAtC,CAAP;AACD,KAzLH;;AA2LUD,IAAAA,UA3LV,GA2LuB,UAACG,IAAD,EAAsBzB,SAAtB,EAAgE;AACnF,UAAI,CAACyB,IAAL,EAAW;AACT,eAAO,IAAP;AACD;;AAED,UAAIA,IAAI,YAAYC,QAApB,EAA8B;AAC5B,4BAAO,8BAAM,SAAS,EAAE1B,SAAjB,IAA6ByB,IAAI,EAAjC,CAAP;AACD;;AAED,0BAAO,8BAAM,SAAS,EAAEnF,EAAE,CAAC0D,SAAD,EAAYjD,aAAa,CAAC4E,eAAd,CAA8B,MAAKpE,KAAnC,CAAZ,CAAnB,IAA4EkE,IAA5E,CAAP;AACD,KArMH;;AAuMUG,IAAAA,YAvMV,GAuMyB,YAA0B;AACvCxC,MAAAA,MADuC,GAC5B,MAAKZ,KADuB,CACvCY,MADuC;;AAG/C,UAAI,CAACA,MAAL,EAAa;AACX,eAAO,IAAP;AACD;;AAED,0BAAO,8BAAM,SAAS,EAAErC,aAAa,CAACqC,MAAd,CAAqB,MAAK7B,KAA1B,CAAjB,IAAoD6B,MAApD,CAAP;AACD,KA/MH;;AAiNUyC,IAAAA,YAjNV,GAiNyB,YAA0B;AACvCxC,MAAAA,MADuC,GAC5B,MAAKb,KADuB,CACvCa,MADuC;;AAG/C,UAAI,CAACA,MAAL,EAAa;AACX,eAAO,IAAP;AACD;;AAED,0BAAO,8BAAM,SAAS,EAAEtC,aAAa,CAACsC,MAAd,CAAqB,MAAK9B,KAA1B,CAAjB,IAAoD8B,MAApD,CAAP;AACD,KAzNH;;AA2NUQ,IAAAA,cA3NV,GA2N2B,YAA0B;AACjD,UAAMP,QAAQ,GAAG,MAAK+B,cAAL,EAAjB;AACA,UAAMjC,MAAM,GAAG,MAAKwC,YAAL,EAAf;;AAEA,UAAI,CAACtC,QAAD,IAAa,CAACF,MAAlB,EAA0B;AACxB,eAAO,IAAP;AACD;;AAED;AACE,sCAAM,SAAS,EAAErC,aAAa,CAAC+E,aAAd,EAAjB;AACGxC,QAAAA,QADH;AAEGF,QAAAA,MAFH,CADF;;;AAMD,KAzOH;;AA2OUW,IAAAA,eA3OV,GA2O4B,YAA0B;AAClD,UAAMR,SAAS,GAAG,MAAKiC,eAAL,EAAlB;AACA,UAAMnC,MAAM,GAAG,MAAKwC,YAAL,EAAf;;AAEA,UAAI,CAACtC,SAAD,IAAc,CAACF,MAAnB,EAA2B;AACzB,eAAO,IAAP;AACD;;AAED;AACE,sCAAM,SAAS,EAAE/C,EAAE,CAACS,aAAa,CAAC+E,aAAd,EAAD,EAAgC/E,aAAa,CAACgF,cAAd,EAAhC,CAAnB;AACGxC,QAAAA,SADH;AAEGF,QAAAA,MAFH,CADF;;;AAMD,KAzPH;;AA2PU8B,IAAAA,iBA3PV,GA2P8B,YAA0B;AAClB,YAAK3C,KADa,CAC5C0C,QAD4C,eAC5CA,QAD4C,CAClCvC,WADkC,eAClCA,WADkC;;AAGpD,UAAI,CAACuC,QAAD,IAAavC,WAAjB,EAA8B;AAC5B,4BAAO,8BAAM,SAAS,EAAE5B,aAAa,CAAC4B,WAAd,CAA0B,MAAKpB,KAA/B,CAAjB,IAAyDoB,WAAzD,CAAP;AACD;AACD,aAAO,IAAP;AACD,KAlQH;;AAoQUqD,IAAAA,uBApQV,GAoQoC,UAACC,CAAD,EAAmB;AACnD,UAAI,MAAK7E,KAAL,CAAWE,OAAX,IAAsB,MAAKE,IAA3B,IAAmCyE,CAAC,CAACC,MAAF,YAAoBC,IAAvD,IAA+D,CAAC,MAAK3E,IAAL,CAAU4E,QAAV,CAAmBH,CAAC,CAACC,MAArB,CAApE,EAAkG;AAChG,cAAKG,OAAL;AACD;AACF,KAxQH;;AA0QUC,IAAAA,qBA1QV,GA0QkC,UAACL,CAAD,EAAsB;AACpD,UAAI,MAAK7E,KAAL,CAAWE,OAAX,IAAsBf,QAAQ,CAAC0F,CAAD,CAAlC,EAAuC;AACrC,cAAKI,OAAL;AACD;AACF,KA9QH;;AAgRUrB,IAAAA,eAhRV,GAgR4B,UAACiB,CAAD,EAAsC;AAC9D,YAAKtE,MAAL,GAAc,IAAd;AACD,KAlRH;;AAoRUoD,IAAAA,aApRV,GAoR0B,UAACkB,CAAD,EAAyC;AAC/D,UAAI,MAAKzD,KAAL,CAAWW,QAAf,EAAyB;AACvB;AACD;;AAED,UAAIxC,MAAM,IAAIH,eAAe,CAACyF,CAAD,CAAzB,IAAgC,MAAKxE,WAAzC,EAAsD;AACpD,cAAKE,MAAL,GAAc,IAAd;AACAQ,QAAAA,UAAU,CAAC,YAAM;AACf,cAAI,MAAKT,qBAAT,EAAgC;AAC9B,6BAAKM,eAAL,eAAwB,MAAKN,qBAA7B;AACD;AACD,cAAI,MAAKF,IAAT,EAAe;AACb,kBAAKA,IAAL,CAAUc,KAAV;AACD;AACF,SAPS,EAOP,CAPO,CAAV;;AASA,cAAKb,WAAL,CAAiBa,KAAjB;AACD;;AAED,UAAI,MAAKE,KAAL,CAAW+D,SAAf,EAA0B;AACxB,cAAK/D,KAAL,CAAW+D,SAAX,CAAqBN,CAArB;AACD;AACF,KA1SH;;AA4SUO,IAAAA,oBA5SV,GA4SwD,UAAAP,CAAC,EAAI;AACzD,YAAKpE,QAAL,GAAgB,IAAhB;AACA4E,MAAAA,QAAQ,CAACC,eAAT,CAAyBC,SAAzB,CAAmCC,GAAnC,CAAuC9F,QAAQ,CAAC+F,cAAT,EAAvC;;AAEA,UAAI,MAAKrE,KAAL,CAAWiB,gBAAf,EAAiC;AAC/B,cAAKjB,KAAL,CAAWiB,gBAAX,CAA4BwC,CAA5B;AACD;AACF,KAnTH;;AAqTUa,IAAAA,kBArTV,GAqTsD,UAAAb,CAAC,EAAI;AACvD;AACA9D,MAAAA,UAAU,CAAC,YAAM;AACf,cAAKN,QAAL,GAAgB,KAAhB;;AAEA,YAAI,MAAKW,KAAL,CAAWkB,cAAf,EAA+B;AAC7B,gBAAKlB,KAAL,CAAWkB,cAAX,CAA0BuC,CAA1B;AACD;AACF,OANS,EAMP,CANO,CAAV;;AAQAQ,MAAAA,QAAQ,CAACC,eAAT,CAAyBC,SAAzB,CAAmCI,MAAnC,CAA0CjG,QAAQ,CAAC+F,cAAT,EAA1C;AACD,KAhUH;;AAkUUhC,IAAAA,WAlUV,GAkUwB,UAACoB,CAAD,EAAsC;AAC1D,UAAI,MAAKzD,KAAL,CAAWW,QAAf,EAAyB;AACvB,YAAIxC,MAAJ,EAAY;AACVE,UAAAA,kBAAkB,CAAC4F,QAAQ,CAACO,IAAV,EAAgB,CAAhB,EAAmB,CAAnB,CAAlB;AACD;AACD;AACD;;AAED,UAAI,CAACrG,MAAM,IAAID,MAAX,KAAsB,MAAKiB,MAA/B,EAAuC;AACrC,cAAKA,MAAL,GAAc,KAAd;AACA,YAAI,MAAKP,KAAL,CAAWE,OAAf,EAAwB;AACtB;AACD;AACF;;AAED,YAAK2F,QAAL,CAAc,EAAE3F,OAAO,EAAE,IAAX,EAAd;;AAEA,UAAI,MAAKkB,KAAL,CAAW0E,OAAf,EAAwB;AACtB,cAAK1E,KAAL,CAAW0E,OAAX,CAAmBjB,CAAnB;AACD;AACF,KAtVH;;AAwVUnB,IAAAA,UAxVV,GAwVuB,UAACmB,CAAD,EAAsC;AACzD,UAAI,MAAKzD,KAAL,CAAWW,QAAf,EAAyB;AACvB8C,QAAAA,CAAC,CAACkB,eAAF;AACA;AACD;;AAED,UAAI,CAACxG,MAAM,IAAID,MAAX,KAAsB,MAAKkB,UAA/B,EAA2C;AACzC,cAAKA,UAAL,GAAkB,KAAlB;AACA;AACD;AACD,UAAI,CAACjB,MAAM,IAAID,MAAX,KAAsB,MAAKiB,MAA/B,EAAuC;AACrC;AACD;;AAEDf,MAAAA,mBAAmB;;AAEnB,YAAKqG,QAAL,CAAc,EAAE3F,OAAO,EAAE,KAAX,EAAd;;AAEA,UAAI,MAAKkB,KAAL,CAAW4E,MAAf,EAAuB;AACrB,cAAK5E,KAAL,CAAW4E,MAAX,CAAkBnB,CAAlB;AACD;AACF,KA7WH;;AA+WUb,IAAAA,cA/WV,GA+W2B,UAACiC,EAAD,EAAiC;AACxD,YAAK5F,WAAL,GAAmB4F,EAAnB;AACD,KAjXH;;AAmXU5E,IAAAA,QAnXV,GAmXqB,UAAC4E,EAAD,EAA4B;AAC7C,UAAI,MAAK7E,KAAL,CAAWC,QAAf,EAAyB;AACvB,cAAKD,KAAL,CAAWC,QAAX,CAAoB4E,EAApB;AACD;AACD,YAAK7F,IAAL,GAAY6F,EAAZ;AACD,KAxXH;;AA0XUhB,IAAAA,OA1XV,GA0XoB,YAAY;AAC5B,YAAK1E,MAAL,GAAc,KAAd;AACA,YAAKC,UAAL,GAAkB,KAAlB;AACD,KA7XH;;AA+XUsC,IAAAA,gBA/XV,GA+X6B,YAAM;AAC/B,cAAQ,MAAK1B,KAAL,CAAWO,IAAnB;AACE,aAAK,OAAL;AACE;AACGhC,UAAAA,aAAa,CAACuG,SAAd,CAAwB,MAAK/F,KAA7B,CADH,IACyC,IADzC;AAEGR,UAAAA,aAAa,CAACwG,iBAAd,CAAgC,MAAKhG,KAArC,CAFH,IAEiDZ,MAAM,IAAID,MAF3D;;AAIF,aAAK,QAAL;AACE;AACGK,UAAAA,aAAa,CAACyG,UAAd,CAAyB,MAAKjG,KAA9B,CADH,IAC0C,IAD1C;AAEGR,UAAAA,aAAa,CAAC0G,kBAAd,CAAiC,MAAKlG,KAAtC,CAFH,IAEkDZ,MAAM,IAAID,MAF5D;;AAIF,aAAK,OAAL;AACA;AACE;AACGK,UAAAA,aAAa,CAAC2G,SAAd,CAAwB,MAAKnG,KAA7B,CADH,IACyC,IADzC;AAEGR,UAAAA,aAAa,CAAC4G,iBAAd,CAAgC,MAAKpG,KAArC,CAFH,IAEiDZ,MAAM,IAAID,MAF3D,QAbJ;;;AAkBD,KAlZH,qDAiBE;AACF;AACA,KAnBA,OAoBS4B,KApBT,GAoBE,iBAAe,CACb,IAAI,KAAKd,IAAT,EAAe,CACb,KAAKA,IAAL,CAAUc,KAAV,GACD,CACF,CAxBH,CA0BE;AACF;AACA,KA5BA,QA6BSsF,IA7BT,GA6BE,gBAAc,CACZ,IAAI,KAAKpG,IAAT,EAAe,CACb,KAAKA,IAAL,CAAUoG,IAAV,GACD,CACF,CAjCH,CAmCE;AACF;AACA,KArCA,QAsCSxD,KAtCT,GAsCE,iBAAe,mBACb,IAAI,KAAK5B,KAAL,CAAWW,QAAf,EAAyB,CACvB,OACD,CACD,KAAK8D,QAAL,CAAc,EAAE5F,QAAQ,EAAE,IAAZ,EAAd,EAAkC,YAAM,CACtC,MAAI,CAACU,YAAL,GAAoBM,MAAM,CAACF,UAAP,CAAkB,oBAAM,MAAI,CAAC8E,QAAL,CAAc,EAAE5F,QAAQ,EAAE,KAAZ,EAAd,CAAN,EAAlB,EAA4D,GAA5D,CAApB,CACD,CAFD,EAGD,CA7CH,QA+CSwG,OA/CT,GA+CE,mBAAqC,CACnC,OAAO,KAAKrG,IAAZ,CACD,CAjDH,QAkESsG,iBAlET,GAkEE,6BAA2B,CACzB,IAAI,KAAKtG,IAAT,EAAe,CACbf,SAAS,CAACsH,MAAV,CAAiB,KAAKvG,IAAtB,EACGiC,gBADH,CACoB,KAAK+C,oBADzB,EAEG9C,cAFH,CAEkB,KAAKoD,kBAFvB,EAGD,CACDL,QAAQ,CAACuB,gBAAT,CAA0B,WAA1B,EAAuC,KAAKhC,uBAA5C,EACAS,QAAQ,CAACuB,gBAAT,CAA0B,SAA1B,EAAqC,KAAK1B,qBAA1C,EACD,CA1EH,QA4ES2B,oBA5ET,GA4EE,gCAA8B,CAC5B,IAAI,KAAKlG,YAAT,EAAuB,CACrBmG,YAAY,CAAC,KAAKnG,YAAN,CAAZ,CACD,CACDtB,SAAS,CAAC0H,IAAV,CAAe,KAAK3G,IAApB,EACAiF,QAAQ,CAAC2B,mBAAT,CAA6B,WAA7B,EAA0C,KAAKpC,uBAA/C,EACAS,QAAQ,CAAC2B,mBAAT,CAA6B,SAA7B,EAAwC,KAAK9B,qBAA7C,EACD,CAnFH,QAqFS+B,MArFT,GAqFE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAAA9G,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBAAO,oBAAC,aAAD,EAAmB,MAAI,CAACiB,KAAxB,EAAgC,MAAI,CAACD,UAArC,CAAP,CACD,CAJH,CADF,CAQD,CA9FH,QAuKUgD,gBAvKV,GAuKE,0BAAyB+C,KAAzB,EAAwC,KAAfA,KAAe,cAAfA,KAAe,GAAP,KAAO,EACtC,QAAQ,KAAK9F,KAAL,CAAWO,IAAnB,GACE,KAAK,OAAL,CACE,OAAOuF,KAAK,GAAGvH,aAAa,CAACwH,cAAd,CAA6B,KAAKhH,KAAlC,CAAH,GAA8CR,aAAa,CAACyH,aAAd,CAA4B,KAAKjH,KAAjC,CAA1D,CACF,KAAK,QAAL,CACE,OAAO+G,KAAK,GAAGvH,aAAa,CAAC0H,eAAd,CAA8B,KAAKlH,KAAnC,CAAH,GAA+CR,aAAa,CAAC2H,cAAd,CAA6B,KAAKnH,KAAlC,CAA3D,CACF,KAAK,OAAL,CACA,QACE,OAAO+G,KAAK,GAAGvH,aAAa,CAAC4H,cAAd,CAA6B,KAAKpH,KAAlC,CAAH,GAA8CR,aAAa,CAAC6H,aAAd,CAA4B,KAAKrH,KAAjC,CAA1D,CAPJ,CASD,CAjLH,wBAAmClB,KAAK,CAACwI,SAAzC,EAAa1H,a,CACG2H,mB,GAAsB,e,CADzB3H,a,CAGG4H,Y,GAAe,EAAEhG,IAAI,EAAE,OAAR,E","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { isKeyTab, isShortcutPaste } from '../../lib/events/keyboard/identifiers';\r\nimport { MouseDrag, MouseDragEventHandler } from '../../lib/events/MouseDrag';\r\nimport { isEdge, isIE11 } from '../../lib/client';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { removeAllSelections, selectNodeContents } from '../../components/DateInput/helpers/SelectionHelpers';\r\nimport { InputProps, InputIconType, InputState } from '../../components/Input';\r\nimport { jsStyles as jsInputStyles } from '../../components/Input/Input.styles';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper';\r\n\r\nimport { jsStyles } from './InputLikeText.styles';\r\nimport { HiddenInput } from './HiddenInput';\r\n\r\nexport interface InputLikeTextProps extends CommonProps, InputProps {\r\n  children?: React.ReactNode;\r\n  innerRef?: (el: HTMLElement | null) => void;\r\n  onFocus?: React.FocusEventHandler<HTMLElement>;\r\n  onBlur?: React.FocusEventHandler<HTMLElement>;\r\n  onMouseDragStart?: MouseDragEventHandler;\r\n  onMouseDragEnd?: MouseDragEventHandler;\r\n}\r\n\r\nexport type InputLikeTextState = Omit<InputState, 'polyfillPlaceholder'>;\r\n\r\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\r\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\r\n\r\n  public static defaultProps = { size: 'small' };\r\n\r\n  public state = { blinking: false, focused: false };\r\n\r\n  private theme!: Theme;\r\n  private node: HTMLElement | null = null;\r\n  private hiddenInput: HTMLInputElement | null = null;\r\n  private lastSelectedInnerNode: [HTMLElement, number, number] | null = null;\r\n  private frozen = false;\r\n  private frozenBlur = false;\r\n  private dragging = false;\r\n  private focusTimeout: Nullable<number>;\r\n  private blinkTimeout: Nullable<number>;\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public focus() {\r\n    if (this.node) {\r\n      this.node.focus();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blur() {\r\n    if (this.node) {\r\n      this.node.blur();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @public\r\n   */\r\n  public blink() {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n    this.setState({ blinking: true }, () => {\r\n      this.blinkTimeout = window.setTimeout(() => this.setState({ blinking: false }), 150);\r\n    });\r\n  }\r\n\r\n  public getNode(): HTMLElement | null {\r\n    return this.node;\r\n  }\r\n\r\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\r\n    if (this.dragging || !node) {\r\n      return;\r\n    }\r\n    this.frozen = true;\r\n    this.frozenBlur = true;\r\n\r\n    this.lastSelectedInnerNode = [node, start, end];\r\n    setTimeout(() => selectNodeContents(node, start, end), 0);\r\n    if (this.focusTimeout) {\r\n      clearInterval(this.focusTimeout);\r\n    }\r\n    this.focusTimeout = window.setTimeout(() => (isIE11 || isEdge) && this.node && this.node.focus(), 0);\r\n  };\r\n\r\n  public componentDidMount() {\r\n    if (this.node) {\r\n      MouseDrag.listen(this.node)\r\n        .onMouseDragStart(this.handleMouseDragStart)\r\n        .onMouseDragEnd(this.handleMouseDragEnd);\r\n    }\r\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\r\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.blinkTimeout) {\r\n      clearTimeout(this.blinkTimeout);\r\n    }\r\n    MouseDrag.stop(this.node);\r\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\r\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return <CommonWrapper {...this.props}>{this.renderMain}</CommonWrapper>;\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  private renderMain = (props: CommonWrapperRestProps<InputLikeTextProps>) => {\r\n    const {\r\n      innerRef,\r\n      tabIndex,\r\n      placeholder,\r\n      align,\r\n      borderless,\r\n      width,\r\n      size,\r\n      error,\r\n      warning,\r\n      onValueChange,\r\n      disabled,\r\n      prefix,\r\n      suffix,\r\n      leftIcon,\r\n      rightIcon,\r\n      value,\r\n      onMouseDragStart,\r\n      onMouseDragEnd,\r\n      ...rest\r\n    } = props;\r\n\r\n    const { focused, blinking } = this.state;\r\n\r\n    const leftSide = this.renderLeftSide();\r\n    const rightSide = this.renderRightSide();\r\n\r\n    const className = cn(jsStyles.root(), jsInputStyles.root(this.theme), this.getSizeClassName(), {\r\n      [jsInputStyles.borderless()]: !!borderless,\r\n      [jsStyles.withoutLeftSide()]: !leftSide,\r\n      [jsInputStyles.focus(this.theme)]: focused,\r\n      [jsInputStyles.blink(this.theme)]: blinking,\r\n      [jsInputStyles.warning(this.theme)]: !!warning,\r\n      [jsInputStyles.error(this.theme)]: !!error,\r\n      [jsInputStyles.disabled(this.theme)]: !!disabled,\r\n      [jsInputStyles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\r\n      [jsInputStyles.warningFallback(this.theme)]: !!warning && (isIE11 || isEdge),\r\n      [jsInputStyles.errorFallback(this.theme)]: !!error && (isIE11 || isEdge),\r\n    });\r\n\r\n    const wrapperClass = cn(jsInputStyles.wrapper(), {\r\n      [jsStyles.userSelectContain()]: focused,\r\n    });\r\n\r\n    return (\r\n      <span\r\n        {...rest}\r\n        className={className}\r\n        style={{ width, textAlign: align }}\r\n        tabIndex={disabled ? undefined : 0}\r\n        onFocus={this.handleFocus}\r\n        onBlur={this.handleBlur}\r\n        ref={this.innerRef}\r\n        onKeyDown={this.handleKeyDown}\r\n        onMouseDown={this.handleMouseDown}\r\n      >\r\n        <input type=\"hidden\" value={value} />\r\n        {leftSide}\r\n        <span className={wrapperClass}>\r\n          <span data-tid=\"InputLikeText__input\" className={cn(jsStyles.input(), jsInputStyles.input(this.theme))}>\r\n            {this.props.children}\r\n          </span>\r\n          {this.renderPlaceholder()}\r\n        </span>\r\n        {rightSide}\r\n        {isIE11 && focused && <HiddenInput nodeRef={this.hiddenInputRef} />}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private getIconClassname(right = false) {\r\n    switch (this.props.size) {\r\n      case 'large':\r\n        return right ? jsInputStyles.rightIconLarge(this.theme) : jsInputStyles.leftIconLarge(this.theme);\r\n      case 'medium':\r\n        return right ? jsInputStyles.rightIconMedium(this.theme) : jsInputStyles.leftIconMedium(this.theme);\r\n      case 'small':\r\n      default:\r\n        return right ? jsInputStyles.rightIconSmall(this.theme) : jsInputStyles.leftIconSmall(this.theme);\r\n    }\r\n  }\r\n\r\n  private renderLeftIcon = () => {\r\n    return this.renderIcon(this.props.leftIcon, this.getIconClassname());\r\n  };\r\n\r\n  private renderRightIcon = () => {\r\n    return this.renderIcon(this.props.rightIcon, this.getIconClassname(true));\r\n  };\r\n\r\n  private renderIcon = (icon: InputIconType, className: string): JSX.Element | null => {\r\n    if (!icon) {\r\n      return null;\r\n    }\r\n\r\n    if (icon instanceof Function) {\r\n      return <span className={className}>{icon()}</span>;\r\n    }\r\n\r\n    return <span className={cn(className, jsInputStyles.useDefaultColor(this.theme))}>{icon}</span>;\r\n  };\r\n\r\n  private renderPrefix = (): JSX.Element | null => {\r\n    const { prefix } = this.props;\r\n\r\n    if (!prefix) {\r\n      return null;\r\n    }\r\n\r\n    return <span className={jsInputStyles.prefix(this.theme)}>{prefix}</span>;\r\n  };\r\n\r\n  private renderSuffix = (): JSX.Element | null => {\r\n    const { suffix } = this.props;\r\n\r\n    if (!suffix) {\r\n      return null;\r\n    }\r\n\r\n    return <span className={jsInputStyles.suffix(this.theme)}>{suffix}</span>;\r\n  };\r\n\r\n  private renderLeftSide = (): JSX.Element | null => {\r\n    const leftIcon = this.renderLeftIcon();\r\n    const prefix = this.renderPrefix();\r\n\r\n    if (!leftIcon && !prefix) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <span className={jsInputStyles.sideContainer()}>\r\n        {leftIcon}\r\n        {prefix}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private renderRightSide = (): JSX.Element | null => {\r\n    const rightIcon = this.renderRightIcon();\r\n    const suffix = this.renderSuffix();\r\n\r\n    if (!rightIcon && !suffix) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <span className={cn(jsInputStyles.sideContainer(), jsInputStyles.rightContainer())}>\r\n        {rightIcon}\r\n        {suffix}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  private renderPlaceholder = (): JSX.Element | null => {\r\n    const { children, placeholder } = this.props;\r\n\r\n    if (!children && placeholder) {\r\n      return <span className={jsInputStyles.placeholder(this.theme)}>{placeholder}</span>;\r\n    }\r\n    return null;\r\n  };\r\n\r\n  private handleDocumentMouseDown = (e: MouseEvent) => {\r\n    if (this.state.focused && this.node && e.target instanceof Node && !this.node.contains(e.target)) {\r\n      this.defrost();\r\n    }\r\n  };\r\n\r\n  private handleDocumentKeyDown = (e: KeyboardEvent) => {\r\n    if (this.state.focused && isKeyTab(e)) {\r\n      this.defrost();\r\n    }\r\n  };\r\n\r\n  private handleMouseDown = (e: React.MouseEvent<HTMLElement>) => {\r\n    this.frozen = true;\r\n  };\r\n\r\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\r\n    if (this.props.disabled) {\r\n      return;\r\n    }\r\n\r\n    if (isIE11 && isShortcutPaste(e) && this.hiddenInput) {\r\n      this.frozen = true;\r\n      setTimeout(() => {\r\n        if (this.lastSelectedInnerNode) {\r\n          this.selectInnerNode(...this.lastSelectedInnerNode);\r\n        }\r\n        if (this.node) {\r\n          this.node.focus();\r\n        }\r\n      }, 0);\r\n\r\n      this.hiddenInput.focus();\r\n    }\r\n\r\n    if (this.props.onKeyDown) {\r\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\r\n    }\r\n  };\r\n\r\n  private handleMouseDragStart: MouseDragEventHandler = e => {\r\n    this.dragging = true;\r\n    document.documentElement.classList.add(jsStyles.userSelectNone());\r\n\r\n    if (this.props.onMouseDragStart) {\r\n      this.props.onMouseDragStart(e);\r\n    }\r\n  };\r\n\r\n  private handleMouseDragEnd: MouseDragEventHandler = e => {\r\n    // Дожидаемся onMouseUp\r\n    setTimeout(() => {\r\n      this.dragging = false;\r\n\r\n      if (this.props.onMouseDragEnd) {\r\n        this.props.onMouseDragEnd(e);\r\n      }\r\n    }, 0);\r\n\r\n    document.documentElement.classList.remove(jsStyles.userSelectNone());\r\n  };\r\n\r\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\r\n    if (this.props.disabled) {\r\n      if (isIE11) {\r\n        selectNodeContents(document.body, 0, 0);\r\n      }\r\n      return;\r\n    }\r\n\r\n    if ((isIE11 || isEdge) && this.frozen) {\r\n      this.frozen = false;\r\n      if (this.state.focused) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    this.setState({ focused: true });\r\n\r\n    if (this.props.onFocus) {\r\n      this.props.onFocus(e);\r\n    }\r\n  };\r\n\r\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\r\n    if (this.props.disabled) {\r\n      e.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    if ((isIE11 || isEdge) && this.frozenBlur) {\r\n      this.frozenBlur = false;\r\n      return;\r\n    }\r\n    if ((isIE11 || isEdge) && this.frozen) {\r\n      return;\r\n    }\r\n\r\n    removeAllSelections();\r\n\r\n    this.setState({ focused: false });\r\n\r\n    if (this.props.onBlur) {\r\n      this.props.onBlur(e);\r\n    }\r\n  };\r\n\r\n  private hiddenInputRef = (el: HTMLInputElement | null) => {\r\n    this.hiddenInput = el;\r\n  };\r\n\r\n  private innerRef = (el: HTMLElement | null) => {\r\n    if (this.props.innerRef) {\r\n      this.props.innerRef(el);\r\n    }\r\n    this.node = el;\r\n  };\r\n\r\n  private defrost = (): void => {\r\n    this.frozen = false;\r\n    this.frozenBlur = false;\r\n  };\r\n\r\n  private getSizeClassName = () => {\r\n    switch (this.props.size) {\r\n      case 'large':\r\n        return {\r\n          [jsInputStyles.sizeLarge(this.theme)]: true,\r\n          [jsInputStyles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\r\n        };\r\n      case 'medium':\r\n        return {\r\n          [jsInputStyles.sizeMedium(this.theme)]: true,\r\n          [jsInputStyles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\r\n        };\r\n      case 'small':\r\n      default:\r\n        return {\r\n          [jsInputStyles.sizeSmall(this.theme)]: true,\r\n          [jsInputStyles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\r\n        };\r\n    }\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["InputLikeText.tsx"],"names":["React","ReactDOM","debounce","globalObject","isFunction","isNonNullable","isKeyTab","isShortcutPaste","MouseDrag","isEdge","isIE11","isMobile","removeAllSelections","selectNodeContents","styles","jsInputStyles","ThemeContext","CommonWrapper","cx","findRenderContainer","rootNode","createPropsGetter","isTheme2022","InputLayoutAside","InputLayoutContext","InputLayoutContextDefault","isInstanceOf","FocusControlWrapper","HiddenInput","InputLikeTextDataTids","root","input","nativeInput","InputLikeText","getProps","defaultProps","state","blinking","focused","node","hiddenInput","lastSelectedInnerNode","frozen","frozenBlur","dragging","selectNodeContentsDebounced","selectInnerNode","start","end","document","body","focusTimeout","clearInterval","setTimeout","focus","renderMain","props","innerRef","tabIndex","placeholder","align","borderless","width","size","error","warning","onValueChange","disabled","prefix","suffix","leftIcon","rightIcon","value","onMouseDragStart","onMouseDragEnd","takeContentWidth","ariaDescribedby","rest","leftSide","theme","renderLeftSide","rightSide","renderRightSide","className","getSizeClassName","hovering","blink","focusFallback","warningFallback","errorFallback","hideBlinkingCursor","wrapperClass","wrapper","userSelectContain","context","Object","assign","resetFocus","textAlign","undefined","handleFocus","handleBlur","handleKeyDown","handleMouseDown","absolute","inputFocus","inputDisabled","children","renderPlaceholder","hiddenInputRef","renderLeftIcon","renderIcon","getIconClassname","renderRightIcon","icon","iconNode","useDefaultColor","iconDisabled","renderPrefix","prefixDisabled","renderSuffix","suffixDisabled","sideContainer","rightContainer","hasValue","placeholderDisabled","placeholderFocus","handleDocumentMouseDown","e","target","Node","contains","defrost","handleDocumentKeyDown","onKeyDown","handleMouseDragStart","documentElement","classList","add","userSelectNone","handleMouseDragEnd","remove","setAttribute","version","search","flushSync","setState","onFocus","cancel","removeAttribute","stopPropagation","onBlur","el","sizeLarge","sizeLargeFallback","sizeMedium","sizeMediumFallback","sizeSmall","sizeSmallFallback","blur","blinkTimeout","getNode","componentDidMount","listen","addEventListener","componentWillUnmount","clearTimeout","stop","removeEventListener","render","setRootNode","right","rightIconLarge","leftIconLarge","rightIconMedium","leftIconMedium","rightIconSmall","leftIconSmall","Component","__KONTUR_REACT_UI__","displayName"],"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 ReactDOM from 'react-dom';\nimport debounce from 'lodash.debounce';\nimport { globalObject, SafeTimer } from '@skbkontur/global-object';\n\nimport { isFunction, isNonNullable } from '../../lib/utils';\nimport { isKeyTab, isShortcutPaste } from '../../lib/events/keyboard/identifiers';\nimport { MouseDrag, MouseDragEventHandler } from '../../lib/events/MouseDrag';\nimport { isEdge, isIE11, isMobile } from '../../lib/client';\nimport { removeAllSelections, selectNodeContents } from '../../lib/dom/selectionHelpers';\nimport { InputIconType, InputProps, InputState } from '../../components/Input';\nimport { styles as jsInputStyles } from '../../components/Input/Input.styles';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { findRenderContainer } from '../../lib/listenFocusOutside';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { InputLayoutAside } from '../../components/Input/InputLayout/InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault } from '../../components/Input/InputLayout/InputLayoutContext';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { FocusControlWrapper } from '../FocusControlWrapper';\n\nimport { HiddenInput } from './HiddenInput';\nimport { styles } from './InputLikeText.styles';\n\nexport interface InputLikeTextProps extends CommonProps, InputProps {\n  children?: React.ReactNode;\n  innerRef?: (el: HTMLElement | null) => void;\n  onFocus?: React.FocusEventHandler<HTMLElement>;\n  onBlur?: React.FocusEventHandler<HTMLElement>;\n  onMouseDragStart?: MouseDragEventHandler;\n  onMouseDragEnd?: MouseDragEventHandler;\n  takeContentWidth?: boolean;\n}\n\nexport type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder'>;\n\nexport const InputLikeTextDataTids = {\n  root: 'InputLikeText__root',\n  input: 'InputLikeText__input',\n  nativeInput: 'InputLikeText__nativeInput',\n} as const;\n\ntype DefaultProps = Required<Pick<InputLikeTextProps, 'size'>>;\n\n@rootNode\nexport class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {\n  public static __KONTUR_REACT_UI__ = 'InputLikeText';\n  public static displayName = 'InputLikeText';\n\n  public static defaultProps: DefaultProps = { size: 'small' };\n\n  private getProps = createPropsGetter(InputLikeText.defaultProps);\n\n  public state = { blinking: false, focused: false };\n\n  private theme!: Theme;\n  private node: HTMLElement | null = null;\n  private hiddenInput: HTMLInputElement | null = null;\n  private lastSelectedInnerNode: [HTMLElement, number, number] | null = null;\n  private frozen = false;\n  private frozenBlur = false;\n  private dragging = false;\n  private focusTimeout: SafeTimer;\n  private blinkTimeout: SafeTimer;\n  private setRootNode!: TSetRootNode;\n\n  /**\n   * @public\n   */\n  public focus() {\n    if (this.node) {\n      this.node.focus();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blur() {\n    if (this.node) {\n      this.node.blur();\n    }\n  }\n\n  /**\n   * @public\n   */\n  public blink() {\n    if (this.props.disabled) {\n      return;\n    }\n    this.setState({ blinking: true }, () => {\n      this.blinkTimeout = globalObject.setTimeout(() => this.setState({ blinking: false }), 150);\n    });\n  }\n\n  public getNode(): HTMLElement | null {\n    return this.node;\n  }\n\n  // Async call required for Firefox\n  private selectNodeContentsDebounced = debounce(selectNodeContents, 0);\n\n  public selectInnerNode = (node: HTMLElement | null, start = 0, end = 1) => {\n    if (this.dragging || !node) {\n      return;\n    }\n    if (isIE11 && globalObject.document && findRenderContainer(node, globalObject.document.body)) {\n      // Code below causes Popup to close after triggering the focus event on the body in IE11\n      return;\n    }\n    this.frozen = true;\n    this.frozenBlur = true;\n\n    this.lastSelectedInnerNode = [node, start, end];\n    this.selectNodeContentsDebounced(node, start, end);\n\n    if (this.focusTimeout) {\n      globalObject.clearInterval(this.focusTimeout);\n    }\n    this.focusTimeout = globalObject.setTimeout(() => (isIE11 || isEdge) && this.node && this.node.focus(), 0);\n  };\n\n  public componentDidMount() {\n    if (this.node) {\n      MouseDrag.listen(this.node).onMouseDragStart(this.handleMouseDragStart).onMouseDragEnd(this.handleMouseDragEnd);\n    }\n    globalObject.document?.addEventListener('mousedown', this.handleDocumentMouseDown);\n    globalObject.document?.addEventListener('keydown', this.handleDocumentKeyDown);\n  }\n\n  public componentWillUnmount() {\n    if (this.blinkTimeout) {\n      globalObject.clearTimeout(this.blinkTimeout);\n    }\n    MouseDrag.stop(this.node);\n    globalObject.document?.removeEventListener('mousedown', this.handleDocumentMouseDown);\n    globalObject.document?.removeEventListener('keydown', this.handleDocumentKeyDown);\n  }\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<InputLikeTextProps>) => {\n    const {\n      innerRef,\n      tabIndex,\n      placeholder,\n      align,\n      borderless,\n      width,\n      size,\n      error,\n      warning,\n      onValueChange,\n      disabled,\n      prefix,\n      suffix,\n      leftIcon,\n      rightIcon,\n      value,\n      onMouseDragStart,\n      onMouseDragEnd,\n      takeContentWidth,\n      'aria-describedby': ariaDescribedby,\n      ...rest\n    } = props;\n\n    const { focused, blinking } = this.state;\n\n    const leftSide = isTheme2022(this.theme) ? (\n      <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n    ) : (\n      this.renderLeftSide()\n    );\n    const rightSide = isTheme2022(this.theme) ? (\n      <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n    ) : (\n      this.renderRightSide()\n    );\n\n    const className = cx(styles.root(), jsInputStyles.root(this.theme), this.getSizeClassName(), {\n      [jsInputStyles.disabled(this.theme)]: !!disabled,\n      [jsInputStyles.borderless()]: !!borderless,\n      [jsInputStyles.focus(this.theme)]: focused,\n      [jsInputStyles.hovering(this.theme)]: !focused && !disabled && !warning && !error && !borderless,\n      [jsInputStyles.blink(this.theme)]: blinking,\n      [jsInputStyles.warning(this.theme)]: !!warning,\n      [jsInputStyles.error(this.theme)]: !!error,\n      [jsInputStyles.focusFallback(this.theme)]: focused && (isIE11 || isEdge),\n      [jsInputStyles.warningFallback(this.theme)]: !!warning && (isIE11 || isEdge),\n      [jsInputStyles.errorFallback(this.theme)]: !!error && (isIE11 || isEdge),\n      [jsInputStyles.hideBlinkingCursor()]: isMobile,\n    });\n\n    const wrapperClass = cx(jsInputStyles.wrapper(), {\n      [styles.userSelectContain()]: focused,\n    });\n\n    const context = InputLayoutContextDefault;\n    Object.assign(context, { disabled, focused, size });\n\n    return (\n      <FocusControlWrapper disabled={disabled} onBlurWhenDisabled={this.resetFocus}>\n        <span\n          data-tid={InputLikeTextDataTids.root}\n          {...rest}\n          className={className}\n          style={{ width, textAlign: align }}\n          tabIndex={disabled ? undefined : 0}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          ref={this.innerRef}\n          onKeyDown={this.handleKeyDown}\n          onMouseDown={this.handleMouseDown}\n        >\n          <InputLayoutContext.Provider value={context}>\n            <input\n              data-tid={InputLikeTextDataTids.nativeInput}\n              type=\"hidden\"\n              value={value}\n              disabled={disabled}\n              aria-describedby={ariaDescribedby}\n            />\n            {leftSide}\n            <span className={wrapperClass}>\n              <span\n                data-tid={InputLikeTextDataTids.input}\n                className={cx(jsInputStyles.input(this.theme), {\n                  [styles.absolute()]: !takeContentWidth,\n                  [jsInputStyles.inputFocus(this.theme)]: focused,\n                  [jsInputStyles.inputDisabled(this.theme)]: disabled,\n                })}\n              >\n                {this.props.children}\n              </span>\n              {this.renderPlaceholder()}\n            </span>\n            {rightSide}\n            {isIE11 && focused && <HiddenInput nodeRef={this.hiddenInputRef} />}\n          </InputLayoutContext.Provider>\n        </span>\n      </FocusControlWrapper>\n    );\n  };\n\n  private getIconClassname(right = false) {\n    switch (this.getProps().size) {\n      case 'large':\n        return right ? jsInputStyles.rightIconLarge(this.theme) : jsInputStyles.leftIconLarge(this.theme);\n      case 'medium':\n        return right ? jsInputStyles.rightIconMedium(this.theme) : jsInputStyles.leftIconMedium(this.theme);\n      case 'small':\n      default:\n        return right ? jsInputStyles.rightIconSmall(this.theme) : jsInputStyles.leftIconSmall(this.theme);\n    }\n  }\n\n  private renderLeftIcon = () => {\n    return this.renderIcon(this.props.leftIcon, this.getIconClassname());\n  };\n\n  private renderRightIcon = () => {\n    return this.renderIcon(this.props.rightIcon, this.getIconClassname(true));\n  };\n\n  private renderIcon = (icon: InputIconType, className: string): JSX.Element | null => {\n    if (!icon) {\n      return null;\n    }\n\n    const { disabled } = this.props;\n    const iconNode = isFunction(icon) ? icon() : icon;\n\n    return (\n      <span\n        className={cx(jsInputStyles.icon(), className, jsInputStyles.useDefaultColor(this.theme), {\n          [jsInputStyles.iconDisabled(this.theme)]: disabled,\n        })}\n      >\n        {iconNode}\n      </span>\n    );\n  };\n\n  private renderPrefix = (): JSX.Element | null => {\n    const { prefix, disabled } = this.props;\n\n    if (!prefix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.prefix(this.theme), { [jsInputStyles.prefixDisabled(this.theme)]: disabled })}>\n        {prefix}\n      </span>\n    );\n  };\n\n  private renderSuffix = (): JSX.Element | null => {\n    const { suffix, disabled } = this.props;\n\n    if (!suffix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.suffix(this.theme), { [jsInputStyles.suffixDisabled(this.theme)]: disabled })}>\n        {suffix}\n      </span>\n    );\n  };\n\n  private renderLeftSide = (): JSX.Element | null => {\n    const leftIcon = this.renderLeftIcon();\n    const prefix = this.renderPrefix();\n\n    if (!leftIcon && !prefix) {\n      return null;\n    }\n\n    return (\n      <span className={jsInputStyles.sideContainer()}>\n        {leftIcon}\n        {prefix}\n      </span>\n    );\n  };\n\n  private renderRightSide = (): JSX.Element | null => {\n    const rightIcon = this.renderRightIcon();\n    const suffix = this.renderSuffix();\n\n    if (!rightIcon && !suffix) {\n      return null;\n    }\n\n    return (\n      <span className={cx(jsInputStyles.sideContainer(), jsInputStyles.rightContainer())}>\n        {rightIcon}\n        {suffix}\n      </span>\n    );\n  };\n\n  private renderPlaceholder = (): JSX.Element | null => {\n    const { children, placeholder, disabled } = this.props;\n    const { focused } = this.state;\n    const hasValue = isNonNullable(children) && children !== '';\n\n    if (!hasValue && placeholder) {\n      return (\n        <span\n          className={cx(jsInputStyles.placeholder(this.theme), {\n            [jsInputStyles.placeholderDisabled(this.theme)]: disabled,\n            [jsInputStyles.placeholderFocus(this.theme)]: focused,\n          })}\n        >\n          {placeholder}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleDocumentMouseDown = (e: MouseEvent) => {\n    if (this.state.focused && this.node && isInstanceOf(e.target, globalObject.Node) && !this.node.contains(e.target)) {\n      this.defrost();\n    }\n  };\n\n  private handleDocumentKeyDown = (e: KeyboardEvent) => {\n    if (this.state.focused && isKeyTab(e)) {\n      this.defrost();\n    }\n  };\n\n  private handleMouseDown = () => {\n    this.frozen = true;\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.props.disabled) {\n      return;\n    }\n\n    if (isIE11 && isShortcutPaste(e) && this.hiddenInput) {\n      this.frozen = true;\n      globalObject.setTimeout(() => {\n        if (this.lastSelectedInnerNode) {\n          this.selectInnerNode(...this.lastSelectedInnerNode);\n        }\n        if (this.node) {\n          this.node.focus();\n        }\n      }, 0);\n\n      this.hiddenInput.focus();\n    }\n\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e as React.KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  private handleMouseDragStart: MouseDragEventHandler = (e) => {\n    this.dragging = true;\n    globalObject.document?.documentElement.classList.add(styles.userSelectNone());\n\n    if (this.props.onMouseDragStart) {\n      this.props.onMouseDragStart(e);\n    }\n  };\n\n  private handleMouseDragEnd: MouseDragEventHandler = (e) => {\n    // Дожидаемся onMouseUp\n    globalObject.setTimeout(() => {\n      this.dragging = false;\n\n      if (this.props.onMouseDragEnd) {\n        this.props.onMouseDragEnd(e);\n      }\n    }, 0);\n\n    globalObject.document?.documentElement.classList.remove(styles.userSelectNone());\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    if (isMobile) {\n      this.node?.setAttribute('contenteditable', 'true');\n    }\n\n    if (this.props.disabled) {\n      if (isIE11 && globalObject.document) {\n        selectNodeContents(globalObject.document.body, 0, 0);\n      }\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozen) {\n      this.frozen = false;\n      if (this.state.focused) {\n        return;\n      }\n    }\n\n    // Auto-batching React@18 creates problems that are fixed with flushSync\n    // https://github.com/skbkontur/retail-ui/pull/3144#issuecomment-1535235366\n    if (React.version.search('18') === 0) {\n      ReactDOM.flushSync(() => this.setState({ focused: true }));\n    } else {\n      this.setState({ focused: true });\n    }\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n    if ((isIE11 || isEdge) && this.frozenBlur) {\n      this.frozenBlur = false;\n    }\n    removeAllSelections();\n    this.setState({ focused: false });\n  };\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.selectNodeContentsDebounced.cancel();\n    if (isMobile) {\n      this.node?.removeAttribute('contenteditable');\n    }\n\n    if (this.props.disabled) {\n      e.stopPropagation();\n      return;\n    }\n\n    if ((isIE11 || isEdge) && this.frozenBlur) {\n      this.frozenBlur = false;\n      return;\n    }\n    if ((isIE11 || isEdge) && this.frozen) {\n      return;\n    }\n\n    removeAllSelections();\n    this.setState({ focused: false });\n\n    this.props.onBlur?.(e);\n  };\n\n  private hiddenInputRef = (el: HTMLInputElement | null) => {\n    this.hiddenInput = el;\n  };\n\n  private innerRef = (el: HTMLElement | null) => {\n    if (this.props.innerRef) {\n      this.props.innerRef(el);\n    }\n    this.node = el;\n  };\n\n  private defrost = (): void => {\n    this.frozen = false;\n    this.frozenBlur = false;\n  };\n\n  private getSizeClassName = () => {\n    switch (this.getProps().size) {\n      case 'large':\n        return cx({\n          [jsInputStyles.sizeLarge(this.theme)]: true,\n          [jsInputStyles.sizeLargeFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'medium':\n        return cx({\n          [jsInputStyles.sizeMedium(this.theme)]: true,\n          [jsInputStyles.sizeMediumFallback(this.theme)]: isIE11 || isEdge,\n        });\n      case 'small':\n      default:\n        return cx({\n          [jsInputStyles.sizeSmall(this.theme)]: true,\n          [jsInputStyles.sizeSmallFallback(this.theme)]: isIE11 || isEdge,\n        });\n    }\n  };\n}\n"]}

package/internal/InputLikeText/InputLikeText.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { MouseDragEventHandler } from '../../lib/events/MouseDrag';
 import { InputProps, InputState } from '../../components/Input';
-import { CommonProps } from '../../internal/CommonWrapper';
+import { CommonProps } from '../CommonWrapper';
 export interface InputLikeTextProps extends CommonProps, InputProps {
     children?: React.ReactNode;
     innerRef?: (el: HTMLElement | null) => void;
@@ -9,13 +9,20 @@ export interface InputLikeTextProps extends CommonProps, InputProps {
     onBlur?: React.FocusEventHandler<HTMLElement>;
     onMouseDragStart?: MouseDragEventHandler;
     onMouseDragEnd?: MouseDragEventHandler;
+    takeContentWidth?: boolean;
 }
-export declare type InputLikeTextState = Omit<InputState, 'polyfillPlaceholder'>;
+export declare type InputLikeTextState = Omit<InputState, 'needsPolyfillPlaceholder'>;
+export declare const InputLikeTextDataTids: {
+    readonly root: "InputLikeText__root";
+    readonly input: "InputLikeText__input";
+    readonly nativeInput: "InputLikeText__nativeInput";
+};
+declare type DefaultProps = Required<Pick<InputLikeTextProps, 'size'>>;
 export declare class InputLikeText extends React.Component<InputLikeTextProps, InputLikeTextState> {
     static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        size: string;
-    };
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
     state: {
         blinking: boolean;
         focused: boolean;
@@ -29,6 +36,7 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
     private dragging;
     private focusTimeout;
     private blinkTimeout;
+    private setRootNode;
     /**
      * @public
      */
@@ -42,6 +50,7 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
      */
     blink(): void;
     getNode(): HTMLElement | null;
+    private selectNodeContentsDebounced;
     selectInnerNode: (node: HTMLElement | null, start?: number, end?: number) => void;
     componentDidMount(): void;
     componentWillUnmount(): void;
@@ -63,9 +72,11 @@ export declare class InputLikeText extends React.Component<InputLikeTextProps, I
     private handleMouseDragStart;
     private handleMouseDragEnd;
     private handleFocus;
+    private resetFocus;
     private handleBlur;
     private hiddenInputRef;
     private innerRef;
     private defrost;
     private getSizeClassName;
 }
+export {};

package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js

@@ -1,84 +1,22 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject6() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      visibility: visible;\n    "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding-left: 10px;\n    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      user-select: none;\n    "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      user-select: text;\n      -ms-user-select: element;\n    "]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n    "]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = _taggedTemplateLiteralLoose(["\n      padding-right: 10px;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-var styles = {
+export var styles = memoizeStyle({
   root: function root() {
-    return css(_templateObject());
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      padding-right: 10px;\n    "])));
   },
-  input: function input() {
-    return css(_templateObject2());
+  absolute: function absolute() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: 0;\n    "])));
   },
   userSelectContain: function userSelectContain() {
-    return css(_templateObject3());
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      user-select: text;\n      -ms-user-select: element;\n    "])));
   },
   userSelectNone: function userSelectNone() {
-    return css(_templateObject4());
-  },
-  withoutLeftSide: function withoutLeftSide() {
-    return css(_templateObject5());
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      user-select: none;\n    "])));
   },
   rightSide: function rightSide() {
-    return css(_templateObject6());
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      padding-left: 0;\n      visibility: visible;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

package/internal/InputLikeText/InputLikeText.styles/InputLikeText.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["InputLikeText.styles.ts"],"names":["css","memoizeStyle","styles","root","input","userSelectContain","userSelectNone","withoutLeftSide","rightSide","jsStyles"],"mappings":"yuCAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,IAAMC,MAAM,GAAG;AACbC,EAAAA,IADa,kBACN;AACL,WAAOH,GAAP;;;AAGD,GALY;;AAObI,EAAAA,KAPa,mBAOL;AACN,WAAOJ,GAAP;;;;AAID,GAZY;;AAcbK,EAAAA,iBAda,+BAcO;AAClB,WAAOL,GAAP;;;;AAID,GAnBY;;AAqBbM,EAAAA,cArBa,4BAqBI;AACf,WAAON,GAAP;;;AAGD,GAzBY;;AA2BbO,EAAAA,eA3Ba,6BA2BK;AAChB,WAAOP,GAAP;;;AAGD,GA/BY;;AAiCbQ,EAAAA,SAjCa,uBAiCD;AACV,WAAOR,GAAP;;;;AAID,GAtCY,EAAf;;;AAyCA,OAAO,IAAMS,QAAQ,GAAGR,YAAY,CAACC,MAAD,CAA7B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  root() {\r\n    return css`\r\n      padding-right: 10px;\r\n    `;\r\n  },\r\n\r\n  input() {\r\n    return css`\r\n      position: absolute;\r\n      top: 0;\r\n    `;\r\n  },\r\n\r\n  userSelectContain() {\r\n    return css`\r\n      user-select: text;\r\n      -ms-user-select: element;\r\n    `;\r\n  },\r\n\r\n  userSelectNone() {\r\n    return css`\r\n      user-select: none;\r\n    `;\r\n  },\r\n\r\n  withoutLeftSide() {\r\n    return css`\r\n      padding-left: 10px;\r\n    `;\r\n  },\r\n\r\n  rightSide() {\r\n    return css`\r\n      padding-left: 0;\r\n      visibility: visible;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["InputLikeText.styles.ts"],"names":["css","memoizeStyle","styles","root","absolute","userSelectContain","userSelectNone","rightSide"],"mappings":"4LAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;AAGD,GALgC;;AAOjCI,EAAAA,QAPiC,sBAOtB;AACT,WAAOJ,GAAP;;;;AAID,GAZgC;;AAcjCK,EAAAA,iBAdiC,+BAcb;AAClB,WAAOL,GAAP;;;;AAID,GAnBgC;;AAqBjCM,EAAAA,cArBiC,4BAqBhB;AACf,WAAON,GAAP;;;AAGD,GAzBgC;;AA2BjCO,EAAAA,SA3BiC,uBA2BrB;AACV,WAAOP,GAAP;;;;AAID,GAhCgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      padding-right: 10px;\n    `;\n  },\n\n  absolute() {\n    return css`\n      position: absolute;\n      top: 0;\n    `;\n  },\n\n  userSelectContain() {\n    return css`\n      user-select: text;\n      -ms-user-select: element;\n    `;\n  },\n\n  userSelectNone() {\n    return css`\n      user-select: none;\n    `;\n  },\n\n  rightSide() {\n    return css`\n      padding-left: 0;\n      visibility: visible;\n    `;\n  },\n});\n"]}

package/internal/InputLikeText/InputLikeText.styles.d.ts

@@ -1,8 +1,7 @@
-export declare const jsStyles: {
+export declare const styles: {
     root(): string;
-    input(): string;
+    absolute(): string;
     userSelectContain(): string;
     userSelectNone(): string;
-    withoutLeftSide(): string;
     rightSide(): string;
 };

package/internal/InputLikeText/index/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAd","sourcesContent":["export * from './InputLikeText';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAd","sourcesContent":["export * from './InputLikeText';\n"]}

package/internal/InternalMaskedInput/InternalMaskedInput/InternalMaskedInput.js

@@ -0,0 +1,222 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+var _excluded = ["maskChar", "alwaysShowMask", "hasLeftIcon", "hasRightIcon", "maxLength", "onValueChange", "onUnexpectedInput", "defaultValue", "style"]; // TODO: Enable this rule in functional components.
+
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+import React from 'react';
+import ReactInputMask from 'react-input-mask';
+import { isNonNullable } from "../../../lib/utils";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { MaskCharLowLine } from "../../MaskCharLowLine";
+import { cx } from "../../../lib/theming/Emotion";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { styles } from "../InternalMaskedInput.styles";
+export var MaskedInputDataTids = {
+  root: 'MaskedInput__root'
+};
+/** @deprecated Со следующей мажорной версии Input перестанет поддерживать маску.
+ * todo: выпилить в 5 версии библиотеки.
+ * */
+
+export var InternalMaskedInput = /*#__PURE__*/function (_React$PureComponent) {
+  _inheritsLoose(InternalMaskedInput, _React$PureComponent);
+
+  function InternalMaskedInput(_props) {
+    var _this;
+
+    _this = _React$PureComponent.call(this, _props) || this;
+    _this.getProps = createPropsGetter(InternalMaskedInput.defaultProps);
+    _this.input = null;
+    _this.reactInputMask = null;
+
+    _this.getValue = function (props) {
+      if (isNonNullable(props.value)) {
+        return props.value.toString();
+      }
+
+      if (isNonNullable(props.defaultValue)) {
+        return props.defaultValue.toString();
+      }
+
+      return '';
+    };
+
+    _this.refInput = function (input) {
+      _this.input = input;
+    };
+
+    _this.refMaskedInput = function (reactInputMask) {
+      _this.reactInputMask = reactInputMask;
+    };
+
+    _this.handleChange = function (event) {
+      if (event.target.value === _this.state.value) {
+        _this.handleUnexpectedInput();
+      } else {
+        _this.setState({
+          value: event.target.value,
+          originValue: event.target.value
+        });
+
+        if (_this.props.onValueChange) {
+          _this.props.onValueChange(event.target.value);
+        }
+
+        if (_this.props.onChange) {
+          _this.props.onChange(event);
+        }
+      }
+    };
+
+    _this.handleFocus = function (event) {
+      _this.setState({
+        focused: true
+      });
+
+      if (_this.props.onFocus) {
+        _this.props.onFocus(event);
+      }
+    };
+
+    _this.handleBlur = function (event) {
+      _this.setState({
+        focused: false
+      });
+
+      if (_this.props.onBlur) {
+        _this.props.onBlur(event);
+      }
+    };
+
+    _this.preprocess = function (newState, oldState, userInput, options) {
+      var visibleMaskChars = new Array(options.mask.length).fill(_this.getProps().maskChar);
+
+      if (newState.value !== oldState.value && userInput === null) {
+        _this.setState({
+          value: newState.value,
+          originValue: newState.value
+        });
+      }
+
+      options.mask.split('').forEach(function (_char2, index) {
+        if (options.permanents.includes(index)) {
+          visibleMaskChars[index] = _char2;
+        }
+
+        if (newState.value[index]) {
+          visibleMaskChars[index] = newState.value[index];
+        }
+      });
+      var emptyValue = visibleMaskChars.join('');
+
+      if (_this.state.emptyValue !== emptyValue) {
+        _this.setState({
+          emptyValue: emptyValue
+        });
+      }
+
+      return newState;
+    };
+
+    _this.isMaskVisible = function () {
+      return _this.props.alwaysShowMask || _this.state.focused;
+    };
+
+    _this.handleUnexpectedInput = function () {
+      if (_this.props.onUnexpectedInput) {
+        _this.props.onUnexpectedInput(_this.state.value);
+      }
+    };
+
+    _this.state = {
+      value: _this.getValue(_props),
+      originValue: _this.getValue(_props),
+      emptyValue: '',
+      focused: false
+    };
+    return _this;
+  }
+
+  var _proto = InternalMaskedInput.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    if (this.reactInputMask) {
+      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue
+      this.reactInputMask.forceUpdate();
+    }
+  };
+
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    if (this.props.value !== prevProps.value) {
+      this.setState({
+        value: this.props.value ? this.props.value.toString() : ''
+      });
+    }
+  };
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
+    });
+  };
+
+  _proto.renderMain = function renderMain() {
+    var _this$props = this.props,
+        maskChar = _this$props.maskChar,
+        alwaysShowMask = _this$props.alwaysShowMask,
+        hasLeftIcon = _this$props.hasLeftIcon,
+        hasRightIcon = _this$props.hasRightIcon,
+        maxLength = _this$props.maxLength,
+        onValueChange = _this$props.onValueChange,
+        onUnexpectedInput = _this$props.onUnexpectedInput,
+        defaultValue = _this$props.defaultValue,
+        style = _this$props.style,
+        inputProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
+
+    var _this$state = this.state,
+        emptyValue = _this$state.emptyValue,
+        value = _this$state.value,
+        originValue = _this$state.originValue;
+    var leftHelper = (style == null ? void 0 : style.textAlign) !== 'right' && /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: 'transparent'
+      }
+    }, emptyValue.slice(0, originValue.length));
+    var leftClass = (style == null ? void 0 : style.textAlign) !== 'right' && styles.inputMaskLeft();
+    var rightHelper = emptyValue.slice(originValue.length).split('').map(function (_char, i) {
+      return _char === '_' ? /*#__PURE__*/React.createElement(MaskCharLowLine, {
+        key: i
+      }) : _char;
+    });
+    return /*#__PURE__*/React.createElement("span", {
+      "data-tid": MaskedInputDataTids.root,
+      className: styles.container(),
+      "x-ms-format-detection": "none"
+    }, /*#__PURE__*/React.createElement(ReactInputMask, _extends({}, inputProps, {
+      maskChar: null,
+      beforeMaskedValueChange: this.preprocess,
+      alwaysShowMask: false,
+      onChange: this.handleChange,
+      onFocus: this.handleFocus,
+      onBlur: this.handleBlur,
+      value: value,
+      inputRef: this.refInput,
+      ref: this.refMaskedInput,
+      style: _extends({}, style)
+    })), this.isMaskVisible() && /*#__PURE__*/React.createElement("span", {
+      className: cx(styles.inputMask(this.theme), leftClass)
+    }, leftHelper, rightHelper));
+  };
+
+  return InternalMaskedInput;
+}(React.PureComponent);
+InternalMaskedInput.__KONTUR_REACT_UI__ = 'InternalMaskedInput';
+InternalMaskedInput.displayName = 'InternalMaskedInput';
+InternalMaskedInput.defaultProps = {
+  maskChar: '_'
+};

package/internal/InternalMaskedInput/InternalMaskedInput/InternalMaskedInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["InternalMaskedInput.tsx"],"names":["React","ReactInputMask","isNonNullable","ThemeContext","MaskCharLowLine","cx","createPropsGetter","styles","MaskedInputDataTids","root","InternalMaskedInput","props","getProps","defaultProps","input","reactInputMask","getValue","value","toString","defaultValue","refInput","refMaskedInput","handleChange","event","target","state","handleUnexpectedInput","setState","originValue","onValueChange","onChange","handleFocus","focused","onFocus","handleBlur","onBlur","preprocess","newState","oldState","userInput","options","visibleMaskChars","Array","mask","length","fill","maskChar","split","forEach","char","index","permanents","includes","emptyValue","join","isMaskVisible","alwaysShowMask","onUnexpectedInput","componentDidMount","forceUpdate","componentDidUpdate","prevProps","render","theme","renderMain","hasLeftIcon","hasRightIcon","maxLength","style","inputProps","leftHelper","textAlign","color","slice","leftClass","inputMaskLeft","rightHelper","map","_char","i","container","inputMask","PureComponent","__KONTUR_REACT_UI__","displayName"],"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 ReactInputMask, { InputState, MaskOptions } from 'react-input-mask';\n\nimport { isNonNullable } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { MaskCharLowLine } from '../MaskCharLowLine';\nimport { cx } from '../../lib/theming/Emotion';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles } from './InternalMaskedInput.styles';\n\nexport interface InternalMaskedInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  mask: string;\n  maskChar?: string | null;\n  formatChars?: { [key: string]: string };\n  alwaysShowMask?: boolean;\n  hasLeftIcon?: boolean;\n  hasRightIcon?: boolean;\n  onUnexpectedInput?: (value: string) => void;\n  onValueChange?: (value: string) => void;\n}\n\ninterface MaskedInputState {\n  value: string;\n\n  // Users can unmask value themselves. In these cases we take origin value length\n  originValue: string;\n\n  emptyValue: string;\n  focused: boolean;\n}\n\ntype DefaultProps = Required<Pick<InternalMaskedInputProps, 'maskChar'>>;\n\nexport const MaskedInputDataTids = {\n  root: 'MaskedInput__root',\n} as const;\n\n/** @deprecated Со следующей мажорной версии Input перестанет поддерживать маску.\n * todo: выпилить в 5 версии библиотеки.\n * */\nexport class InternalMaskedInput extends React.PureComponent<InternalMaskedInputProps, MaskedInputState> {\n  public static __KONTUR_REACT_UI__ = 'InternalMaskedInput';\n  public static displayName = 'InternalMaskedInput';\n\n  public static defaultProps: DefaultProps = {\n    maskChar: '_',\n  };\n\n  private getProps = createPropsGetter(InternalMaskedInput.defaultProps);\n\n  public input: HTMLInputElement | null = null;\n  private theme!: Theme;\n  private reactInputMask: ReactInputMask | null = null;\n\n  public constructor(props: InternalMaskedInputProps) {\n    super(props);\n\n    this.state = {\n      value: this.getValue(props),\n      originValue: this.getValue(props),\n      emptyValue: '',\n      focused: false,\n    };\n  }\n\n  public componentDidMount() {\n    if (this.reactInputMask) {\n      // FIXME: принудительно вызываем beforeMaskedValueChange, чтобы получить emptyValue\n      this.reactInputMask.forceUpdate();\n    }\n  }\n\n  public componentDidUpdate(prevProps: InternalMaskedInputProps) {\n    if (this.props.value !== prevProps.value) {\n      this.setState({\n        value: this.props.value ? this.props.value.toString() : '',\n      });\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const {\n      maskChar,\n      alwaysShowMask,\n      hasLeftIcon,\n      hasRightIcon,\n      maxLength,\n      onValueChange,\n      onUnexpectedInput,\n      defaultValue,\n      style,\n      ...inputProps\n    } = this.props;\n    const { emptyValue, value, originValue } = this.state;\n\n    const leftHelper = style?.textAlign !== 'right' && (\n      <span style={{ color: 'transparent' }}>{emptyValue.slice(0, originValue.length)}</span>\n    );\n    const leftClass = style?.textAlign !== 'right' && styles.inputMaskLeft();\n\n    const rightHelper = emptyValue\n      .slice(originValue.length)\n      .split('')\n      .map((_char, i) => (_char === '_' ? <MaskCharLowLine key={i} /> : _char));\n\n    return (\n      <span data-tid={MaskedInputDataTids.root} className={styles.container()} x-ms-format-detection=\"none\">\n        <ReactInputMask\n          {...inputProps}\n          maskChar={null}\n          beforeMaskedValueChange={this.preprocess}\n          alwaysShowMask={false}\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          value={value}\n          inputRef={this.refInput}\n          ref={this.refMaskedInput}\n          style={{ ...style }}\n        />\n        {this.isMaskVisible() && (\n          <span className={cx(styles.inputMask(this.theme), leftClass)}>\n            {leftHelper}\n            {rightHelper}\n          </span>\n        )}\n      </span>\n    );\n  }\n\n  private getValue = (props: InternalMaskedInputProps): string => {\n    if (isNonNullable(props.value)) {\n      return props.value.toString();\n    }\n\n    if (isNonNullable(props.defaultValue)) {\n      return props.defaultValue.toString();\n    }\n\n    return '';\n  };\n\n  private refInput = (input: HTMLInputElement | null) => {\n    this.input = input;\n  };\n\n  private refMaskedInput = (reactInputMask: ReactInputMask) => {\n    this.reactInputMask = reactInputMask;\n  };\n\n  private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value === this.state.value) {\n      this.handleUnexpectedInput();\n    } else {\n      this.setState({ value: event.target.value, originValue: event.target.value });\n      if (this.props.onValueChange) {\n        this.props.onValueChange(event.target.value);\n      }\n      if (this.props.onChange) {\n        this.props.onChange(event);\n      }\n    }\n  };\n\n  private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: true });\n\n    if (this.props.onFocus) {\n      this.props.onFocus(event);\n    }\n  };\n\n  private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    this.setState({ focused: false });\n\n    if (this.props.onBlur) {\n      this.props.onBlur(event);\n    }\n  };\n\n  private preprocess = (\n    newState: InputState,\n    oldState: InputState,\n    userInput: string,\n    options: MaskOptions & Pick<InternalMaskedInputProps, 'mask'>,\n  ) => {\n    const visibleMaskChars = new Array(options.mask.length).fill(this.getProps().maskChar);\n\n    if (newState.value !== oldState.value && userInput === null) {\n      this.setState({\n        value: newState.value,\n        originValue: newState.value,\n      });\n    }\n\n    options.mask.split('').forEach((char: string, index: number) => {\n      if (options.permanents.includes(index)) {\n        visibleMaskChars[index] = char;\n      }\n\n      if (newState.value[index]) {\n        visibleMaskChars[index] = newState.value[index];\n      }\n    });\n\n    const emptyValue = visibleMaskChars.join('');\n\n    if (this.state.emptyValue !== emptyValue) {\n      this.setState({\n        emptyValue,\n      });\n    }\n\n    return newState;\n  };\n\n  private isMaskVisible = () => this.props.alwaysShowMask || this.state.focused;\n\n  private handleUnexpectedInput = () => {\n    if (this.props.onUnexpectedInput) {\n      this.props.onUnexpectedInput(this.state.value);\n    }\n  };\n}\n"]}

package/internal/InternalMaskedInput/InternalMaskedInput/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/internal/InternalMaskedInput/InternalMaskedInput.js",
+  "module": "InternalMaskedInput",
+  "types": "../InternalMaskedInput.d.ts",
+  "sideEffects": false
+}