@vkontakte/vkui 4.15.0 → 4.16.2

package/dist/cjs/components/Tappable/Tappable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tappable/Tappable.tsx"],"names":["ts","Date","now","ACTIVE_DELAY","ACTIVE_EFFECT_DELAY","storage","deactivateOtherInstances","exclude","Object","keys","filter","id","forEach","clearTimeout","activeTimeout","timeout","stop","TappableContext","React","createContext","insideTappable","Tappable","props","e","onKeyDown","preventDefault","container","click","originalEvent","insideTouchRoot","stopPropagation","state","hasActive","touches","length","platform","ANDROID","onDown","setTimeout","start","shiftXAbs","shiftYAbs","isSlide","active","activeEffectDelay","store","getStorage","top","left","x","y","key","toString","setState","clicks","wavesTimeout","hovered","getRootRef","Math","round","random","hasHover","prevProps","disabled","defaultComponent","href","children","Component","onClick","sizeX","hasMouse","propsHasHover","hoverMode","propsHasActive","activeMode","focusVisibleMode","restProps","isCustomElement","contentEditable","isPresetHoverMode","includes","isPresetActiveMode","classes","RootComponent","Touch","onStart","onMove","onEnd","getRef","ref","role","onEnter","onLeave","touchProps","undefined","map","k"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA8DA,IAAMA,EAAE,GAAG,SAALA,EAAK;AAAA,SAAM,CAACC,IAAI,CAACC,GAAL,EAAP;AAAA,CAAX;;AAEO,IAAMC,YAAY,GAAG,EAArB;;AACA,IAAMC,mBAAmB,GAAG,GAA5B;;AAEP,IAAIC,OAAgB,GAAG,EAAvB;AAEA;AACA;AACA;;AACA,SAASC,wBAAT,CAAkCC,OAAlC,EAAoD;AAClDC,EAAAA,MAAM,CAACC,IAAP,CAAYJ,OAAZ,EAAqBK,MAArB,CAA4B,UAACC,EAAD;AAAA,WAAgBA,EAAE,KAAKJ,OAAvB;AAAA,GAA5B,EAA4DK,OAA5D,CAAoE,UAACD,EAAD,EAAgB;AAClFE,IAAAA,YAAY,CAACR,OAAO,CAACM,EAAD,CAAP,CAAYG,aAAb,CAAZ;AACAD,IAAAA,YAAY,CAACR,OAAO,CAACM,EAAD,CAAP,CAAYI,OAAb,CAAZ;AACAV,IAAAA,OAAO,CAACM,EAAD,CAAP,CAAYK,IAAZ;AAEA,WAAOX,OAAO,CAACM,EAAD,CAAd;AACD,GAND;AAOD;;AAED,IAAMM,eAAe,gBAAGC,KAAK,CAACC,aAAN,CAAkG;AAAEC,EAAAA,cAAc,EAAE;AAAlB,CAAlG,CAAxB;;IAEMC,Q;;;;;AACJ,oBAAYC,KAAZ,EAAkC;AAAA;;AAAA;AAChC,8BAAMA,KAAN;AADgC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4FA2CM,UAACC,CAAD,EAAyC;AAC/E,UAAQC,SAAR,GAAsB,MAAKF,KAA3B,CAAQE,SAAR;;AAEA,UAAI,qDAAiCD,CAAjC,CAAJ,EAAyC;AACvCA,QAAAA,CAAC,CAACE,cAAF;;AACA,cAAKC,SAAL,CAAeC,KAAf;AACD;;AAED;AACE,YAAI,OAAOH,SAAP,KAAqB,UAAzB,EAAqC;AACnC,iBAAOA,SAAS,CAACD,CAAD,CAAhB;AACD;AACF;AACF,KAxDiC;AAAA,0FA6DL,gBAAmC;AAAA,UAAhCK,aAAgC,QAAhCA,aAAgC;AAC9D,OAAC,MAAKC,eAAN,IAAyB,MAAKP,KAAL,CAAWQ,eAApC,IAAuDF,aAAa,CAACE,eAAd,EAAvD;;AAEA,UAAI,MAAKC,KAAL,CAAWC,SAAf,EAA0B;AACxB,YAAIJ,aAAa,CAACK,OAAd,IAAyBL,aAAa,CAACK,OAAd,CAAsBC,MAAtB,GAA+B,CAA5D,EAA+D;AAC7D5B,UAAAA,wBAAwB;AACxB;AACD;;AAED,YAAI,MAAKgB,KAAL,CAAWa,QAAX,KAAwBC,iBAA5B,EAAqC;AACnC,gBAAKC,MAAL,CAAYT,aAAZ;AACD;;AAEDvB,QAAAA,OAAO,CAAC,MAAKM,EAAN,CAAP,GAAmB;AACjBK,UAAAA,IAAI,EAAE,MAAKA,IADM;AAEjBF,UAAAA,aAAa,EAAEwB,UAAU,CAAC,MAAKC,KAAN,EAAapC,YAAb;AAFR,SAAnB;AAID;AACF,KA/EiC;AAAA,yFAoFN,iBAAyD;AAAA,UAAtDyB,aAAsD,SAAtDA,aAAsD;AAAA,UAAvCY,SAAuC,SAAvCA,SAAuC;AAAA,UAA5BC,SAA4B,SAA5BA,SAA4B;AACnF,OAAC,MAAKZ,eAAN,IAAyB,MAAKP,KAAL,CAAWQ,eAApC,IAAuDF,aAAa,CAACE,eAAd,EAAvD;;AACA,UAAIU,SAAS,GAAG,EAAZ,IAAkBC,SAAS,GAAG,EAAlC,EAAsC;AACpC,cAAKC,OAAL,GAAe,IAAf;;AACA,cAAK1B,IAAL;AACD;AACF,KA1FiC;AAAA,wFA+FP,iBAAmC;AAAA,UAAhCY,aAAgC,SAAhCA,aAAgC;AAC5D,OAAC,MAAKC,eAAN,IAAyB,MAAKP,KAAL,CAAWQ,eAApC,IAAuDF,aAAa,CAACE,eAAd,EAAvD;AACA,UAAM5B,GAAG,GAAGF,EAAE,EAAd;;AAEA,UAAI4B,aAAa,CAACK,OAAd,IAAyBL,aAAa,CAACK,OAAd,CAAsBC,MAAtB,GAA+B,CAA5D,EAA+D;AAC7D,cAAKQ,OAAL,GAAe,KAAf;;AACA,cAAK1B,IAAL;;AACA;AACD;;AAED,UAAI,MAAKe,KAAL,CAAWY,MAAf,EAAuB;AACrB,YAAIzC,GAAG,GAAG,MAAK6B,KAAL,CAAW/B,EAAjB,IAAuB,GAA3B,EAAgC;AAC9B;AACA,gBAAKgB,IAAL;AACD,SAHD,MAGO;AACL;AACA,cAAMD,OAAO,GAAGuB,UAAU,CAAC,MAAKtB,IAAN,EAAY,MAAKM,KAAL,CAAWsB,iBAAX,GAA+B1C,GAA/B,GAAqC,MAAK6B,KAAL,CAAW/B,EAA5D,CAA1B;;AACA,cAAM6C,KAAK,GAAG,MAAKC,UAAL,EAAd;;AAEA,cAAID,KAAJ,EAAW;AACTA,YAAAA,KAAK,CAAC9B,OAAN,GAAgBA,OAAhB;AACD;AACF;AACF,OAbD,MAaO,IAAI,CAAC,MAAK2B,OAAV,EAAmB;AACxB;AACA,cAAKH,KAAL;;AAEA,YAAMxB,QAAO,GAAGuB,UAAU,CAAC,MAAKtB,IAAN,EAAY,MAAKM,KAAL,CAAWsB,iBAAvB,CAA1B;;AAEA,YAAI,MAAKE,UAAL,EAAJ,EAAuB;AACrBjC,UAAAA,YAAY,CAAC,MAAKiC,UAAL,GAAkBhC,aAAnB,CAAZ;AACA,gBAAKgC,UAAL,GAAkB/B,OAAlB,GAA4BA,QAA5B;AACD,SAHD,MAGO;AACL,gBAAKA,OAAL,GAAeA,QAAf;AACD;AACF;;AAED,YAAK2B,OAAL,GAAe,KAAf;AACD,KArIiC;AAAA,yFA0IH,UAACnB,CAAD,EAAuB;AACpD,UAAI,MAAKD,KAAL,CAAWa,QAAX,KAAwBC,iBAA5B,EAAqC;AACnC,6BAAsB,2BAAc,MAAKV,SAAnB,CAAtB;AAAA,YAAQqB,GAAR,kBAAQA,GAAR;AAAA,YAAaC,IAAb,kBAAaA,IAAb;;AACA,YAAMC,CAAC,GAAG,mBAAO1B,CAAP,IAAYyB,IAAtB;AACA,YAAME,CAAC,GAAG,mBAAO3B,CAAP,IAAYwB,GAAtB;AACA,YAAMI,GAAG,GAAG,SAASlD,IAAI,CAACC,GAAL,GAAWkD,QAAX,EAArB;;AAEA,cAAKC,QAAL,CAAc,UAACtB,KAAD,EAAyC;AACrD,iBAAO;AACLuB,YAAAA,MAAM,8DACDvB,KAAK,CAACuB,MADL,yCAEHH,GAFG,EAEG;AACLF,cAAAA,CAAC,EAADA,CADK;AAELC,cAAAA,CAAC,EAADA;AAFK,aAFH;AADD,WAAP;AASD,SAVD;;AAYA,cAAKK,YAAL,GAAoBjB,UAAU,CAAC,YAAM;AACnC,gBAAKe,QAAL,CAAc,UAACtB,KAAD,EAAyC;AACrD,gBAAIuB,MAAM,mCAAQvB,KAAK,CAACuB,MAAd,CAAV;AACA,mBAAOA,MAAM,CAACH,GAAD,CAAb;AACA,mBAAO;AAAEG,cAAAA,MAAM,EAANA;AAAF,aAAP;AACD,WAJD;AAKD,SAN6B,EAM3B,GAN2B,CAA9B;AAOD;AACF,KArKiC;AAAA,0FAuKxB,YAAM;AACd,YAAKD,QAAL,CAAc;AAAEG,QAAAA,OAAO,EAAE;AAAX,OAAd;AACD,KAzKiC;AAAA,0FA2KxB,YAAM;AACd,YAAKH,QAAL,CAAc;AAAEG,QAAAA,OAAO,EAAE;AAAX,OAAd;AACD,KA7KiC;AAAA,wFAkLZ,YAAM;AAC1B,UAAI,CAAC,MAAKzB,KAAL,CAAWY,MAAZ,IAAsB,MAAKZ,KAAL,CAAWC,SAArC,EAAgD;AAC9C,cAAKqB,QAAL,CAAc;AACZV,UAAAA,MAAM,EAAE,IADI;AAEZ3C,UAAAA,EAAE,EAAEA,EAAE;AAFM,SAAd;AAID;;AACDM,MAAAA,wBAAwB,CAAC,MAAKK,EAAN,CAAxB;AACD,KA1LiC;AAAA,uFA+Lb,YAAM;AACzB,UAAI,MAAKoB,KAAL,CAAWY,MAAf,EAAuB;AACrB,cAAKU,QAAL,CAAc;AACZV,UAAAA,MAAM,EAAE,KADI;AAEZ3C,UAAAA,EAAE,EAAE;AAFQ,SAAd;AAID;;AACD,UAAI,MAAK8C,UAAL,EAAJ,EAAuB;AACrBjC,QAAAA,YAAY,CAAC,MAAKiC,UAAL,GAAkBhC,aAAnB,CAAZ;AACA,eAAOT,OAAO,CAAC,MAAKM,EAAN,CAAd;AACD;AACF,KA1MiC;AAAA,6FA+MT,YAAM;AAC7B,aAAON,OAAO,CAAC,MAAKM,EAAN,CAAd;AACD,KAjNiC;AAAA,yFAsNO,UAACe,SAAD,EAAe;AACtD,YAAKA,SAAL,GAAiBA,SAAjB;AACA,yBAAOA,SAAP,EAAkB,MAAKJ,KAAL,CAAWmC,UAA7B;AACD,KAzNiC;AAEhC,UAAK9C,EAAL,GAAU+C,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,GAA3B,EAAgCR,QAAhC,CAAyC,EAAzC,CAAV;AACA,UAAKrB,KAAL,GAAa;AACXuB,MAAAA,MAAM,EAAE,EADG;AAEXX,MAAAA,MAAM,EAAE,KAFG;AAGX3C,MAAAA,EAAE,EAAE,IAHO;AAIX6D,MAAAA,QAAQ,EAAEvC,KAAK,CAACuC,QAJL;AAKX7B,MAAAA,SAAS,EAAEV,KAAK,CAACU;AALN,KAAb;AAOA,UAAKU,OAAL,GAAe,KAAf;AAVgC;AAWjC;;;;WAgND,gCAAuB;AACrB,UAAIrC,OAAO,CAAC,KAAKM,EAAN,CAAX,EAAsB;AACpBE,QAAAA,YAAY,CAACR,OAAO,CAAC,KAAKM,EAAN,CAAP,CAAiBI,OAAlB,CAAZ;AACAF,QAAAA,YAAY,CAACR,OAAO,CAAC,KAAKM,EAAN,CAAP,CAAiBG,aAAlB,CAAZ;AAEA,eAAOT,OAAO,CAAC,KAAKM,EAAN,CAAd;AACD;;AAEDE,MAAAA,YAAY,CAAC,KAAK0C,YAAN,CAAZ;AACD;;;WAED,4BAAmBO,SAAnB,EAA6C;AAC3C,UAAIA,SAAS,CAACD,QAAV,KAAuB,KAAKvC,KAAL,CAAWuC,QAAlC,IAA8CC,SAAS,CAAC9B,SAAV,KAAwB,KAAKV,KAAL,CAAWU,SAArF,EAAgG;AAC9F,aAAKqB,QAAL,CAAc;AAAEQ,UAAAA,QAAQ,EAAE,KAAKvC,KAAL,CAAWuC,QAAvB;AAAiC7B,UAAAA,SAAS,EAAE,KAAKV,KAAL,CAAWU;AAAvD,SAAd;AACD;;AACD,UAAI,CAAC8B,SAAS,CAACC,QAAX,IAAuB,KAAKzC,KAAL,CAAWyC,QAAtC,EAAgD;AAC9C,aAAKV,QAAL,CAAc;AAAEG,UAAAA,OAAO,EAAE;AAAX,SAAd;AACD;AACF;;;WAED,kBAAS;AAAA;AAAA;;AACP,wBAAyD,KAAKzB,KAA9D;AAAA,UAAQuB,MAAR,eAAQA,MAAR;AAAA,UAAgBX,MAAhB,eAAgBA,MAAhB;AAAA,UAAwBa,OAAxB,eAAwBA,OAAxB;AAAA,UAAiCK,QAAjC,eAAiCA,QAAjC;AAAA,UAA2C7B,SAA3C,eAA2CA,SAA3C;AAEA,UAAMgC,gBAAmC,GAAG,KAAK1C,KAAL,CAAW2C,IAAX,GAAkB,GAAlB,GAAwB,KAApE;AAEA,wBAiBI,KAAK3C,KAjBT;AAAA,UACE4C,QADF,eACEA,QADF;AAAA,8CAEEC,SAFF;AAAA,UAEEA,SAFF,sCAEcH,gBAFd;AAAA,UAGEI,OAHF,eAGEA,OAHF;AAAA,UAIE5C,SAJF,eAIEA,SAJF;AAAA,UAKEoB,iBALF,eAKEA,iBALF;AAAA,UAMEd,eANF,eAMEA,eANF;AAAA,UAOE2B,UAPF,eAOEA,UAPF;AAAA,UAQEtB,QARF,eAQEA,QARF;AAAA,UASEkC,KATF,eASEA,KATF;AAAA,UAUEC,QAVF,eAUEA,QAVF;AAAA,UAWYC,aAXZ,eAWEV,QAXF;AAAA,UAYEW,SAZF,eAYEA,SAZF;AAAA,UAaaC,cAbb,eAaEzC,SAbF;AAAA,UAcE0C,UAdF,eAcEA,UAdF;AAAA,UAeEC,gBAfF,eAeEA,gBAfF;AAAA,UAgBKC,SAhBL;AAmBA,UAAMC,eAAwB,GAAGV,SAAS,KAAK,GAAd,IAAqBA,SAAS,KAAK,QAAnC,IAA+C,CAACS,SAAS,CAACE,eAA3F;AAEA,UAAMC,iBAAiB,GAAG,CAAC,SAAD,EAAY,YAAZ,EAA0BC,QAA1B,CAAmCR,SAAnC,CAA1B;AACA,UAAMS,kBAAkB,GAAG,CAAC,SAAD,EAAY,YAAZ,EAA0BD,QAA1B,CAAmCN,UAAnC,CAA3B;AAEA,UAAMQ,OAAO,GAAG,6BACd,gCAAa,UAAb,EAAyB/C,QAAzB,CADc,4BAEKkC,KAFL;AAIZ,4BAAoBrC,SAAS,IAAIW,MAJrB;AAKZ,8BAAsB,CAACA,MALX;AAMZ,2BAAmB2B;AANP,8EAOQE,SAPR,GAOsBX,QAAQ,IAAIL,OAAZ,IAAuBuB,iBAP7C,yEAQSL,UART,GAQwB1C,SAAS,IAAIW,MAAb,IAAuBsC,kBAR/C,8CASXT,SATW,EASCX,QAAQ,IAAIL,OAAZ,IAAuB,CAACuB,iBATzB,8CAUXL,UAVW,EAUE1C,SAAS,IAAIW,MAAb,IAAuB,CAACsC,kBAV1B,gBAAhB;AAaA,UAAME,aAAa,GAAGP,SAAS,CAACb,QAAV,GAClBI,SADkB,GAElBiB,cAFJ;AAIA,UAAI9D,KAAyB,GAAG,EAAhC;;AACA,UAAI,CAACsD,SAAS,CAACb,QAAf,EAAyB;AACvBzC,QAAAA,KAAK,CAAC6C,SAAN,GAAkBA,SAAlB;AACA;;AACA7C,QAAAA,KAAK,CAAC+D,OAAN,GAAgB,KAAKA,OAArB;AACA/D,QAAAA,KAAK,CAACgE,MAAN,GAAe,KAAKA,MAApB;AACAhE,QAAAA,KAAK,CAACiE,KAAN,GAAc,KAAKA,KAAnB;AACAjE,QAAAA,KAAK,CAAC8C,OAAN,GAAgBA,OAAhB;AACA9C,QAAAA,KAAK,CAACE,SAAN,GAAkBqD,eAAe,GAAG,KAAKrD,SAAR,GAAoBA,SAArD;AACA;;AACAF,QAAAA,KAAK,CAACmC,UAAN,GAAmB,KAAK+B,MAAxB;AACD,OAVD,MAUO;AACLlE,QAAAA,KAAK,CAACmE,GAAN,GAAY,KAAKD,MAAjB;AACD;;AAED,UAAIX,eAAJ,EAAqB;AACnBvD,QAAAA,KAAK,CAAC,eAAD,CAAL,GAAyBsD,SAAS,CAACb,QAAnC;AACD;;AAED,UAAM2B,IAAY,GAAGd,SAAS,CAACX,IAAV,GAAiB,MAAjB,GAA0B,QAA/C;AAEA,aACE,qCAAC,eAAD,CAAiB,QAAjB,QACG,iBAA0C;AAAA,YAAvC7C,cAAuC,SAAvCA,cAAuC;AAAA,YAAvBuE,QAAuB,SAAvBA,OAAuB;AAAA,YAAdC,QAAc,SAAdA,OAAc;AACzC,eACE,qCAAC,qBAAD,CAAkB,QAAlB,QACG,UAAC/D,eAAD,EAA8B;AAC7B,UAAA,MAAI,CAACA,eAAL,GAAuBA,eAAvB;AACA,cAAMgE,UAAU,GAAGjB,SAAS,CAACb,QAAV,GAAqB,EAArB,GAA0B;AAC3C4B,YAAAA,OAAO,EAAE,mBAAM;AACbvE,cAAAA,cAAc,IAAIuE,QAAO,EAAzB;AACA,eAACf,SAAS,CAACb,QAAX,IAAuB,MAAI,CAAC4B,OAAL,EAAvB;AACD,aAJ0C;AAK3CC,YAAAA,OAAO,EAAE,mBAAM;AACbxE,cAAAA,cAAc,IAAIwE,QAAO,EAAzB;AACA,eAAChB,SAAS,CAACb,QAAX,IAAuB,MAAI,CAAC6B,OAAL,EAAvB;AACD;AAR0C,WAA7C;AAUA,iBACE,qCAAC,aAAD,6BACMC,UADN;AAEE,YAAA,IAAI,EAAE1B,SAAS,KAAK,QAAd,GAAyB,QAAzB,GAAoC2B,SAF5C;AAGE,YAAA,QAAQ,EAAEjB,eAAe,IAAI,CAACD,SAAS,CAACb,QAA9B,GAAyC,CAAzC,GAA6C+B,SAHzD;AAIE,YAAA,IAAI,EAAEjB,eAAe,GAAGa,IAAH,GAAUI;AAJjC,aAKMlB,SALN;AAME,YAAA,SAAS,EAAEM;AANb,aAOM5D,KAPN,GAQE,qCAAC,eAAD,CAAiB,QAAjB;AACE,YAAA,KAAK,EAAE;AACLF,cAAAA,cAAc,EAAE,IADX;AAELuE,cAAAA,OAAO,EAAE;AAAA,uBAAM,MAAI,CAACtC,QAAL,CAAc;AAAEQ,kBAAAA,QAAQ,EAAE,KAAZ;AAAmB7B,kBAAAA,SAAS,EAAE;AAA9B,iBAAd,CAAN;AAAA,eAFJ;AAGL4D,cAAAA,OAAO,EAAE;AAAA,uBAAM,MAAI,CAACvC,QAAL,CAAc;AAAEQ,kBAAAA,QAAQ,EAAEU,aAAZ;AAA2BvC,kBAAAA,SAAS,EAAEyC;AAAtC,iBAAd,CAAN;AAAA;AAHJ;AADT,aAOGP,QAPH,CARF,EAiBG/B,QAAQ,KAAKC,iBAAb,IAAwB,CAACkC,QAAzB,IAAqCtC,SAArC,IAAkD0C,UAAU,KAAK,YAAjE,IACC;AAAM,2BAAY,MAAlB;AAAyB,YAAA,SAAS,EAAC;AAAnC,aACGlE,MAAM,CAACC,IAAP,CAAY6C,MAAZ,EAAoByC,GAApB,CAAwB,UAACC,CAAD;AAAA,mBACvB;AAAM,cAAA,SAAS,EAAC,gBAAhB;AAAiC,cAAA,KAAK,EAAE;AAAEjD,gBAAAA,GAAG,EAAEO,MAAM,CAAC0C,CAAD,CAAN,CAAU9C,CAAjB;AAAoBF,gBAAAA,IAAI,EAAEM,MAAM,CAAC0C,CAAD,CAAN,CAAU/C;AAApC,eAAxC;AAAiF,cAAA,GAAG,EAAE+C;AAAtF,cADuB;AAAA,WAAxB,CADH,CAlBJ,EAwBGnC,QAAQ,IAAI;AAAM,2BAAY,MAAlB;AAAyB,YAAA,SAAS,EAAC;AAAnC,YAxBf,EAyBG,CAACe,SAAS,CAACb,QAAX,IAAuB,qCAAC,0BAAD;AAAc,YAAA,IAAI,EAAEY;AAApB,YAzB1B,CADF;AA6BD,SA1CH,CADF;AA8CD,OAhDH,CADF;AAoDD;;;EAvWoBzD,KAAK,CAACiD,S;;8BAAvB9C,Q,kBA0BkB;AACpBS,EAAAA,eAAe,EAAE,KADG;AAEpBiC,EAAAA,QAAQ,EAAE,KAFU;AAGpBY,EAAAA,gBAAgB,EAAE,QAHE;AAIpBd,EAAAA,QAAQ,EAARA,cAJoB;AAKpBW,EAAAA,SAAS,EAAE,YALS;AAMpBxC,EAAAA,SAAS,EAAE,IANS;AAOpB0C,EAAAA,UAAU,EAAE,YAPQ;AAQpB9B,EAAAA,iBAAiB,EAAExC;AARC,C;;eAgVT,oCAAe,gCAAaiB,QAAb,CAAf,EAAuC;AAAEgD,EAAAA,KAAK,EAAE,IAAT;AAAeC,EAAAA,QAAQ,EAAE;AAAzB,CAAvC,C","sourcesContent":["import * as React from 'react';\nimport Touch, { TouchEvent, TouchEventHandler, TouchProps } from '../Touch/Touch';\nimport TouchRootContext from '../Touch/TouchContext';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { ANDROID } from '../../lib/platform';\nimport { getOffsetRect } from '../../lib/offset';\nimport { coordX, coordY, VKUITouchEvent, VKUITouchEventHander } from '../../lib/touch';\nimport { HasPlatform, HasRootRef, Ref } from '../../types';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { hasHover } from '@vkontakte/vkjs';\nimport { setRef } from '../../lib/utils';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { shouldTriggerClickOnEnterOrSpace } from '../../lib/accessibility';\nimport { FocusVisible, FocusVisibleMode } from '../FocusVisible/FocusVisible';\nimport './Tappable.css';\n\nexport interface TappableProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasPlatform, AdaptivityProps {\n  Component?: React.ElementType;\n  /**\n   * Длительность показа active-состояния\n   */\n  activeEffectDelay?: number;\n  stopPropagation?: boolean;\n  /**\n   * Указывает, должен ли компонент реагировать на hover-состояние\n   */\n  hasHover?: boolean;\n  /**\n   * Указывает, должен ли компонент реагировать на active-состояние\n   */\n  hasActive?: boolean;\n  /**\n   * Стиль подсветки active-состояния. Если передать произвольную строку, она добавится как css-класс во время active\n   */\n  activeMode?: 'opacity' | 'background' | string;\n  /**\n   * Стиль подсветки hover-состояния. Если передать произвольную строку, она добавится как css-класс во время hover\n   */\n  hoverMode?: 'opacity' | 'background' | string;\n  /**\n   * Стиль аутлайна focus visible.\n   */\n  focusVisibleMode?: FocusVisibleMode;\n}\n\nexport interface TappableState {\n  clicks?: {\n    [index: string]: {\n      x: number;\n      y: number;\n    };\n  };\n  hovered?: boolean;\n  active?: boolean;\n  ts?: number;\n  hasHover?: boolean;\n  hasActive?: boolean;\n}\n\nexport interface RootComponentProps extends TouchProps {\n  ref?: Ref<HTMLElement>;\n}\n\nexport interface StorageItem {\n  activeTimeout: ReturnType<typeof setTimeout>;\n  timeout?: ReturnType<typeof setTimeout>;\n  stop(): void;\n}\n\nexport interface Storage {\n  [index: string]: StorageItem;\n}\n\nexport type GetStorage = () => StorageItem;\n\nconst ts = () => +Date.now();\n\nexport const ACTIVE_DELAY = 70;\nexport const ACTIVE_EFFECT_DELAY = 600;\n\nlet storage: Storage = {};\n\n/*\n * Очищает таймауты и хранилище для всех экземпляров компонента, кроме переданного\n */\nfunction deactivateOtherInstances(exclude?: string) {\n  Object.keys(storage).filter((id: string) => id !== exclude).forEach((id: string) => {\n    clearTimeout(storage[id].activeTimeout);\n    clearTimeout(storage[id].timeout);\n    storage[id].stop();\n\n    delete storage[id];\n  });\n}\n\nconst TappableContext = React.createContext<{ insideTappable?: boolean; onEnter?: VoidFunction; onLeave?: VoidFunction }>({ insideTappable: false });\n\nclass Tappable extends React.Component<TappableProps, TappableState> {\n  constructor(props: TappableProps) {\n    super(props);\n    this.id = Math.round(Math.random() * 1e8).toString(16);\n    this.state = {\n      clicks: {},\n      active: false,\n      ts: null,\n      hasHover: props.hasHover,\n      hasActive: props.hasActive,\n    };\n    this.isSlide = false;\n  }\n\n  id: string;\n\n  isSlide: boolean;\n\n  insideTouchRoot: boolean;\n\n  container: HTMLElement;\n\n  timeout: ReturnType<typeof setTimeout>;\n\n  wavesTimeout: ReturnType<typeof setTimeout>;\n\n  static defaultProps = {\n    stopPropagation: false,\n    disabled: false,\n    focusVisibleMode: 'inside',\n    hasHover,\n    hoverMode: 'background',\n    hasActive: true,\n    activeMode: 'background',\n    activeEffectDelay: ACTIVE_EFFECT_DELAY,\n  };\n\n  /*\n   * [a11y]\n   * Обрабатывает событие onkeydown\n   * для кастомных доступных элементов:\n   * - role=\"link\" (активация по Enter)\n   * - role=\"button\" (активация по Space и Enter)\n   */\n  onKeyDown: React.KeyboardEventHandler = (e: React.KeyboardEvent<HTMLElement>) => {\n    const { onKeyDown } = this.props;\n\n    if (shouldTriggerClickOnEnterOrSpace(e)) {\n      e.preventDefault();\n      this.container.click();\n    }\n\n    {\n      if (typeof onKeyDown === 'function') {\n        return onKeyDown(e);\n      }\n    }\n  };\n\n  /*\n   * Обрабатывает событие touchstart\n   */\n  onStart: TouchEventHandler = ({ originalEvent }: TouchEvent) => {\n    !this.insideTouchRoot && this.props.stopPropagation && originalEvent.stopPropagation();\n\n    if (this.state.hasActive) {\n      if (originalEvent.touches && originalEvent.touches.length > 1) {\n        deactivateOtherInstances();\n        return;\n      }\n\n      if (this.props.platform === ANDROID) {\n        this.onDown(originalEvent);\n      }\n\n      storage[this.id] = {\n        stop: this.stop,\n        activeTimeout: setTimeout(this.start, ACTIVE_DELAY),\n      };\n    }\n  };\n\n  /*\n   * Обрабатывает событие touchmove\n   */\n  onMove: TouchEventHandler = ({ originalEvent, shiftXAbs, shiftYAbs }: TouchEvent) => {\n    !this.insideTouchRoot && this.props.stopPropagation && originalEvent.stopPropagation();\n    if (shiftXAbs > 20 || shiftYAbs > 20) {\n      this.isSlide = true;\n      this.stop();\n    }\n  };\n\n  /*\n   * Обрабатывает событие touchend\n   */\n  onEnd: TouchEventHandler = ({ originalEvent }: TouchEvent) => {\n    !this.insideTouchRoot && this.props.stopPropagation && originalEvent.stopPropagation();\n    const now = ts();\n\n    if (originalEvent.touches && originalEvent.touches.length > 0) {\n      this.isSlide = false;\n      this.stop();\n      return;\n    }\n\n    if (this.state.active) {\n      if (now - this.state.ts >= 100) {\n        // Долгий тап, выключаем подсветку\n        this.stop();\n      } else {\n        // Короткий тап, оставляем подсветку\n        const timeout = setTimeout(this.stop, this.props.activeEffectDelay - now + this.state.ts);\n        const store = this.getStorage();\n\n        if (store) {\n          store.timeout = timeout;\n        }\n      }\n    } else if (!this.isSlide) {\n      // Очень короткий тап, включаем подсветку\n      this.start();\n\n      const timeout = setTimeout(this.stop, this.props.activeEffectDelay);\n\n      if (this.getStorage()) {\n        clearTimeout(this.getStorage().activeTimeout);\n        this.getStorage().timeout = timeout;\n      } else {\n        this.timeout = timeout;\n      }\n    }\n\n    this.isSlide = false;\n  };\n\n  /*\n   * Реализует эффект при тапе для Андроида\n   */\n  onDown: VKUITouchEventHander = (e: VKUITouchEvent) => {\n    if (this.props.platform === ANDROID) {\n      const { top, left } = getOffsetRect(this.container);\n      const x = coordX(e) - left;\n      const y = coordY(e) - top;\n      const key = 'wave' + Date.now().toString();\n\n      this.setState((state: TappableState): TappableState => {\n        return {\n          clicks: {\n            ...state.clicks,\n            [key]: {\n              x,\n              y,\n            },\n          },\n        };\n      });\n\n      this.wavesTimeout = setTimeout(() => {\n        this.setState((state: TappableState): TappableState => {\n          let clicks = { ...state.clicks };\n          delete clicks[key];\n          return { clicks };\n        });\n      }, 225);\n    }\n  };\n\n  onEnter = () => {\n    this.setState({ hovered: true });\n  };\n\n  onLeave = () => {\n    this.setState({ hovered: false });\n  };\n\n  /*\n   * Устанавливает активное выделение\n   */\n  start: VoidFunction = () => {\n    if (!this.state.active && this.state.hasActive) {\n      this.setState({\n        active: true,\n        ts: ts(),\n      });\n    }\n    deactivateOtherInstances(this.id);\n  };\n\n  /*\n   * Снимает активное выделение\n   */\n  stop: VoidFunction = () => {\n    if (this.state.active) {\n      this.setState({\n        active: false,\n        ts: null,\n      });\n    }\n    if (this.getStorage()) {\n      clearTimeout(this.getStorage().activeTimeout);\n      delete storage[this.id];\n    }\n  };\n\n  /*\n   * Возвращает хранилище для экземпляра компонента\n   */\n  getStorage: GetStorage = () => {\n    return storage[this.id];\n  };\n\n  /*\n   * Берет ref на DOM-ноду из экземпляра Touch\n   */\n  getRef: React.RefCallback<HTMLElement> = (container) => {\n    this.container = container;\n    setRef(container, this.props.getRootRef);\n  };\n\n  componentWillUnmount() {\n    if (storage[this.id]) {\n      clearTimeout(storage[this.id].timeout);\n      clearTimeout(storage[this.id].activeTimeout);\n\n      delete storage[this.id];\n    }\n\n    clearTimeout(this.wavesTimeout);\n  }\n\n  componentDidUpdate(prevProps: TappableProps) {\n    if (prevProps.hasHover !== this.props.hasHover || prevProps.hasActive !== this.props.hasActive) {\n      this.setState({ hasHover: this.props.hasHover, hasActive: this.props.hasActive });\n    }\n    if (!prevProps.disabled && this.props.disabled) {\n      this.setState({ hovered: false });\n    }\n  }\n\n  render() {\n    const { clicks, active, hovered, hasHover, hasActive } = this.state;\n\n    const defaultComponent: React.ElementType = this.props.href ? 'a' : 'div';\n\n    const {\n      children,\n      Component = defaultComponent,\n      onClick,\n      onKeyDown,\n      activeEffectDelay,\n      stopPropagation,\n      getRootRef,\n      platform,\n      sizeX,\n      hasMouse,\n      hasHover: propsHasHover,\n      hoverMode,\n      hasActive: propsHasActive,\n      activeMode,\n      focusVisibleMode,\n      ...restProps\n    } = this.props;\n\n    const isCustomElement: boolean = Component !== 'a' && Component !== 'button' && !restProps.contentEditable;\n\n    const isPresetHoverMode = ['opacity', 'background'].includes(hoverMode);\n    const isPresetActiveMode = ['opacity', 'background'].includes(activeMode);\n\n    const classes = classNames(\n      getClassName('Tappable', platform),\n      `Tappable--sizeX-${sizeX}`,\n      {\n        'Tappable--active': hasActive && active,\n        'Tappable--inactive': !active,\n        'Tappable--mouse': hasMouse,\n        [`Tappable--hover-${hoverMode}`]: hasHover && hovered && isPresetHoverMode,\n        [`Tappable--active-${activeMode}`]: hasActive && active && isPresetActiveMode,\n        [hoverMode]: hasHover && hovered && !isPresetHoverMode,\n        [activeMode]: hasActive && active && !isPresetActiveMode,\n      });\n\n    const RootComponent = restProps.disabled\n      ? Component\n      : Touch;\n\n    let props: RootComponentProps = {};\n    if (!restProps.disabled) {\n      props.Component = Component;\n      /* eslint-disable */\n      props.onStart = this.onStart;\n      props.onMove = this.onMove;\n      props.onEnd = this.onEnd;\n      props.onClick = onClick;\n      props.onKeyDown = isCustomElement ? this.onKeyDown : onKeyDown;\n      /* eslint-enable */\n      props.getRootRef = this.getRef;\n    } else {\n      props.ref = this.getRef;\n    }\n\n    if (isCustomElement) {\n      props['aria-disabled'] = restProps.disabled;\n    }\n\n    const role: string = restProps.href ? 'link' : 'button';\n\n    return (\n      <TappableContext.Consumer>\n        {({ insideTappable, onEnter, onLeave }) => {\n          return (\n            <TouchRootContext.Consumer>\n              {(insideTouchRoot: boolean) => {\n                this.insideTouchRoot = insideTouchRoot;\n                const touchProps = restProps.disabled ? {} : {\n                  onEnter: () => {\n                    insideTappable && onEnter();\n                    !restProps.disabled && this.onEnter();\n                  },\n                  onLeave: () => {\n                    insideTappable && onLeave();\n                    !restProps.disabled && this.onLeave();\n                  },\n                };\n                return (\n                  <RootComponent\n                    {...touchProps}\n                    type={Component === 'button' ? 'button' : undefined}\n                    tabIndex={isCustomElement && !restProps.disabled ? 0 : undefined}\n                    role={isCustomElement ? role : undefined}\n                    {...restProps}\n                    vkuiClass={classes}\n                    {...props}>\n                    <TappableContext.Provider\n                      value={{\n                        insideTappable: true,\n                        onEnter: () => this.setState({ hasHover: false, hasActive: false }),\n                        onLeave: () => this.setState({ hasHover: propsHasHover, hasActive: propsHasActive }),\n                      }}\n                    >\n                      {children}\n                    </TappableContext.Provider>\n                    {platform === ANDROID && !hasMouse && hasActive && activeMode === 'background' && (\n                      <span aria-hidden=\"true\" vkuiClass=\"Tappable__waves\">\n                        {Object.keys(clicks).map((k: string) => (\n                          <span vkuiClass=\"Tappable__wave\" style={{ top: clicks[k].y, left: clicks[k].x }} key={k} />\n                        ))}\n                      </span>\n                    )}\n                    {hasHover && <span aria-hidden=\"true\" vkuiClass=\"Tappable__hoverShadow\" />}\n                    {!restProps.disabled && <FocusVisible mode={focusVisibleMode} />}\n                  </RootComponent>\n                );\n              }}\n            </TouchRootContext.Consumer>\n          );\n        }}\n      </TappableContext.Consumer>\n    );\n  }\n}\n\nexport default withAdaptivity(withPlatform(Tappable), { sizeX: true, hasMouse: true });\n"],"file":"Tappable.js"}
+{"version":3,"sources":["../../../../src/components/Tappable/Tappable.tsx"],"names":["ts","Date","now","ACTIVE_DELAY","ACTIVE_EFFECT_DELAY","storage","deactivateOtherInstances","exclude","Object","keys","filter","id","forEach","clearTimeout","activeTimeout","timeout","stop","TappableContext","React","createContext","insideTappable","Tappable","props","e","onKeyDown","preventDefault","container","click","originalEvent","insideTouchRoot","stopPropagation","state","hasActive","touches","length","platform","ANDROID","onDown","setTimeout","start","shiftXAbs","shiftYAbs","isSlide","active","activeEffectDelay","store","getStorage","top","left","x","y","setState","clicks","toString","hovered","getRootRef","Math","round","random","hasHover","prevProps","disabled","c","defaultComponent","href","children","Component","onClick","sizeX","hasMouse","propsHasHover","hoverMode","propsHasActive","activeMode","focusVisibleMode","restProps","isCustomElement","contentEditable","isPresetHoverMode","includes","isPresetActiveMode","classes","RootComponent","Touch","onStart","onMove","onEnd","getRef","ref","role","onEnter","onLeave","touchProps","undefined","map","wave","removeWave","Wave","onClear","useEffect","set"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Touch, TouchEvent, TouchEventHandler, TouchProps } from '../Touch/Touch';\nimport TouchRootContext from '../Touch/TouchContext';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { ANDROID } from '../../lib/platform';\nimport { getOffsetRect } from '../../lib/offset';\nimport { coordX, coordY, VKUITouchEvent, VKUITouchEventHander } from '../../lib/touch';\nimport { HasPlatform, HasRootRef } from '../../types';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { hasHover } from '@vkontakte/vkjs';\nimport { setRef } from '../../lib/utils';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { shouldTriggerClickOnEnterOrSpace } from '../../lib/accessibility';\nimport { FocusVisible, FocusVisibleMode } from '../FocusVisible/FocusVisible';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport './Tappable.css';\n\nexport interface TappableProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasPlatform, AdaptivityProps {\n  Component?: React.ElementType;\n  /**\n   * Длительность показа active-состояния\n   */\n  activeEffectDelay?: number;\n  stopPropagation?: boolean;\n  /**\n   * Указывает, должен ли компонент реагировать на hover-состояние\n   */\n  hasHover?: boolean;\n  /**\n   * Указывает, должен ли компонент реагировать на active-состояние\n   */\n  hasActive?: boolean;\n  /**\n   * Стиль подсветки active-состояния. Если передать произвольную строку, она добавится как css-класс во время active\n   */\n  activeMode?: 'opacity' | 'background' | string;\n  /**\n   * Стиль подсветки hover-состояния. Если передать произвольную строку, она добавится как css-класс во время hover\n   */\n  hoverMode?: 'opacity' | 'background' | string;\n  /**\n   * Стиль аутлайна focus visible.\n   */\n  focusVisibleMode?: FocusVisibleMode;\n}\n\ninterface Wave {\n  x: number;\n  y: number;\n  id: string;\n}\n\nexport interface TappableState {\n  clicks?: Wave[];\n  hovered?: boolean;\n  active?: boolean;\n  ts?: number;\n  hasHover?: boolean;\n  hasActive?: boolean;\n}\n\nexport interface RootComponentProps extends TouchProps {\n  ref?: React.Ref<HTMLElement>;\n}\n\nexport interface StorageItem {\n  activeTimeout: ReturnType<typeof setTimeout>;\n  timeout?: ReturnType<typeof setTimeout>;\n  stop(): void;\n}\n\nexport interface Storage {\n  [index: string]: StorageItem;\n}\n\nexport type GetStorage = () => StorageItem;\n\nconst ts = () => +Date.now();\n\nexport const ACTIVE_DELAY = 70;\nexport const ACTIVE_EFFECT_DELAY = 600;\n\nlet storage: Storage = {};\n\n/*\n * Очищает таймауты и хранилище для всех экземпляров компонента, кроме переданного\n */\nfunction deactivateOtherInstances(exclude?: string) {\n  Object.keys(storage).filter((id: string) => id !== exclude).forEach((id: string) => {\n    clearTimeout(storage[id].activeTimeout);\n    clearTimeout(storage[id].timeout);\n    storage[id].stop();\n\n    delete storage[id];\n  });\n}\n\nconst TappableContext = React.createContext<{ insideTappable?: boolean; onEnter?: VoidFunction; onLeave?: VoidFunction }>({ insideTappable: false });\n\nclass Tappable extends React.Component<TappableProps, TappableState> {\n  constructor(props: TappableProps) {\n    super(props);\n    this.id = Math.round(Math.random() * 1e8).toString(16);\n    this.state = {\n      clicks: [],\n      active: false,\n      ts: null,\n      hasHover: props.hasHover,\n      hasActive: props.hasActive,\n    };\n    this.isSlide = false;\n  }\n\n  id: string;\n\n  isSlide: boolean;\n\n  insideTouchRoot: boolean;\n\n  container: HTMLElement;\n\n  timeout: ReturnType<typeof setTimeout>;\n\n  static defaultProps = {\n    stopPropagation: false,\n    disabled: false,\n    focusVisibleMode: 'inside',\n    hasHover,\n    hoverMode: 'background',\n    hasActive: true,\n    activeMode: 'background',\n    activeEffectDelay: ACTIVE_EFFECT_DELAY,\n  };\n\n  /*\n   * [a11y]\n   * Обрабатывает событие onkeydown\n   * для кастомных доступных элементов:\n   * - role=\"link\" (активация по Enter)\n   * - role=\"button\" (активация по Space и Enter)\n   */\n  onKeyDown: React.KeyboardEventHandler = (e: React.KeyboardEvent<HTMLElement>) => {\n    const { onKeyDown } = this.props;\n\n    if (shouldTriggerClickOnEnterOrSpace(e)) {\n      e.preventDefault();\n      this.container.click();\n    }\n\n    {\n      if (typeof onKeyDown === 'function') {\n        return onKeyDown(e);\n      }\n    }\n  };\n\n  /*\n   * Обрабатывает событие touchstart\n   */\n  onStart: TouchEventHandler = ({ originalEvent }: TouchEvent) => {\n    !this.insideTouchRoot && this.props.stopPropagation && originalEvent.stopPropagation();\n\n    if (this.state.hasActive) {\n      if (originalEvent.touches && originalEvent.touches.length > 1) {\n        deactivateOtherInstances();\n        return;\n      }\n\n      if (this.props.platform === ANDROID) {\n        this.onDown(originalEvent);\n      }\n\n      storage[this.id] = {\n        stop: this.stop,\n        activeTimeout: setTimeout(this.start, ACTIVE_DELAY),\n      };\n    }\n  };\n\n  /*\n   * Обрабатывает событие touchmove\n   */\n  onMove: TouchEventHandler = ({ originalEvent, shiftXAbs, shiftYAbs }: TouchEvent) => {\n    !this.insideTouchRoot && this.props.stopPropagation && originalEvent.stopPropagation();\n    if (shiftXAbs > 20 || shiftYAbs > 20) {\n      this.isSlide = true;\n      this.stop();\n    }\n  };\n\n  /*\n   * Обрабатывает событие touchend\n   */\n  onEnd: TouchEventHandler = ({ originalEvent }: TouchEvent) => {\n    !this.insideTouchRoot && this.props.stopPropagation && originalEvent.stopPropagation();\n    const now = ts();\n\n    if (originalEvent.touches && originalEvent.touches.length > 0) {\n      this.isSlide = false;\n      this.stop();\n      return;\n    }\n\n    if (this.state.active) {\n      if (now - this.state.ts >= 100) {\n        // Долгий тап, выключаем подсветку\n        this.stop();\n      } else {\n        // Короткий тап, оставляем подсветку\n        const timeout = setTimeout(this.stop, this.props.activeEffectDelay - now + this.state.ts);\n        const store = this.getStorage();\n\n        if (store) {\n          store.timeout = timeout;\n        }\n      }\n    } else if (!this.isSlide) {\n      // Очень короткий тап, включаем подсветку\n      this.start();\n\n      const timeout = setTimeout(this.stop, this.props.activeEffectDelay);\n\n      if (this.getStorage()) {\n        clearTimeout(this.getStorage().activeTimeout);\n        this.getStorage().timeout = timeout;\n      } else {\n        this.timeout = timeout;\n      }\n    }\n\n    this.isSlide = false;\n  };\n\n  /*\n   * Реализует эффект при тапе для Андроида\n   */\n  onDown: VKUITouchEventHander = (e: VKUITouchEvent) => {\n    if (this.props.platform === ANDROID) {\n      const { top, left } = getOffsetRect(this.container);\n      const x = coordX(e) - left;\n      const y = coordY(e) - top;\n\n      this.setState({\n        clicks: [...this.state.clicks, { x, y, id: Date.now().toString() }],\n      });\n    }\n  };\n\n  onEnter = () => {\n    this.setState({ hovered: true });\n  };\n\n  onLeave = () => {\n    this.setState({ hovered: false });\n  };\n\n  /*\n   * Устанавливает активное выделение\n   */\n  start: VoidFunction = () => {\n    if (!this.state.active && this.state.hasActive) {\n      this.setState({\n        active: true,\n        ts: ts(),\n      });\n    }\n    deactivateOtherInstances(this.id);\n  };\n\n  /*\n   * Снимает активное выделение\n   */\n  stop: VoidFunction = () => {\n    if (this.state.active) {\n      this.setState({\n        active: false,\n        ts: null,\n      });\n    }\n    if (this.getStorage()) {\n      clearTimeout(this.getStorage().activeTimeout);\n      delete storage[this.id];\n    }\n  };\n\n  /*\n   * Возвращает хранилище для экземпляра компонента\n   */\n  getStorage: GetStorage = () => {\n    return storage[this.id];\n  };\n\n  /*\n   * Берет ref на DOM-ноду из экземпляра Touch\n   */\n  getRef: React.RefCallback<HTMLElement> = (container) => {\n    this.container = container;\n    setRef(container, this.props.getRootRef);\n  };\n\n  componentWillUnmount() {\n    if (storage[this.id]) {\n      clearTimeout(storage[this.id].timeout);\n      clearTimeout(storage[this.id].activeTimeout);\n\n      delete storage[this.id];\n    }\n  }\n\n  componentDidUpdate(prevProps: TappableProps) {\n    if (prevProps.hasHover !== this.props.hasHover || prevProps.hasActive !== this.props.hasActive) {\n      this.setState({ hasHover: this.props.hasHover, hasActive: this.props.hasActive });\n    }\n    if (!prevProps.disabled && this.props.disabled) {\n      this.setState({ hovered: false });\n    }\n  }\n\n  removeWave(id: Wave['id']) {\n    this.setState({ clicks: this.state.clicks.filter((c) => c.id !== id) });\n  }\n\n  render() {\n    const { clicks, active, hovered, hasHover, hasActive } = this.state;\n\n    const defaultComponent: React.ElementType = this.props.href ? 'a' : 'div';\n\n    const {\n      children,\n      Component = defaultComponent,\n      onClick,\n      onKeyDown,\n      activeEffectDelay,\n      stopPropagation,\n      getRootRef,\n      platform,\n      sizeX,\n      hasMouse,\n      hasHover: propsHasHover,\n      hoverMode,\n      hasActive: propsHasActive,\n      activeMode,\n      focusVisibleMode,\n      ...restProps\n    } = this.props;\n\n    const isCustomElement: boolean = Component !== 'a' && Component !== 'button' && !restProps.contentEditable;\n\n    const isPresetHoverMode = ['opacity', 'background'].includes(hoverMode);\n    const isPresetActiveMode = ['opacity', 'background'].includes(activeMode);\n\n    const classes = classNames(\n      getClassName('Tappable', platform),\n      `Tappable--sizeX-${sizeX}`,\n      {\n        'Tappable--active': hasActive && active,\n        'Tappable--inactive': !active,\n        'Tappable--mouse': hasMouse,\n        [`Tappable--hover-${hoverMode}`]: hasHover && hovered && isPresetHoverMode,\n        [`Tappable--active-${activeMode}`]: hasActive && active && isPresetActiveMode,\n        [hoverMode]: hasHover && hovered && !isPresetHoverMode,\n        [activeMode]: hasActive && active && !isPresetActiveMode,\n      });\n\n    const RootComponent = restProps.disabled\n      ? Component\n      : Touch;\n\n    let props: RootComponentProps = {};\n    if (!restProps.disabled) {\n      props.Component = Component;\n      /* eslint-disable */\n      props.onStart = this.onStart;\n      props.onMove = this.onMove;\n      props.onEnd = this.onEnd;\n      props.onClick = onClick;\n      props.onKeyDown = isCustomElement ? this.onKeyDown : onKeyDown;\n      /* eslint-enable */\n      props.getRootRef = this.getRef;\n    } else {\n      props.ref = this.getRef;\n    }\n\n    if (isCustomElement) {\n      props['aria-disabled'] = restProps.disabled;\n    }\n\n    const role: string = restProps.href ? 'link' : 'button';\n\n    return (\n      <TappableContext.Consumer>\n        {({ insideTappable, onEnter, onLeave }) => {\n          return (\n            <TouchRootContext.Consumer>\n              {(insideTouchRoot: boolean) => {\n                this.insideTouchRoot = insideTouchRoot;\n                const touchProps = restProps.disabled ? {} : {\n                  onEnter: () => {\n                    insideTappable && onEnter();\n                    !restProps.disabled && this.onEnter();\n                  },\n                  onLeave: () => {\n                    insideTappable && onLeave();\n                    !restProps.disabled && this.onLeave();\n                  },\n                };\n                return (\n                  <RootComponent\n                    {...touchProps}\n                    type={Component === 'button' ? 'button' : undefined}\n                    tabIndex={isCustomElement && !restProps.disabled ? 0 : undefined}\n                    role={isCustomElement ? role : undefined}\n                    {...restProps}\n                    vkuiClass={classes}\n                    {...props}>\n                    <TappableContext.Provider\n                      value={{\n                        insideTappable: true,\n                        onEnter: () => this.setState({ hasHover: false, hasActive: false }),\n                        onLeave: () => this.setState({ hasHover: propsHasHover, hasActive: propsHasActive }),\n                      }}\n                    >\n                      {children}\n                    </TappableContext.Provider>\n                    {platform === ANDROID && !hasMouse && hasActive && activeMode === 'background' && (\n                      <span aria-hidden=\"true\" vkuiClass=\"Tappable__waves\">\n                        {clicks.map((wave) => (\n                          <Wave {...wave} key={wave.id} onClear={() => this.removeWave(wave.id)} />\n                        ))}\n                      </span>\n                    )}\n                    {hasHover && hoverMode === 'background' && <span aria-hidden=\"true\" vkuiClass=\"Tappable__hoverShadow\" />}\n                    {!restProps.disabled && <FocusVisible mode={focusVisibleMode} />}\n                  </RootComponent>\n                );\n              }}\n            </TouchRootContext.Consumer>\n          );\n        }}\n      </TappableContext.Consumer>\n    );\n  }\n}\n\nexport default withAdaptivity(withPlatform(Tappable), { sizeX: true, hasMouse: true });\n\nfunction Wave({ x, y, onClear }: Wave & { onClear: VoidFunction }) {\n  const timeout = useTimeout(onClear, 225);\n  React.useEffect(() => timeout.set(), []);\n  return <span vkuiClass=\"Tappable__wave\" style={{ top: y, left: x }} />;\n}\n"],"file":"Tappable.js"}

package/dist/cjs/components/Touch/Touch.d.ts

@@ -38,5 +38,4 @@ export interface TouchEvent extends Gesture {
 export declare type TouchEventHandler = (e: TouchEvent) => void;
 export declare type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;
 export declare type DragHandler = (e: React.DragEvent<HTMLElement>) => void;
-declare const _default: React.FC<TouchProps>;
-export default _default;
+export declare const Touch: React.FC<TouchProps>;

package/dist/cjs/components/Touch/Touch.js

@@ -7,27 +7,15 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Touch = void 0;
 
 var _jsxRuntime = require("../../lib/jsxRuntime");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -35,296 +23,197 @@ var _touch = require("../../lib/touch");
 
 var _dom = require("../../lib/dom");
 
-var _utils = require("../../lib/utils");
-
-var _excluded = ["onStart", "onStartX", "onStartY", "onMove", "onMoveX", "onMoveY", "onLeave", "onEnter", "onEnd", "onEndX", "onEndY", "useCapture", "Component", "getRootRef", "noSlideClick", "window", "document"];
-var events = (0, _touch.getSupportedEvents)();
-
-var Touch = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Touch, _React$Component);
-
-  var _super = (0, _createSuper2.default)(Touch);
-
-  function Touch() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Touch);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "didSlide", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "gesture", {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "container", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onEnter", function (e) {
-      if (_this.props.onEnter) {
-        _this.props.onEnter(e);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onLeave", function (e) {
-      if (_this.props.onLeave) {
-        _this.props.onLeave(e);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onStart", function (e) {
-      _this.gesture = {
-        startX: (0, _touch.coordX)(e),
-        startY: (0, _touch.coordY)(e),
-        startT: new Date(),
-        isPressed: true
-      }; // Вызываем нужные колбеки из props
-
-      var outputEvent = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.gesture), {}, {
+var _useExternRef = require("../../hooks/useExternRef");
+
+var _useEventListener = require("../../hooks/useEventListener");
+
+var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
+
+var _excluded = ["onStart", "onStartX", "onStartY", "onMove", "onMoveX", "onMoveY", "onLeave", "onEnter", "onEnd", "onEndX", "onEndY", "onClickCapture", "useCapture", "Component", "getRootRef", "noSlideClick"];
+
+var Touch = function Touch(_ref) {
+  var onStart = _ref.onStart,
+      onStartX = _ref.onStartX,
+      onStartY = _ref.onStartY,
+      _onMove = _ref.onMove,
+      onMoveX = _ref.onMoveX,
+      onMoveY = _ref.onMoveY,
+      onLeave = _ref.onLeave,
+      onEnter = _ref.onEnter,
+      _onEnd = _ref.onEnd,
+      onEndX = _ref.onEndX,
+      onEndY = _ref.onEndY,
+      onClickCapture = _ref.onClickCapture,
+      _ref$useCapture = _ref.useCapture,
+      useCapture = _ref$useCapture === void 0 ? false : _ref$useCapture,
+      _ref$Component = _ref.Component,
+      Component = _ref$Component === void 0 ? 'div' : _ref$Component,
+      getRootRef = _ref.getRootRef,
+      _ref$noSlideClick = _ref.noSlideClick,
+      noSlideClick = _ref$noSlideClick === void 0 ? false : _ref$noSlideClick,
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useDOM = (0, _dom.useDOM)(),
+      document = _useDOM.document;
+
+  var events = React.useMemo(_touch.getSupportedEvents, []);
+  var didSlide = React.useRef(false);
+  var gesture = React.useRef({});
+
+  var handle = function handle(e, handers) {
+    return handers.forEach(function (cb) {
+      cb && cb((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gesture.current), {}, {
         originalEvent: e
-      });
-
-      if (_this.props.onStart) {
-        _this.props.onStart(outputEvent);
-      }
-
-      if (_this.props.onStartX) {
-        _this.props.onStartX(outputEvent);
-      }
-
-      if (_this.props.onStartY) {
-        _this.props.onStartY(outputEvent);
-      }
-
-      !_touch.touchEnabled && _this.subscribe(_this.document);
+      }));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMove", function (e) {
-      var _this$gesture = _this.gesture,
-          isPressed = _this$gesture.isPressed,
-          isX = _this$gesture.isX,
-          isY = _this$gesture.isY,
-          startX = _this$gesture.startX,
-          startY = _this$gesture.startY;
-
-      if (isPressed) {
-        // смещения
-        var shiftX = (0, _touch.coordX)(e) - startX;
-        var shiftY = (0, _touch.coordY)(e) - startY; // абсолютные значения смещений
-
-        var shiftXAbs = Math.abs(shiftX);
-        var shiftYAbs = Math.abs(shiftY); // Если определяем мультитач, то прерываем жест
-
-        if (!!e.touches && e.touches.length > 1) {
-          return _this.onEnd(e);
-        } // если мы ещё не определились
-
-
-        if (!isX && !isY) {
-          var willBeX = shiftXAbs >= 5 && shiftXAbs > shiftYAbs;
-          var willBeY = shiftYAbs >= 5 && shiftYAbs > shiftXAbs;
-          var willBeSlidedX = willBeX && !!_this.props.onMoveX || !!_this.props.onMove;
-          var willBeSlidedY = willBeY && !!_this.props.onMoveY || !!_this.props.onMove;
-          _this.gesture.isY = willBeY;
-          _this.gesture.isX = willBeX;
-          _this.gesture.isSlideX = willBeSlidedX;
-          _this.gesture.isSlideY = willBeSlidedY;
-          _this.gesture.isSlide = willBeSlidedX || willBeSlidedY;
-        }
-
-        if (_this.gesture.isSlide) {
-          _this.gesture.shiftX = shiftX;
-          _this.gesture.shiftY = shiftY;
-          _this.gesture.shiftXAbs = shiftXAbs;
-          _this.gesture.shiftYAbs = shiftYAbs; // Вызываем нужные колбеки из props
-
-          var _outputEvent = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.gesture), {}, {
-            originalEvent: e
-          });
-
-          if (_this.props.onMove) {
-            _this.props.onMove(_outputEvent);
-          }
-
-          if (_this.gesture.isSlideX && _this.props.onMoveX) {
-            _this.props.onMoveX(_outputEvent);
-          }
-
-          if (_this.gesture.isSlideY && _this.props.onMoveY) {
-            _this.props.onMoveY(_outputEvent);
-          }
-        }
+  };
+
+  var mouseEnterHandler = (0, _useEventListener.useEventListener)('mouseenter', onEnter);
+  var mouseLeaveHandler = (0, _useEventListener.useEventListener)('mouseleave', onLeave);
+  var startHandler = (0, _useEventListener.useEventListener)(events[0], function (e) {
+    gesture.current = {
+      startX: (0, _touch.coordX)(e),
+      startY: (0, _touch.coordY)(e),
+      startT: new Date(),
+      isPressed: true
+    };
+    handle(e, [onStart, onStartX, onStartY]);
+    !(0, _touch.touchEnabled)() && subscribe(document);
+  }, {
+    capture: useCapture,
+    passive: false
+  });
+  var containerRef = (0, _useExternRef.useExternRef)(getRootRef);
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
+    var el = containerRef.current;
+    mouseEnterHandler.add(el);
+    mouseLeaveHandler.add(el);
+    startHandler.add(el);
+    (0, _touch.touchEnabled)() && subscribe(el);
+  }, [Component]);
+
+  function onMove(e) {
+    var _gesture$current = gesture.current,
+        isPressed = _gesture$current.isPressed,
+        isX = _gesture$current.isX,
+        isY = _gesture$current.isY,
+        startX = _gesture$current.startX,
+        startY = _gesture$current.startY;
+
+    if (isPressed) {
+      // смещения
+      var shiftX = (0, _touch.coordX)(e) - startX;
+      var shiftY = (0, _touch.coordY)(e) - startY; // абсолютные значения смещений
+
+      var shiftXAbs = Math.abs(shiftX);
+      var shiftYAbs = Math.abs(shiftY); // Если определяем мультитач, то прерываем жест
+
+      if (!!e.touches && e.touches.length > 1) {
+        return onEnd(e);
+      } // если мы ещё не определились
+
+
+      if (!isX && !isY) {
+        var willBeX = shiftXAbs >= 5 && shiftXAbs > shiftYAbs;
+        var willBeY = shiftYAbs >= 5 && shiftYAbs > shiftXAbs;
+        var willBeSlidedX = willBeX && (!!onMoveX || !!_onMove);
+        var willBeSlidedY = willBeY && (!!onMoveY || !!_onMove);
+        Object.assign(gesture.current, {
+          isY: willBeY,
+          isX: willBeX,
+          isSlideX: willBeSlidedX,
+          isSlideY: willBeSlidedY,
+          isSlide: willBeSlidedX || willBeSlidedY
+        });
       }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onEnd", function (e) {
-      var _this$gesture2 = _this.gesture,
-          isPressed = _this$gesture2.isPressed,
-          isSlide = _this$gesture2.isSlide,
-          isSlideX = _this$gesture2.isSlideX,
-          isSlideY = _this$gesture2.isSlideY;
-
-      if (isPressed) {
-        // Вызываем нужные колбеки из props
-        var _outputEvent2 = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.gesture), {}, {
-          originalEvent: e
+
+      if (gesture.current.isSlide) {
+        Object.assign(gesture.current, {
+          shiftX: shiftX,
+          shiftY: shiftY,
+          shiftXAbs: shiftXAbs,
+          shiftYAbs: shiftYAbs
         });
+        handle(e, [_onMove, gesture.current.isSlideX && onMoveX, gesture.current.isSlideY && onMoveY]);
+      }
+    }
+  }
 
-        if (_this.props.onEnd) {
-          _this.props.onEnd(_outputEvent2);
-        }
+  function onEnd(e) {
+    var _gesture$current2 = gesture.current,
+        isPressed = _gesture$current2.isPressed,
+        isSlide = _gesture$current2.isSlide,
+        isSlideX = _gesture$current2.isSlideX,
+        isSlideY = _gesture$current2.isSlideY;
 
-        if (isSlideY && _this.props.onEndY) {
-          _this.props.onEndY(_outputEvent2);
-        }
+    if (isPressed) {
+      handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);
+    }
 
-        if (isSlideX && _this.props.onEndX) {
-          _this.props.onEndX(_outputEvent2);
-        }
-      }
+    didSlide.current = isSlide;
+    gesture.current = {}; // Если это был тач-евент, симулируем отмену hover
 
-      _this.didSlide = isSlide;
-      _this.gesture = {}; // Если это был тач-евент, симулируем отмену hover
+    if (e.type === 'touchend' || e.type === 'touchcancel') {
+      onLeave && onLeave(e);
+    }
 
-      if (e.type === 'touchend' || e.type === 'touchcancel') {
-        _this.onLeave(e);
-      }
+    !(0, _touch.touchEnabled)() && subscribe(null);
+  }
 
-      !_touch.touchEnabled && _this.unsubscribe();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "unsubscribe", _utils.noop);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDragStart", function (e) {
-      var target = e.target;
+  var listenerParams = {
+    capture: useCapture,
+    passive: false
+  };
+  var listeners = [(0, _useEventListener.useEventListener)(events[1], onMove, listenerParams), (0, _useEventListener.useEventListener)(events[2], onEnd, listenerParams), (0, _useEventListener.useEventListener)(events[3], onEnd, listenerParams)];
 
-      if (target.tagName === 'A' || target.tagName === 'IMG') {
-        e.preventDefault();
-      }
+  function subscribe(el) {
+    listeners.forEach(function (l) {
+      return l.add(el);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "postGestureClick", function (e) {
-      var _this$props = _this.props,
-          onClickCapture = _this$props.onClickCapture,
-          noSlideClick = _this$props.noSlideClick;
+  }
+  /**
+   * Обработчик событий dragstart
+   * Отменяет нативное браузерное поведение для вложенных ссылок и изображений
+   */
 
-      if (!_this.didSlide) {
-        return onClickCapture && onClickCapture(e);
-      }
 
-      if (e.target.tagName === 'A') {
-        e.preventDefault();
-      }
+  var onDragStart = function onDragStart(e) {
+    var target = e.target;
 
-      if (noSlideClick) {
-        e.stopPropagation();
-      } else {
-        onClickCapture && onClickCapture(e);
-      }
+    if (target.tagName === 'A' || target.tagName === 'IMG') {
+      e.preventDefault();
+    }
+  };
+  /**
+   * Обработчик клика по компоненту
+   * Отменяет переход по вложенной ссылке, если был зафиксирован свайп
+   */
 
-      _this.didSlide = false;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getRef", function (container) {
-      _this.container = container;
-      (0, _utils.setRef)(container, _this.props.getRootRef);
-    });
-    return _this;
-  }
 
-  (0, _createClass2.default)(Touch, [{
-    key: "document",
-    get: function get() {
-      return this.props.document;
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (_dom.canUseDOM) {
-        this.container.addEventListener(events[0], this.onStart, {
-          capture: this.props.useCapture,
-          passive: false
-        });
-        _touch.touchEnabled && this.subscribe(this.container);
-        this.container.addEventListener('mouseenter', this.onEnter, {
-          capture: this.props.useCapture,
-          passive: true
-        });
-        this.container.addEventListener('mouseleave', this.onLeave, {
-          capture: this.props.useCapture,
-          passive: true
-        });
-      }
+  var postGestureClick = function postGestureClick(e) {
+    if (!didSlide.current) {
+      return onClickCapture && onClickCapture(e);
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.container.removeEventListener(events[0], this.onStart);
-      this.unsubscribe();
-      this.container.removeEventListener('mouseenter', this.onEnter);
-      this.container.removeEventListener('mouseleave', this.onLeave);
-    }
-    /**
-     * Обработчик событий mouseenter
-     *
-     * @param {Object} e Браузерное событие
-     * @return {void}
-     */
 
-  }, {
-    key: "subscribe",
-    value: function subscribe(element) {
-      var _this2 = this;
-
-      this.unsubscribe();
-      var listenerParams = {
-        capture: this.props.useCapture,
-        passive: false
-      };
-      element.addEventListener(events[1], this.onMove, listenerParams);
-      element.addEventListener(events[2], this.onEnd, listenerParams);
-      element.addEventListener(events[3], this.onEnd, listenerParams);
-
-      this.unsubscribe = function () {
-        // Здесь нужен последний аргумент с такими же параметрами, потому что
-        // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.
-        // https://github.com/VKCOM/VKUI/issues/444
-        element.removeEventListener(events[1], _this2.onMove, listenerParams);
-        element.removeEventListener(events[2], _this2.onEnd, listenerParams);
-        element.removeEventListener(events[3], _this2.onEnd, listenerParams);
-        _this2.unsubscribe = _utils.noop;
-      };
+    if (e.target.tagName === 'A') {
+      e.preventDefault();
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          onStart = _this$props2.onStart,
-          onStartX = _this$props2.onStartX,
-          onStartY = _this$props2.onStartY,
-          onMove = _this$props2.onMove,
-          onMoveX = _this$props2.onMoveX,
-          onMoveY = _this$props2.onMoveY,
-          onLeave = _this$props2.onLeave,
-          onEnter = _this$props2.onEnter,
-          onEnd = _this$props2.onEnd,
-          onEndX = _this$props2.onEndX,
-          onEndY = _this$props2.onEndY,
-          useCapture = _this$props2.useCapture,
-          Component = _this$props2.Component,
-          getRootRef = _this$props2.getRootRef,
-          noSlideClick = _this$props2.noSlideClick,
-          window = _this$props2.window,
-          document = _this$props2.document,
-          restProps = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
-      return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
-        onDragStart: this.onDragStart,
-        onClickCapture: this.postGestureClick,
-        ref: this.getRef
-      }), this.props.children);
+
+    if (noSlideClick) {
+      e.stopPropagation();
+    } else {
+      onClickCapture && onClickCapture(e);
     }
-  }]);
-  return Touch;
-}(React.Component);
-
-(0, _defineProperty2.default)(Touch, "defaultProps", {
-  Component: 'div',
-  children: '',
-  useCapture: false,
-  noSlideClick: false
-});
 
-var _default = (0, _dom.withDOM)(Touch);
+    didSlide.current = false;
+  };
+
+  return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
+    onDragStart: onDragStart,
+    onClickCapture: postGestureClick,
+    ref: containerRef
+  }));
+};
 
-exports.default = _default;
+exports.Touch = Touch;
 //# sourceMappingURL=Touch.js.map