npm - @vkontakte/vkui - Versions diffs - 4.24.0 → 4.25.0 - Mend

@vkontakte/vkui 4.24.0 → 4.25.0

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

Files changed (1469) hide show

package/dist/components/Gallery/Gallery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Gallery/Gallery.tsx"],"names":["React","getClassName","Touch","classNames","withPlatform","withDOM","setRef","withAdaptivity","HorizontalScrollArrow","clamp","useTimeout","BaseGallery","props","setState","animation","e","isDraggable","isFullyVisible","originalEvent","preventDefault","isSlideX","onDragStart","state","deltaX","shiftX","dragging","targetIndex","isSlide","getTarget","slideIndex","onDragEnd","onChange","onEnd","initializeSlides","canSlideLeft","canSlideRight","id","slide","slidesStore","viewport","getRef","container","getRootRef","containerWidth","slides","duration","slideWidth","align","options","Children","map","children","_item","i","elem","coordX","offsetLeft","width","offsetWidth","layerWidth","reduce","val","min","calcMin","max","calcMax","calculateIndent","isValidShift","validateIndent","window","requestAnimationFrame","viewportWidth","isCenterWithCustomWidth","length","targetSlide","indent","Number","value","expectDeltaX","shift","direction","item","index","previousValue","Math","abs","currentValue","addEventListener","onResize","prevProps","widthChanged","isPropUpdate","slideCountChanged","count","isCustomWidth","removeEventListener","bullets","platform","hasMouse","showArrows","document","restProps","calculateDragIndent","layerStyle","WebkitTransform","transform","WebkitTransition","transition","onStart","onMoveX","getViewportRef","getSlideRef","slideLeft","slideRight","Component","BaseGalleryAdaptive","Gallery","initialSlideIndex","timeout","useState","localSlideIndex","setSlideIndex","isControlled","Boolean","toArray","filter","childCount","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,KAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AAEA,SAASC,OAAT;AACA,SAASC,MAAT;AACA,SAASC,cAAT;AACA,OAAOC,qBAAP;AACA,SAASC,KAAT;AACA,SAASC,UAAT;;IAgDMC,W;;;;;AAIJ,uBAAYC,KAAZ,EAAiC;AAAA;;AAAA;;AAC/B,8BAAMA,KAAN;;AAD+B;;AAAA;;AAAA;;AAAA,8DAqMJ,YAAM;AACjC,YAAKC,QAAL,CAAc;AACZC,QAAAA,SAAS,EAAE;AADC,OAAd;AAGD,KAzMgC;;AAAA,8DA2MJ,UAACC,CAAD,EAAmB;AAC9C,UAAI,MAAKH,KAAL,CAAWI,WAAX,IAA0B,CAAC,MAAKC,cAApC,EAAoD;AAClDF,QAAAA,CAAC,CAACG,aAAF,CAAgBC,cAAhB;;AAEA,YAAIJ,CAAC,CAACK,QAAN,EAAgB;AACd,gBAAKR,KAAL,CAAWS,WAAX,IAA0B,MAAKT,KAAL,CAAWS,WAAX,CAAuBN,CAAvB,CAA1B;;AAEA,cACE,MAAKO,KAAL,CAAWC,MAAX,KAAsBR,CAAC,CAACS,MAAxB,IACA,MAAKF,KAAL,CAAWG,QAAX,KAAwBV,CAAC,CAACK,QAF5B,EAGE;AACA,kBAAKP,QAAL,CAAc;AACZU,cAAAA,MAAM,EAAER,CAAC,CAACS,MADE;AAEZC,cAAAA,QAAQ,EAAEV,CAAC,CAACK;AAFA,aAAd;AAID;AACF;AACF;AACF,KA7NgC;;AAAA,4DA+NN,UAACL,CAAD,EAAmB;AAC5C,UAAMW,WAAW,GAAGX,CAAC,CAACY,OAAF,GAAY,MAAKC,SAAL,CAAeb,CAAf,CAAZ,GAAgC,MAAKH,KAAL,CAAWiB,UAA/D;AACA,YAAKjB,KAAL,CAAWkB,SAAX,IAAwB,MAAKlB,KAAL,CAAWkB,SAAX,CAAqBf,CAArB,CAAxB;;AACA,YAAKF,QAAL,CAAc;AAAEU,QAAAA,MAAM,EAAE,CAAV;AAAaT,QAAAA,SAAS,EAAE;AAAxB,OAAd,EAA8C;AAAA,eAC5C,MAAKF,KAAL,CAAWmB,QAAX,CAAoBL,WAApB,CAD4C;AAAA,OAA9C;;AAIA,UAAI,MAAKd,KAAL,CAAWoB,KAAf,EAAsB;AACpB,cAAKpB,KAAL,CAAWoB,KAAX,CAAiB;AAAEN,UAAAA,WAAW,EAAXA;AAAF,SAAjB;AACD;AACF,KAzOgC;;AAAA,+DA2OR;AAAA,aAAM,MAAKO,gBAAL,CAAsB;AAAEnB,QAAAA,SAAS,EAAE;AAAb,OAAtB,CAAN;AAAA,KA3OQ;;AAAA,gEA8PrB,YAAM;AAChB,wBAAiC,MAAKF,KAAtC;AAAA,UAAQiB,UAAR,eAAQA,UAAR;AAAA,UAAoBE,QAApB,eAAoBA,QAApB;;AACA,UAAI,MAAKG,YAAT,EAAuB;AACrB,cAAKrB,QAAL,CAAc;AAAEU,UAAAA,MAAM,EAAE,CAAV;AAAaT,UAAAA,SAAS,EAAE;AAAxB,SAAd,EAA8C;AAAA,iBAC5CiB,QAAQ,CAACF,UAAU,GAAG,CAAd,CADoC;AAAA,SAA9C;AAGD;AACF,KArQgC;;AAAA,iEAuQpB,YAAM;AACjB,yBAAiC,MAAKjB,KAAtC;AAAA,UAAQiB,UAAR,gBAAQA,UAAR;AAAA,UAAoBE,QAApB,gBAAoBA,QAApB;;AACA,UAAI,MAAKI,aAAT,EAAwB;AACtB,cAAKtB,QAAL,CAAc;AAAEU,UAAAA,MAAM,EAAE,CAAV;AAAaT,UAAAA,SAAS,EAAE;AAAxB,SAAd,EAA8C;AAAA,iBAC5CiB,QAAQ,CAACF,UAAU,GAAG,CAAd,CADoC;AAAA,SAA9C;AAGD;AACF,KA9QgC;;AAAA,kEAgRN,UAACO,EAAD;AAAA,aAAgB,UAACC,KAAD,EAAW;AACpD,cAAKC,WAAL,iBAA0BF,EAA1B,KAAkCC,KAAlC;AACD,OAF0B;AAAA,KAhRM;;AAAA,qEAoRgB,UAACE,QAAD,EAAc;AAC7D,YAAKA,QAAL,GAAgBA,QAAhB;AACAjC,MAAAA,MAAM,CAACiC,QAAD,EAAW,MAAK3B,KAAL,CAAW4B,MAAtB,CAAN;AACD,KAvRgC;;AAAA,iEAyRe,UAACC,SAAD,EAAe;AAC7D,YAAKA,SAAL,GAAiBA,SAAjB;AACAnC,MAAAA,MAAM,CAACmC,SAAD,EAAY,MAAK7B,KAAL,CAAW8B,UAAvB,CAAN;AACD,KA5RgC;;AAG/B,UAAKpB,KAAL,GAAa;AACXqB,MAAAA,cAAc,EAAE,CADL;AAEXpB,MAAAA,MAAM,EAAE,CAFG;AAGXC,MAAAA,MAAM,EAAE,CAHG;AAIXoB,MAAAA,MAAM,EAAE,EAJG;AAKX9B,MAAAA,SAAS,EAAE,IALA;AAMX+B,MAAAA,QAAQ,EAAE;AANC,KAAb;AASA,UAAKP,WAAL,GAAmB,EAAnB;AAZ+B;AAahC;;;;SAgBD,eAA8B;AAC5B,aAAO,KAAK1B,KAAL,CAAWkC,UAAX,KAA0B,QAA1B,IAAsC,KAAKlC,KAAL,CAAWmC,KAAX,KAAqB,QAAlE;AACD;;;WAED,4BAAwD;AAAA;;AAAA,UAAvCC,OAAuC,uEAAJ,EAAI;AACtD,UAAMJ,MAA4B,GAAG5C,KAAK,CAACiD,QAAN,CAAeC,GAAf,CACnC,KAAKtC,KAAL,CAAWuC,QADwB,EAEnC,UAACC,KAAD,EAA4BC,CAA5B,EAA8D;AAC5D,YAAMC,IAAI,GAAG,MAAI,CAAChB,WAAL,iBAA0Be,CAA1B,EAAb;;AACA,eAAO;AACLE,UAAAA,MAAM,EAAED,IAAI,CAACE,UADR;AAELC,UAAAA,KAAK,EAAEH,IAAI,CAACI;AAFP,SAAP;AAID,OARkC,CAArC;AAWA,UAAMf,cAAc,GAAG,KAAKF,SAAL,CAAeiB,WAAtC;AACA,UAAMC,UAAU,GAAGf,MAAM,CAACgB,MAAP,CACjB,UAACC,GAAD,EAAcxB,KAAd;AAAA,eAA4CA,KAAK,CAACoB,KAAN,GAAcI,GAA1D;AAAA,OADiB,EAEjB,CAFiB,CAAnB;AAKA,UAAMC,GAAG,GAAG,KAAKC,OAAL,CAAa;AAAEpB,QAAAA,cAAc,EAAdA,cAAF;AAAkBgB,QAAAA,UAAU,EAAVA,UAAlB;AAA8Bf,QAAAA,MAAM,EAANA;AAA9B,OAAb,CAAZ;AACA,UAAMoB,GAAG,GAAG,KAAKC,OAAL,CAAa;AAAErB,QAAAA,MAAM,EAANA;AAAF,OAAb,CAAZ;AAEA,WAAK/B,QAAL,CAAc;AAAEiD,QAAAA,GAAG,EAAHA,GAAF;AAAOE,QAAAA,GAAG,EAAHA,GAAP;AAAYL,QAAAA,UAAU,EAAVA,UAAZ;AAAwBhB,QAAAA,cAAc,EAAdA,cAAxB;AAAwCC,QAAAA,MAAM,EAANA;AAAxC,OAAd,EAAgE,YAAM;AACpE,YAAMpB,MAAM,GAAG,MAAI,CAAC0C,eAAL,CAAqB,MAAI,CAACtD,KAAL,CAAWiB,UAAhC,CAAf;;AACA,YAAI,MAAI,CAACP,KAAL,CAAWE,MAAX,KAAsBA,MAA1B,EAAkC;AAChC;AACD;;AACD,YAAM2C,YAAY,GAChB,MAAI,CAAC7C,KAAL,CAAWE,MAAX,KAAsB,MAAI,CAAC4C,cAAL,CAAoB,MAAI,CAAC9C,KAAL,CAAWE,MAA/B,CADxB;;AAEA,iCAAqCwB,OAArC,CAAQlC,SAAR;AAAA,YAAQA,SAAR,mCAAoBqD,YAApB;;AACA,QAAA,MAAI,CAACtD,QAAL,CAAc;AAAEW,UAAAA,MAAM,EAANA,MAAF;AAAUV,UAAAA,SAAS,EAATA;AAAV,SAAd,EAAqC,YAAM;AACzC,cAAI,CAAC,MAAI,CAACQ,KAAL,CAAWR,SAAhB,EAA2B;AACzB,YAAA,MAAI,CAACF,KAAL,CAAWyD,MAAX,CAAkBC,qBAAlB,CAAwC;AAAA,qBACtC,MAAI,CAACzD,QAAL,CAAc;AAAEC,gBAAAA,SAAS,EAAE;AAAb,eAAd,CADsC;AAAA,aAAxC;AAGD;AACF,SAND;AAOD,OAfD;AAgBD;;;WAED,uBAImE;AAAA,UAHjE6B,cAGiE,QAHjEA,cAGiE;AAAA,UAFjEgB,UAEiE,QAFjEA,UAEiE;AAAA,UADjEf,MACiE,QADjEA,MACiE;AACjE,UAAM2B,aAAa,GAAG,KAAKhC,QAAL,CAAcmB,WAApC;;AACA,cAAQ,KAAK9C,KAAL,CAAWmC,KAAnB;AACE,aAAK,MAAL;AACE,iBAAOJ,cAAc,GAAGgB,UAAxB;;AACF,aAAK,OAAL;AACE,iBAAOY,aAAa,GAAGZ,UAAvB;;AACF,aAAK,QAAL;AACE,cAAI,KAAKa,uBAAL,IAAgC5B,MAAM,CAAC6B,MAA3C,EAAmD;AACjD,0BAA0B7B,MAAM,CAACA,MAAM,CAAC6B,MAAP,GAAgB,CAAjB,CAAhC;AAAA,gBAAQlB,MAAR,WAAQA,MAAR;AAAA,gBAAgBE,KAAhB,WAAgBA,KAAhB;AACA,mBAAOc,aAAa,GAAG,CAAhB,GAAoBhB,MAApB,GAA6BE,KAAK,GAAG,CAA5C;AACD,WAHD,MAGO;AACL,mBACEc,aAAa,GAAG,CAAC5B,cAAc,GAAG4B,aAAlB,IAAmC,CAAnD,GAAuDZ,UADzD;AAGD;;AAbL;AAeD;;;WAED,wBAAkD;AAAA,UAAxCf,MAAwC,SAAxCA,MAAwC;AAChD,UAAM2B,aAAa,GAAG,KAAKhC,QAAL,CAAcmB,WAApC;;AACA,UAAI,KAAKc,uBAAL,IAAgC5B,MAAM,CAAC6B,MAA3C,EAAmD;AACjD,uBAA0B7B,MAAM,CAAC,CAAD,CAAhC;AAAA,YAAQa,KAAR,YAAQA,KAAR;AAAA,YAAeF,MAAf,YAAeA,MAAf;AACA,eAAOgB,aAAa,GAAG,CAAhB,GAAoBhB,MAApB,GAA6BE,KAAK,GAAG,CAA5C;AACD,OAHD,MAGO;AACL,eAAO,CAAP;AACD;AACF;AAED;AACF;AACA;;;;WACE,yBAAgB/B,WAAhB,EAAqC;AACnC,UAAQkB,MAAR,GAAmB,KAAKtB,KAAxB,CAAQsB,MAAR;;AAEA,UAAI,KAAK3B,cAAT,EAAyB;AACvB,eAAO,CAAP;AACD;;AAED,UAAMyD,WAAW,GAAG9B,MAAM,CAAC6B,MAAP,GAAgB7B,MAAM,CAAClB,WAAD,CAAtB,GAAsC,IAA1D;;AAEA,UAAIgD,WAAJ,EAAiB;AACf,YAAQnB,MAAR,GAA0BmB,WAA1B,CAAQnB,MAAR;AAAA,YAAgBE,KAAhB,GAA0BiB,WAA1B,CAAgBjB,KAAhB;;AAEA,YAAI,KAAKe,uBAAT,EAAkC;AAChC,cAAMD,aAAa,GAAG,KAAKhC,QAAL,CAAcmB,WAApC;AACA,iBAAOa,aAAa,GAAG,CAAhB,GAAoBhB,MAApB,GAA6BE,KAAK,GAAG,CAA5C;AACD;;AAED,eAAO,KAAKW,cAAL,CAAoB,CAAC,CAAD,GAAKb,MAAzB,CAAP;AACD,OATD,MASO;AACL,eAAO,CAAP;AACD;AACF;AAED;AACF;AACA;;;;WACE,+BAAsB;AACpB,wBAAqC,KAAKjC,KAA1C;AAAA,UAAQE,MAAR,eAAQA,MAAR;AAAA,UAAgBD,MAAhB,eAAgBA,MAAhB;AAAA,UAAwBuC,GAAxB,eAAwBA,GAAxB;AAAA,UAA6BE,GAA7B,eAA6BA,GAA7B;AACA,UAAMW,MAAM,GAAGnD,MAAM,GAAGD,MAAxB;;AAEA,UAAIoD,MAAM,GAAGX,GAAb,EAAkB;AAChB,eAAOA,GAAG,GAAGY,MAAM,CAAC,CAACD,MAAM,GAAGX,GAAV,IAAiB,CAAlB,CAAnB;AACD,OAFD,MAEO,IAAIW,MAAM,GAAGb,GAAb,EAAkB;AACvB,eAAOA,GAAG,GAAGc,MAAM,CAAC,CAACD,MAAM,GAAGb,GAAV,IAAiB,CAAlB,CAAnB;AACD;;AAED,aAAOa,MAAP;AACD;;;WAED,wBAAeE,KAAf,EAA8B;AAC5B,yBAAqB,KAAKvD,KAA1B;AAAA,UAAQwC,GAAR,gBAAQA,GAAR;AAAA,UAAaE,GAAb,gBAAaA,GAAb;;AAEA,UAAIa,KAAK,GAAGf,GAAZ,EAAiB;AACf,eAAOA,GAAP;AACD,OAFD,MAEO,IAAIe,KAAK,GAAGb,GAAZ,EAAiB;AACtB,eAAOA,GAAP;AACD;;AAED,aAAOa,KAAP;AACD;;;SAED,eAAqB;AACnB,aAAO,KAAKvD,KAAL,CAAWqC,UAAX,IAAyB,KAAKrC,KAAL,CAAWqB,cAA3C;AACD;AAED;AACF;AACA;;;;WACE,mBAAU5B,CAAV,EAAyB;AACvB,yBAAwC,KAAKO,KAA7C;AAAA,UAAQsB,MAAR,gBAAQA,MAAR;AAAA,UAAgBrB,MAAhB,gBAAgBA,MAAhB;AAAA,UAAwBC,MAAxB,gBAAwBA,MAAxB;AAAA,UAAgCwC,GAAhC,gBAAgCA,GAAhC;AACA,UAAQnC,UAAR,GAAuB,KAAKjB,KAA5B,CAAQiB,UAAR;AACA,UAAMiD,YAAY,GAAIvD,MAAM,GAAGR,CAAC,CAAC8B,QAAZ,GAAwB,GAAxB,GAA8B,GAAnD;AACA,UAAMkC,KAAK,GAAGvD,MAAM,GAAGD,MAAT,GAAkBuD,YAAlB,GAAiCd,GAA/C;AACA,UAAMgB,SAAS,GAAGzD,MAAM,GAAG,CAAT,GAAa,CAAb,GAAiB,CAAC,CAApC,CALuB,CAOvB;;AACA,UAAIG,WAAW,GAAGkB,MAAM,CAACgB,MAAP,CAChB,UAACC,GAAD,EAAcoB,IAAd,EAAwCC,KAAxC,EAA0D;AACxD,YAAMC,aAAa,GAAGC,IAAI,CAACC,GAAL,CAASzC,MAAM,CAACiB,GAAD,CAAN,CAAYN,MAAZ,GAAqBwB,KAA9B,CAAtB;AACA,YAAMO,YAAY,GAAGF,IAAI,CAACC,GAAL,CAASJ,IAAI,CAAC1B,MAAL,GAAcwB,KAAvB,CAArB;AAEA,eAAOI,aAAa,GAAGG,YAAhB,GAA+BzB,GAA/B,GAAqCqB,KAA5C;AACD,OANe,EAOhBrD,UAPgB,CAAlB;;AAUA,UAAIH,WAAW,KAAKG,UAApB,EAAgC;AAC9B,YAAI6C,WAAW,GAAG7C,UAAU,GAAGmD,SAA/B;;AAEA,YAAIN,WAAW,IAAI,CAAf,IAAoBA,WAAW,GAAG9B,MAAM,CAAC6B,MAA7C,EAAqD;AACnD,cAAIW,IAAI,CAACC,GAAL,CAAS9D,MAAT,IAAmBqB,MAAM,CAAC8B,WAAD,CAAN,CAAoBjB,KAApB,GAA4B,IAAnD,EAAyD;AACvD/B,YAAAA,WAAW,GAAGgD,WAAd;AACD;AACF;AACF;;AAED,aAAOhD,WAAP;AACD;;;SA0CD,eAAmB;AACjB;AACA,aAAO,CAAC,KAAKT,cAAN,IAAwB,KAAKK,KAAL,CAAWE,MAAX,GAAoB,CAAnD;AACD;;;SAED,eAAoB;AAClB,yBAAuD,KAAKF,KAA5D;AAAA,UAAQqB,cAAR,gBAAQA,cAAR;AAAA,UAAwBgB,UAAxB,gBAAwBA,UAAxB;AAAA,UAAoCnC,MAApC,gBAAoCA,MAApC;AAAA,UAA4CoB,MAA5C,gBAA4CA,MAA5C;AACA,yBAA8B,KAAKhC,KAAnC;AAAA,UAAQmC,KAAR,gBAAQA,KAAR;AAAA,UAAelB,UAAf,gBAAeA,UAAf;AACA,aACE,CAAC,KAAKZ,cAAN,KAEE8B,KAAK,KAAK,MAAV,IAAoBJ,cAAc,GAAGnB,MAAjB,GAA0BmC,UAA/C,IAEEZ,KAAK,KAAK,MAAV,IAAoBlB,UAAU,GAAGe,MAAM,CAAC6B,MAAP,GAAgB,CAJpD,CADF;AAOD;;;WAkCD,6BAAoB;AAClB,WAAKxC,gBAAL,CAAsB;AAAEnB,QAAAA,SAAS,EAAE;AAAb,OAAtB;AACA,WAAKF,KAAL,CAAWyD,MAAX,CAAkBkB,gBAAlB,CAAmC,QAAnC,EAA6C,KAAKC,QAAlD;AACD;;;WAED,4BAAmBC,SAAnB,EAA4C;AAC1C,UAAMC,YAAY,GAAG,KAAK9E,KAAL,CAAWkC,UAAX,KAA0B2C,SAAS,CAAC3C,UAAzD;AACA,UAAM6C,YAAY,GAAG,KAAK/E,KAAL,KAAe6E,SAApC;AACA,UAAMG,iBAAiB,GACrB5F,KAAK,CAACiD,QAAN,CAAe4C,KAAf,CAAqB,KAAKjF,KAAL,CAAWuC,QAAhC,MACAnD,KAAK,CAACiD,QAAN,CAAe4C,KAAf,CAAqBJ,SAAS,CAACtC,QAA/B,CAFF;AAGA,UAAM2C,aAAa,GAAG,KAAKlF,KAAL,CAAWkC,UAAX,KAA0B,QAAhD,CAN0C,CAQ1C;;AACA,UAAI4C,YAAY,IAAIE,iBAAhB,IAAsCE,aAAa,IAAIH,YAA3D,EAA0E;AACxE,aAAK1D,gBAAL;AACD,OAFD,MAEO,IAAI,KAAKrB,KAAL,CAAWiB,UAAX,KAA0B4D,SAAS,CAAC5D,UAAxC,EAAoD;AACzD,aAAKhB,QAAL,CAAc;AACZC,UAAAA,SAAS,EAAE,IADC;AAEZS,UAAAA,MAAM,EAAE,CAFI;AAGZC,UAAAA,MAAM,EAAE,KAAK0C,eAAL,CAAqB,KAAKtD,KAAL,CAAWiB,UAAhC;AAHI,SAAd;AAKD;AACF;;;WAED,gCAAuB;AACrB,WAAKjB,KAAL,CAAWyD,MAAX,CAAkB0B,mBAAlB,CAAsC,QAAtC,EAAgD,KAAKP,QAArD;AACD;;;WAED,kBAAS;AAAA;;AACP,yBAA0C,KAAKlE,KAA/C;AAAA,UAAQR,SAAR,gBAAQA,SAAR;AAAA,UAAmB+B,QAAnB,gBAAmBA,QAAnB;AAAA,UAA6BpB,QAA7B,gBAA6BA,QAA7B;;AACA,yBAmBI,KAAKb,KAnBT;AAAA,UACEuC,QADF,gBACEA,QADF;AAAA,UAEEL,UAFF,gBAEEA,UAFF;AAAA,UAGEjB,UAHF,gBAGEA,UAHF;AAAA,UAIEb,WAJF,gBAIEA,WAJF;AAAA,UAKEK,WALF,gBAKEA,WALF;AAAA,UAMES,SANF,gBAMEA,SANF;AAAA,UAOEC,QAPF,gBAOEA,QAPF;AAAA,UAQEC,KARF,gBAQEA,KARF;AAAA,UASEe,KATF,gBASEA,KATF;AAAA,UAUEiD,OAVF,gBAUEA,OAVF;AAAA,UAWEC,QAXF,gBAWEA,QAXF;AAAA,UAYEC,QAZF,gBAYEA,QAZF;AAAA,UAaEC,UAbF,gBAaEA,UAbF;AAAA,UAcE9B,MAdF,gBAcEA,MAdF;AAAA,UAeE+B,QAfF,gBAeEA,QAfF;AAAA,UAgBE5D,MAhBF,gBAgBEA,MAhBF;AAAA,UAiBEE,UAjBF,gBAiBEA,UAjBF;AAAA,UAkBK2D,SAlBL;;AAqBA,UAAM1B,MAAM,GAAGlD,QAAQ,GACnB,KAAK6E,mBAAL,EADmB,GAEnB,KAAKpC,eAAL,CAAqBrC,UAArB,CAFJ;AAIA,UAAM0E,UAAU,GAAG;AACjBC,QAAAA,eAAe,uBAAgB7B,MAAhB,QADE;AAEjB8B,QAAAA,SAAS,uBAAgB9B,MAAhB,QAFQ;AAGjB+B,QAAAA,gBAAgB,EAAE5F,SAAS,+BACF+B,QADE,qCAEvB,MALa;AAMjB8D,QAAAA,UAAU,EAAE7F,SAAS,uBACJ+B,QADI,qCAEjB;AARa,OAAnB;AAWA,aACE,wCACMwD,SADN;AAEE,QAAA,SAAS,EAAElG,UAAU,CACnBF,YAAY,CAAC,SAAD,EAAYgG,QAAZ,CADO,qBAEPlD,KAFO,GAGnB;AACE,+BAAqBtB,QADvB;AAEE,mCAAyBqB,UAAU,KAAK;AAF1C,SAHmB,CAFvB;AAUE,QAAA,GAAG,EAAE,KAAKJ;AAVZ,UAYE,oBAAC,KAAD;AACE,QAAA,SAAS,EAAC,mBADZ;AAEE,QAAA,QAAQ,EAAE,KAAKkE,OAFjB;AAGE,QAAA,OAAO,EAAE,KAAKC,OAHhB;AAIE,QAAA,KAAK,EAAE,KAAK7E,KAJd;AAKE,QAAA,YAAY,MALd;AAME,QAAA,KAAK,EAAE;AAAEyB,UAAAA,KAAK,EAAEX,UAAU,KAAK,QAAf,GAA0B,MAA1B,GAAmCA;AAA5C,SANT;AAOE,QAAA,UAAU,EAAE,KAAKgE;AAPnB,SASE;AAAK,QAAA,SAAS,EAAC,gBAAf;AAAgC,QAAA,KAAK,EAAEP;AAAvC,SACGvG,KAAK,CAACiD,QAAN,CAAeC,GAAf,CACCC,QADD,EAEC,UAAC8B,IAAD,EAA2B5B,CAA3B;AAAA,eACE;AACE,UAAA,SAAS,EAAC,gBADZ;AAEE,UAAA,GAAG,kBAAWA,CAAX,CAFL;AAGE,UAAA,GAAG,EAAE,MAAI,CAAC0D,WAAL,CAAiB1D,CAAjB;AAHP,WAKG4B,IALH,CADF;AAAA,OAFD,CADH,CATF,CAZF,EAqCGe,OAAO,IACN;AACE,uBAAY,MADd;AAEE,QAAA,SAAS,EAAE7F,UAAU,CACnB,kBADmB,8BAEE6F,OAFF;AAFvB,SAOGhG,KAAK,CAACiD,QAAN,CAAeC,GAAf,CACCC,QADD,EAEC,UAACC,KAAD,EAA4B8B,KAA5B;AAAA,eACE;AACE,UAAA,SAAS,EAAE/E,UAAU,CAAC,iBAAD,EAAoB;AACvC,uCAA2B+E,KAAK,KAAKrD;AADE,WAApB,CADvB;AAIE,UAAA,GAAG,EAAEqD;AAJP,UADF;AAAA,OAFD,CAPH,CAtCJ,EA2DGiB,UAAU,IAAID,QAAd,IAA0B,KAAKhE,YAA/B,IACC,oBAAC,qBAAD;AAAuB,QAAA,SAAS,EAAC,MAAjC;AAAwC,QAAA,OAAO,EAAE,KAAK8E;AAAtD,QA5DJ,EA8DGb,UAAU,IAAID,QAAd,IAA0B,KAAK/D,aAA/B,IACC,oBAAC,qBAAD;AAAuB,QAAA,SAAS,EAAC,OAAjC;AAAyC,QAAA,OAAO,EAAE,KAAK8E;AAAvD,QA/DJ,CADF;AAoED;;;;EAzauBjH,KAAK,CAACkH,S;;gBAA1BvG,W,kBAyB6C;AAC/CmC,EAAAA,UAAU,EAAE,MADmC;AAE/CK,EAAAA,QAAQ,EAAE,EAFqC;AAG/CJ,EAAAA,KAAK,EAAE,MAHwC;AAI/CiD,EAAAA,OAAO,EAAE,KAJsC;AAK/ChF,EAAAA,WAAW,EAAE;AALkC,C;;AAmZnD,IAAMmG,mBAAmB,GAAG5G,cAAc,CACxCF,OAAO,CAAmBM,WAAnB,CADiC,EAExC;AACEuF,EAAAA,QAAQ,EAAE;AADZ,CAFwC,CAA1C;;AAOA,IAAMkB,OAA+B,GAAG,SAAlCA,OAAkC,QAMpB;AAAA,oCALlBC,iBAKkB;AAAA,MALlBA,iBAKkB,sCALE,CAKF;AAAA,MAJlBlE,QAIkB,SAJlBA,QAIkB;AAAA,MAHlBmE,OAGkB,SAHlBA,OAGkB;AAAA,MAFlBvF,QAEkB,SAFlBA,QAEkB;AAAA,MADfnB,KACe;;AAClB,wBAAyCZ,KAAK,CAACuH,QAAN,CAAeF,iBAAf,CAAzC;AAAA;AAAA,MAAOG,eAAP;AAAA,MAAwBC,aAAxB;;AACA,MAAMC,YAAY,GAAG,OAAO9G,KAAK,CAACiB,UAAb,KAA4B,QAAjD;AACA,MAAMA,UAAU,GAAG6F,YAAY,GAAG9G,KAAK,CAACiB,UAAT,GAAsB2F,eAArD;AACA,MAAMxG,WAAW,GAAG,CAAC0G,YAAD,IAAiBC,OAAO,CAAC5F,QAAD,CAA5C;AACA,MAAMa,MAAM,GAAG5C,KAAK,CAACiD,QAAN,CAAe2E,OAAf,CAAuBzE,QAAvB,EAAiC0E,MAAjC,CAAwC,UAAC5C,IAAD;AAAA,WACrD0C,OAAO,CAAC1C,IAAD,CAD8C;AAAA,GAAxC,CAAf;AAGA,MAAM6C,UAAU,GAAGlF,MAAM,CAAC6B,MAA1B;AAEA,MAAMsD,YAAsC,GAAG/H,KAAK,CAACgI,WAAN,CAC7C,UAACC,OAAD,EAAa;AACX,QAAIA,OAAO,KAAKpG,UAAhB,EAA4B;AAC1B;AACD;;AACD,KAAC6F,YAAD,IAAiBD,aAAa,CAACQ,OAAD,CAA9B;AACAlG,IAAAA,QAAQ,IAAIA,QAAQ,CAACkG,OAAD,CAApB;AACD,GAP4C,EAQ7C,CAAClG,QAAD,EAAWF,UAAX,CAR6C,CAA/C;AAWA,MAAMqG,QAAQ,GAAGxH,UAAU,CACzB;AAAA,WAAMqH,YAAY,CAAC,CAAClG,UAAU,GAAG,CAAd,IAAmBiG,UAApB,CAAlB;AAAA,GADyB,EAEzBR,OAFyB,CAA3B;AAIAtH,EAAAA,KAAK,CAACmI,SAAN,CACE;AAAA,WAAOb,OAAO,GAAGY,QAAQ,CAACE,GAAT,EAAH,GAAoBF,QAAQ,CAACG,KAAT,EAAlC;AAAA,GADF,EAEE,CAACf,OAAD,EAAUzF,UAAV,CAFF,EAzBkB,CA8BlB;AACA;;AACA,MAAMyG,cAAc,GAClBR,UAAU,GAAG,CAAb,GAAiBrH,KAAK,CAACoB,UAAD,EAAa,CAAb,EAAgBiG,UAAU,GAAG,CAA7B,CAAtB,GAAwDjG,UAD1D,CAhCkB,CAkClB;;AACA7B,EAAAA,KAAK,CAACmI,SAAN,CAAgB,YAAM;AACpB,QAAIpG,QAAQ,IAAIuG,cAAc,KAAKzG,UAAnC,EAA+C;AAC7CE,MAAAA,QAAQ,CAACuG,cAAD,CAAR;AACD;AACF,GAJD,EAIG,CAACA,cAAD,CAJH;AAMA,SACE,oBAAC,mBAAD;AACE,IAAA,WAAW,EAAEtH;AADf,KAEMJ,KAFN;AAGE,IAAA,UAAU,EAAE0H,cAHd;AAIE,IAAA,QAAQ,EAAEP;AAJZ,MAMGnF,MANH,CADF;AAUD,CAzDD;;AA2DA,eAAexC,YAAY,CAACgH,OAAD,CAA3B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Touch, TouchEventHandler, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasAlign, HasPlatform, HasRef, HasRootRef } from \"../../types\";\nimport { withDOM, DOMProps } from \"../../lib/dom\";\nimport { setRef } from \"../../lib/utils\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport HorizontalScrollArrow from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport \"./Gallery.css\";\n\nexport interface BaseGalleryProps\n extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"onChange\" \| \"onDragStart\" \| \"onDragEnd\"\n >,\n HasPlatform,\n HasAlign,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLElement> {\n slideWidth?: string \| number;\n slideIndex?: number;\n onDragStart?: TouchEventHandler;\n onDragEnd?: TouchEventHandler;\n onChange?(current: number): void;\n onEnd?({ targetIndex }: { targetIndex: number }): void;\n bullets?: \"dark\" \| \"light\" \| false;\n isDraggable?: boolean;\n showArrows?: boolean;\n}\n\nexport interface GalleryProps extends BaseGalleryProps {\n initialSlideIndex?: number;\n timeout?: number;\n}\n\nexport interface GalleryState {\n containerWidth: number;\n layerWidth?: number;\n min?: number;\n max?: number;\n deltaX: number;\n shiftX: number;\n slides: GallerySlidesState[];\n animation: boolean;\n duration: number;\n dragging?: boolean;\n}\n\nexport interface GallerySlidesState {\n coordX: number;\n width: number;\n}\n\ntype GetSlideRef = (index: number) => React.RefCallback<HTMLElement>;\n\nclass BaseGallery extends React.Component<\n BaseGalleryProps & DOMProps & AdaptivityProps,\n GalleryState\n> {\n constructor(props: GalleryProps) {\n super(props);\n\n this.state = {\n containerWidth: 0,\n deltaX: 0,\n shiftX: 0,\n slides: [],\n animation: true,\n duration: 0.24,\n };\n\n this.slidesStore = {};\n }\n\n container: HTMLDivElement;\n slidesStore: {\n [index: string]: HTMLElement;\n };\n viewport: HTMLElement;\n\n static defaultProps: Partial<BaseGalleryProps> = {\n slideWidth: \"100%\",\n children: \"\",\n align: \"left\",\n bullets: false,\n isDraggable: true,\n };\n\n get isCenterWithCustomWidth() {\n return this.props.slideWidth === \"custom\" && this.props.align === \"center\";\n }\n\n initializeSlides(options: { animation?: boolean } = {}) {\n const slides: GallerySlidesState[] = React.Children.map(\n this.props.children,\n (_item: React.ReactElement, i: number): GallerySlidesState => {\n const elem = this.slidesStore[`slide-${i}`];\n return {\n coordX: elem.offsetLeft,\n width: elem.offsetWidth,\n };\n }\n );\n\n const containerWidth = this.container.offsetWidth;\n const layerWidth = slides.reduce(\n (val: number, slide: GallerySlidesState) => slide.width + val,\n 0\n );\n\n const min = this.calcMin({ containerWidth, layerWidth, slides });\n const max = this.calcMax({ slides });\n\n this.setState({ min, max, layerWidth, containerWidth, slides }, () => {\n const shiftX = this.calculateIndent(this.props.slideIndex);\n if (this.state.shiftX === shiftX) {\n return;\n }\n const isValidShift =\n this.state.shiftX === this.validateIndent(this.state.shiftX);\n const { animation = isValidShift } = options;\n this.setState({ shiftX, animation }, () => {\n if (!this.state.animation) {\n this.props.window.requestAnimationFrame(() =>\n this.setState({ animation: true })\n );\n }\n });\n });\n }\n\n calcMin({\n containerWidth,\n layerWidth,\n slides,\n }: Pick<GalleryState, \"containerWidth\" \| \"layerWidth\" \| \"slides\">) {\n const viewportWidth = this.viewport.offsetWidth;\n switch (this.props.align) {\n case \"left\":\n return containerWidth - layerWidth;\n case \"right\":\n return viewportWidth - layerWidth;\n case \"center\":\n if (this.isCenterWithCustomWidth && slides.length) {\n const { coordX, width } = slides[slides.length - 1];\n return viewportWidth / 2 - coordX - width / 2;\n } else {\n return (\n viewportWidth - (containerWidth - viewportWidth) / 2 - layerWidth\n );\n }\n }\n }\n\n calcMax({ slides }: Pick<GalleryState, \"slides\">) {\n const viewportWidth = this.viewport.offsetWidth;\n if (this.isCenterWithCustomWidth && slides.length) {\n const { width, coordX } = slides[0];\n return viewportWidth / 2 - coordX - width / 2;\n } else {\n return 0;\n }\n }\n\n /\n Считает отступ слоя галереи\n /\n calculateIndent(targetIndex: number) {\n const { slides } = this.state;\n\n if (this.isFullyVisible) {\n return 0;\n }\n\n const targetSlide = slides.length ? slides[targetIndex] : null;\n\n if (targetSlide) {\n const { coordX, width } = targetSlide;\n\n if (this.isCenterWithCustomWidth) {\n const viewportWidth = this.viewport.offsetWidth;\n return viewportWidth / 2 - coordX - width / 2;\n }\n\n return this.validateIndent(-1 coordX);\n } else {\n return 0;\n }\n }\n\n /\n Считает отступ слоя галереи во время драга\n /\n calculateDragIndent() {\n const { shiftX, deltaX, min, max } = this.state;\n const indent = shiftX + deltaX;\n\n if (indent > max) {\n return max + Number((indent - max) / 3);\n } else if (indent < min) {\n return min + Number((indent - min) / 3);\n }\n\n return indent;\n }\n\n validateIndent(value: number) {\n const { min, max } = this.state;\n\n if (value < min) {\n return min;\n } else if (value > max) {\n return max;\n }\n\n return value;\n }\n\n get isFullyVisible() {\n return this.state.layerWidth <= this.state.containerWidth;\n }\n\n /\n * Получает индекс слайда, к которому будет осуществлен переход\n /\n getTarget(e: TouchEvent) {\n const { slides, deltaX, shiftX, max } = this.state;\n const { slideIndex } = this.props;\n const expectDeltaX = (deltaX / e.duration) 240 * 0.6;\n const shift = shiftX + deltaX + expectDeltaX - max;\n const direction = deltaX < 0 ? 1 : -1;\n\n // Находим ближайшую границу слайда к текущему отступу\n let targetIndex = slides.reduce(\n (val: number, item: GallerySlidesState, index: number) => {\n const previousValue = Math.abs(slides[val].coordX + shift);\n const currentValue = Math.abs(item.coordX + shift);\n\n return previousValue < currentValue ? val : index;\n },\n slideIndex\n );\n\n if (targetIndex === slideIndex) {\n let targetSlide = slideIndex + direction;\n\n if (targetSlide >= 0 && targetSlide < slides.length) {\n if (Math.abs(deltaX) > slides[targetSlide].width * 0.05) {\n targetIndex = targetSlide;\n }\n }\n }\n\n return targetIndex;\n }\n\n onStart: TouchEventHandler = () => {\n this.setState({\n animation: false,\n });\n };\n\n onMoveX: TouchEventHandler = (e: TouchEvent) => {\n if (this.props.isDraggable && !this.isFullyVisible) {\n e.originalEvent.preventDefault();\n\n if (e.isSlideX) {\n this.props.onDragStart && this.props.onDragStart(e);\n\n if (\n this.state.deltaX !== e.shiftX \|\|\n this.state.dragging !== e.isSlideX\n ) {\n this.setState({\n deltaX: e.shiftX,\n dragging: e.isSlideX,\n });\n }\n }\n }\n };\n\n onEnd: TouchEventHandler = (e: TouchEvent) => {\n const targetIndex = e.isSlide ? this.getTarget(e) : this.props.slideIndex;\n this.props.onDragEnd && this.props.onDragEnd(e);\n this.setState({ deltaX: 0, animation: true }, () =>\n this.props.onChange(targetIndex)\n );\n\n if (this.props.onEnd) {\n this.props.onEnd({ targetIndex });\n }\n };\n\n onResize: VoidFunction = () => this.initializeSlides({ animation: false });\n\n get canSlideLeft() {\n // shiftX is negative number <= 0, we can swipe back only if it is < 0\n return !this.isFullyVisible && this.state.shiftX < 0;\n }\n\n get canSlideRight() {\n const { containerWidth, layerWidth, shiftX, slides } = this.state;\n const { align, slideIndex } = this.props;\n return (\n !this.isFullyVisible &&\n // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n ((align === \"left\" && containerWidth - shiftX < layerWidth) \|\|\n // otherwise we need to check current slide index (align = right or align = center)\n (align !== \"left\" && slideIndex < slides.length - 1))\n );\n }\n\n slideLeft = () => {\n const { slideIndex, onChange } = this.props;\n if (this.canSlideLeft) {\n this.setState({ deltaX: 0, animation: true }, () =>\n onChange(slideIndex - 1)\n );\n }\n };\n\n slideRight = () => {\n const { slideIndex, onChange } = this.props;\n if (this.canSlideRight) {\n this.setState({ deltaX: 0, animation: true }, () =>\n onChange(slideIndex + 1)\n );\n }\n };\n\n getSlideRef: GetSlideRef = (id: number) => (slide) => {\n this.slidesStore[`slide-${id}`] = slide;\n };\n\n getViewportRef: React.RefCallback<HTMLElement> = (viewport) => {\n this.viewport = viewport;\n setRef(viewport, this.props.getRef);\n };\n\n getRootRef: React.RefCallback<HTMLDivElement> = (container) => {\n this.container = container;\n setRef(container, this.props.getRootRef);\n };\n\n componentDidMount() {\n this.initializeSlides({ animation: false });\n this.props.window.addEventListener(\"resize\", this.onResize);\n }\n\n componentDidUpdate(prevProps: GalleryProps) {\n const widthChanged = this.props.slideWidth !== prevProps.slideWidth;\n const isPropUpdate = this.props !== prevProps;\n const slideCountChanged =\n React.Children.count(this.props.children) !==\n React.Children.count(prevProps.children);\n const isCustomWidth = this.props.slideWidth === \"custom\";\n\n // в любом из этих случаев позиция могла поменяться\n if (widthChanged \|\| slideCountChanged \|\| (isCustomWidth && isPropUpdate)) {\n this.initializeSlides();\n } else if (this.props.slideIndex !== prevProps.slideIndex) {\n this.setState({\n animation: true,\n deltaX: 0,\n shiftX: this.calculateIndent(this.props.slideIndex),\n });\n }\n }\n\n componentWillUnmount() {\n this.props.window.removeEventListener(\"resize\", this.onResize);\n }\n\n render() {\n const { animation, duration, dragging } = this.state;\n const {\n children,\n slideWidth,\n slideIndex,\n isDraggable,\n onDragStart,\n onDragEnd,\n onChange,\n onEnd,\n align,\n bullets,\n platform,\n hasMouse,\n showArrows,\n window,\n document,\n getRef,\n getRootRef,\n ...restProps\n } = this.props;\n\n const indent = dragging\n ? this.calculateDragIndent()\n : this.calculateIndent(slideIndex);\n\n const layerStyle = {\n WebkitTransform: `translateX(${indent}px)`,\n transform: `translateX(${indent}px)`,\n WebkitTransition: animation\n ? `-webkit-transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n : \"none\",\n transition: animation\n ? `transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n : \"none\",\n };\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"Gallery\", platform),\n `Gallery--${align}`,\n {\n \"Gallery--dragging\": dragging,\n \"Gallery--custom-width\": slideWidth === \"custom\",\n }\n )}\n ref={this.getRootRef}\n >\n <Touch\n vkuiClass=\"Gallery__viewport\"\n onStartX={this.onStart}\n onMoveX={this.onMoveX}\n onEnd={this.onEnd}\n noSlideClick\n style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n getRootRef={this.getViewportRef}\n >\n <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n {React.Children.map(\n children,\n (item: React.ReactElement, i: number) => (\n <div\n vkuiClass=\"Gallery__slide\"\n key={`slide-${i}`}\n ref={this.getSlideRef(i)}\n >\n {item}\n </div>\n )\n )}\n </div>\n </Touch>\n\n {bullets && (\n <div\n aria-hidden=\"true\"\n vkuiClass={classNames(\n \"Gallery__bullets\",\n `Gallery__bullets--${bullets}`\n )}\n >\n {React.Children.map(\n children,\n (_item: React.ReactElement, index: number) => (\n <div\n vkuiClass={classNames(\"Gallery__bullet\", {\n \"Gallery__bullet--active\": index === slideIndex,\n })}\n key={index}\n />\n )\n )}\n </div>\n )}\n\n {showArrows && hasMouse && this.canSlideLeft && (\n <HorizontalScrollArrow direction=\"left\" onClick={this.slideLeft} />\n )}\n {showArrows && hasMouse && this.canSlideRight && (\n <HorizontalScrollArrow direction=\"right\" onClick={this.slideRight} />\n )}\n </div>\n );\n }\n}\n\nconst BaseGalleryAdaptive = withAdaptivity(\n withDOM<BaseGalleryProps>(BaseGallery),\n {\n hasMouse: true,\n }\n);\n\nconst Gallery: React.FC<GalleryProps> = ({\n initialSlideIndex = 0,\n children,\n timeout,\n onChange,\n ...props\n}: GalleryProps) => {\n const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n const isControlled = typeof props.slideIndex === \"number\";\n const slideIndex = isControlled ? props.slideIndex : localSlideIndex;\n const isDraggable = !isControlled \|\| Boolean(onChange);\n const slides = React.Children.toArray(children).filter((item) =>\n Boolean(item)\n );\n const childCount = slides.length;\n\n const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n (current) => {\n if (current === slideIndex) {\n return;\n }\n !isControlled && setSlideIndex(current);\n onChange && onChange(current);\n },\n [onChange, slideIndex]\n );\n\n const autoplay = useTimeout(\n () => handleChange((slideIndex + 1) % childCount),\n timeout\n );\n React.useEffect(\n () => (timeout ? autoplay.set() : autoplay.clear()),\n [timeout, slideIndex]\n );\n\n // prevent invalid slideIndex\n // any slide index is invalid with no slides, just keep it as is\n const safeSlideIndex =\n childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n // notify parent in controlled mode\n React.useEffect(() => {\n if (onChange && safeSlideIndex !== slideIndex) {\n onChange(safeSlideIndex);\n }\n }, [safeSlideIndex]);\n\n return (\n <BaseGalleryAdaptive\n isDraggable={isDraggable}\n {...props}\n slideIndex={safeSlideIndex}\n onChange={handleChange}\n >\n {slides}\n </BaseGalleryAdaptive>\n );\n};\n\nexport default withPlatform(Gallery);\n"],"file":"Gallery.js"}
1	+ {"version":3,"sources":["../../../src/components/Gallery/Gallery.tsx"],"names":["React","getClassName","Touch","classNames","withPlatform","withDOM","setRef","withAdaptivity","HorizontalScrollArrow","clamp","useTimeout","BaseGallery","props","setState","animation","e","isDraggable","isFullyVisible","originalEvent","preventDefault","isSlideX","onDragStart","state","deltaX","shiftX","dragging","targetIndex","isSlide","getTarget","slideIndex","onDragEnd","onChange","onEnd","initializeSlides","canSlideLeft","canSlideRight","id","slide","slidesStore","viewport","getRef","container","getRootRef","containerWidth","slides","duration","slideWidth","align","options","Children","map","children","_item","i","elem","coordX","offsetLeft","width","offsetWidth","layerWidth","reduce","val","min","calcMin","max","calcMax","undefined","calculateIndent","isValidShift","validateIndent","window","requestAnimationFrame","viewportWidth","isCenterWithCustomWidth","length","targetSlide","indent","Number","value","expectDeltaX","shift","direction","item","index","previousValue","Math","abs","currentValue","addEventListener","onResize","prevProps","widthChanged","isPropUpdate","slideCountChanged","count","isCustomWidth","removeEventListener","bullets","platform","hasMouse","showArrows","document","restProps","calculateDragIndent","layerStyle","WebkitTransform","transform","WebkitTransition","transition","onStart","onMoveX","getViewportRef","getSlideRef","slideLeft","slideRight","Component","BaseGalleryAdaptive","Gallery","initialSlideIndex","timeout","useState","localSlideIndex","setSlideIndex","isControlled","Boolean","toArray","filter","childCount","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Touch, TouchEventHandler, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasAlign, HasPlatform, HasRef, HasRootRef } from \"../../types\";\nimport { withDOM, DOMProps } from \"../../lib/dom\";\nimport { setRef } from \"../../lib/utils\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport HorizontalScrollArrow from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport \"./Gallery.css\";\n\nexport interface BaseGalleryProps\n extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"onChange\" \| \"onDragStart\" \| \"onDragEnd\"\n >,\n HasPlatform,\n HasAlign,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLElement> {\n slideWidth?: string \| number;\n slideIndex?: number;\n onDragStart?: TouchEventHandler;\n onDragEnd?: TouchEventHandler;\n onChange?(current: number): void;\n onEnd?({ targetIndex }: { targetIndex: number }): void;\n bullets?: \"dark\" \| \"light\" \| false;\n isDraggable?: boolean;\n showArrows?: boolean;\n}\n\nexport interface GalleryProps extends BaseGalleryProps {\n initialSlideIndex?: number;\n timeout?: number;\n}\n\nexport interface GalleryState {\n containerWidth: number;\n layerWidth?: number;\n min?: number;\n max?: number;\n deltaX: number;\n shiftX: number;\n slides: GallerySlidesState[];\n animation: boolean;\n duration: number;\n dragging?: boolean;\n}\n\nexport interface GallerySlidesState {\n coordX: number;\n width: number;\n}\n\ntype GetSlideRef = (index: number) => React.RefCallback<HTMLElement>;\n\nclass BaseGallery extends React.Component<\n BaseGalleryProps & DOMProps & AdaptivityProps,\n GalleryState\n> {\n constructor(props: GalleryProps) {\n super(props);\n\n this.state = {\n containerWidth: 0,\n deltaX: 0,\n shiftX: 0,\n slides: [],\n animation: true,\n duration: 0.24,\n };\n\n this.slidesStore = {};\n }\n\n container: HTMLDivElement \| null = null;\n slidesStore: {\n [index: string]: HTMLElement \| null;\n };\n viewport: HTMLElement \| null = null;\n\n static defaultProps: Partial<BaseGalleryProps> = {\n slideWidth: \"100%\",\n children: \"\",\n align: \"left\",\n bullets: false,\n isDraggable: true,\n };\n\n get isCenterWithCustomWidth() {\n return this.props.slideWidth === \"custom\" && this.props.align === \"center\";\n }\n\n initializeSlides(options: { animation?: boolean } = {}) {\n const slides =\n React.Children.map(\n this.props.children,\n (_item: React.ReactNode, i: number): GallerySlidesState => {\n const elem = this.slidesStore[`slide-${i}`];\n return {\n coordX: elem?.offsetLeft ?? 0,\n width: elem?.offsetWidth ?? 0,\n };\n }\n ) ?? [];\n\n const containerWidth = this.container?.offsetWidth ?? 0;\n const layerWidth = slides.reduce(\n (val: number, slide: GallerySlidesState) => slide.width + val,\n 0\n );\n\n const min = this.calcMin({ containerWidth, layerWidth, slides });\n const max = this.calcMax({ slides });\n\n this.setState({ min, max, layerWidth, containerWidth, slides }, () => {\n if (this.props.slideIndex !== undefined) {\n const shiftX = this.calculateIndent(this.props.slideIndex);\n if (this.state.shiftX === shiftX) {\n return;\n }\n const isValidShift =\n this.state.shiftX === this.validateIndent(this.state.shiftX);\n const { animation = isValidShift } = options;\n this.setState({ shiftX, animation }, () => {\n if (!this.state.animation) {\n this.props.window?.requestAnimationFrame(() =>\n this.setState({ animation: true })\n );\n }\n });\n }\n });\n }\n\n calcMin({\n containerWidth,\n layerWidth = 0,\n slides,\n }: Pick<GalleryState, \"containerWidth\" \| \"layerWidth\" \| \"slides\">) {\n const viewportWidth = this.viewport?.offsetWidth ?? 0;\n switch (this.props.align) {\n case \"left\":\n return containerWidth - layerWidth;\n case \"right\":\n return viewportWidth - layerWidth;\n case \"center\":\n if (this.isCenterWithCustomWidth && slides.length) {\n const { coordX, width } = slides[slides.length - 1];\n return viewportWidth / 2 - coordX - width / 2;\n } else {\n return (\n viewportWidth - (containerWidth - viewportWidth) / 2 - layerWidth\n );\n }\n }\n return undefined;\n }\n\n calcMax({ slides }: Pick<GalleryState, \"slides\">) {\n const viewportWidth = this.viewport?.offsetWidth ?? 0;\n if (this.isCenterWithCustomWidth && slides.length) {\n const { width, coordX } = slides[0];\n return viewportWidth / 2 - coordX - width / 2;\n } else {\n return 0;\n }\n }\n\n /\n Считает отступ слоя галереи\n /\n calculateIndent(targetIndex: number) {\n const { slides } = this.state;\n\n if (this.isFullyVisible) {\n return 0;\n }\n\n const targetSlide = slides.length ? slides[targetIndex] : null;\n\n if (targetSlide) {\n const { coordX, width } = targetSlide;\n\n if (this.isCenterWithCustomWidth) {\n const viewportWidth = this.viewport?.offsetWidth ?? 0;\n return viewportWidth / 2 - coordX - width / 2;\n }\n\n return this.validateIndent(-1 coordX);\n } else {\n return 0;\n }\n }\n\n /\n Считает отступ слоя галереи во время драга\n /\n calculateDragIndent() {\n const { shiftX, deltaX, min = 0, max = 0 } = this.state;\n const indent = shiftX + deltaX;\n\n if (indent > max) {\n return max + Number((indent - max) / 3);\n } else if (indent < min) {\n return min + Number((indent - min) / 3);\n }\n\n return indent;\n }\n\n validateIndent(value: number) {\n const { min = 0, max = 0 } = this.state;\n\n if (value < min) {\n return min;\n } else if (value > max) {\n return max;\n }\n\n return value;\n }\n\n get isFullyVisible() {\n return (this.state.layerWidth ?? 0) <= this.state.containerWidth;\n }\n\n /\n * Получает индекс слайда, к которому будет осуществлен переход\n /\n getTarget(e: TouchEvent) {\n const { slides, deltaX, shiftX, max = 0 } = this.state;\n const { slideIndex = 0 } = this.props;\n const expectDeltaX = (deltaX / e.duration) 240 * 0.6;\n const shift = shiftX + deltaX + expectDeltaX - max;\n const direction = deltaX < 0 ? 1 : -1;\n\n // Находим ближайшую границу слайда к текущему отступу\n let targetIndex = slides.reduce(\n (val: number, item: GallerySlidesState, index: number) => {\n const previousValue = Math.abs(slides[val].coordX + shift);\n const currentValue = Math.abs(item.coordX + shift);\n\n return previousValue < currentValue ? val : index;\n },\n slideIndex\n );\n\n if (targetIndex === slideIndex) {\n let targetSlide = slideIndex + direction;\n\n if (targetSlide >= 0 && targetSlide < slides.length) {\n if (Math.abs(deltaX) > slides[targetSlide].width * 0.05) {\n targetIndex = targetSlide;\n }\n }\n }\n\n return targetIndex;\n }\n\n onStart: TouchEventHandler = () => {\n this.setState({\n animation: false,\n });\n };\n\n onMoveX: TouchEventHandler = (e: TouchEvent) => {\n if (this.props.isDraggable && !this.isFullyVisible) {\n e.originalEvent.preventDefault();\n\n if (e.isSlideX) {\n this.props.onDragStart && this.props.onDragStart(e);\n\n if (\n this.state.deltaX !== e.shiftX \|\|\n this.state.dragging !== e.isSlideX\n ) {\n this.setState({\n deltaX: e.shiftX,\n dragging: e.isSlideX,\n });\n }\n }\n }\n };\n\n onEnd: TouchEventHandler = (e: TouchEvent) => {\n const targetIndex = e.isSlide\n ? this.getTarget(e)\n : this.props.slideIndex ?? 0;\n this.props.onDragEnd && this.props.onDragEnd(e);\n this.setState({ deltaX: 0, animation: true }, () =>\n this.props.onChange?.(targetIndex)\n );\n\n if (this.props.onEnd) {\n this.props.onEnd({ targetIndex });\n }\n };\n\n onResize: VoidFunction = () => this.initializeSlides({ animation: false });\n\n get canSlideLeft() {\n // shiftX is negative number <= 0, we can swipe back only if it is < 0\n return !this.isFullyVisible && this.state.shiftX < 0;\n }\n\n get canSlideRight() {\n const { containerWidth, layerWidth = 0, shiftX, slides } = this.state;\n const { align, slideIndex = 0 } = this.props;\n return (\n !this.isFullyVisible &&\n // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n ((align === \"left\" && containerWidth - shiftX < layerWidth) \|\|\n // otherwise we need to check current slide index (align = right or align = center)\n (align !== \"left\" && slideIndex < slides.length - 1))\n );\n }\n\n slideLeft = () => {\n const { slideIndex = 0, onChange } = this.props;\n if (this.canSlideLeft) {\n this.setState({ deltaX: 0, animation: true }, () =>\n onChange?.(slideIndex - 1)\n );\n }\n };\n\n slideRight = () => {\n const { slideIndex = 0, onChange } = this.props;\n if (this.canSlideRight) {\n this.setState({ deltaX: 0, animation: true }, () =>\n onChange?.(slideIndex + 1)\n );\n }\n };\n\n getSlideRef: GetSlideRef = (id: number) => (slide) => {\n this.slidesStore[`slide-${id}`] = slide;\n };\n\n getViewportRef: React.RefCallback<HTMLElement> = (viewport) => {\n this.viewport = viewport;\n if (this.props.getRef) {\n setRef(viewport, this.props.getRef);\n }\n };\n\n getRootRef: React.RefCallback<HTMLDivElement> = (container) => {\n this.container = container;\n if (this.props.getRootRef) {\n setRef(container, this.props.getRootRef);\n }\n };\n\n componentDidMount() {\n this.initializeSlides({ animation: false });\n this.props.window!.addEventListener(\"resize\", this.onResize);\n }\n\n componentDidUpdate(prevProps: GalleryProps) {\n const widthChanged = this.props.slideWidth !== prevProps.slideWidth;\n const isPropUpdate = this.props !== prevProps;\n const slideCountChanged =\n React.Children.count(this.props.children) !==\n React.Children.count(prevProps.children);\n const isCustomWidth = this.props.slideWidth === \"custom\";\n\n // в любом из этих случаев позиция могла поменяться\n if (widthChanged \|\| slideCountChanged \|\| (isCustomWidth && isPropUpdate)) {\n this.initializeSlides();\n } else if (this.props.slideIndex !== prevProps.slideIndex) {\n this.setState({\n animation: true,\n deltaX: 0,\n shiftX: this.calculateIndent(this.props.slideIndex ?? 0),\n });\n }\n }\n\n componentWillUnmount() {\n this.props.window!.removeEventListener(\"resize\", this.onResize);\n }\n\n render() {\n const { animation, duration, dragging } = this.state;\n const {\n children,\n slideWidth,\n slideIndex = 0,\n isDraggable,\n onDragStart,\n onDragEnd,\n onChange,\n onEnd,\n align,\n bullets,\n platform,\n hasMouse,\n showArrows,\n window,\n document,\n getRef,\n getRootRef,\n ...restProps\n } = this.props;\n\n const indent = dragging\n ? this.calculateDragIndent()\n : this.calculateIndent(slideIndex);\n\n const layerStyle = {\n WebkitTransform: `translateX(${indent}px)`,\n transform: `translateX(${indent}px)`,\n WebkitTransition: animation\n ? `-webkit-transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n : \"none\",\n transition: animation\n ? `transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n : \"none\",\n };\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"Gallery\", platform),\n `Gallery--${align}`,\n {\n \"Gallery--dragging\": dragging,\n \"Gallery--custom-width\": slideWidth === \"custom\",\n }\n )}\n ref={this.getRootRef}\n >\n <Touch\n vkuiClass=\"Gallery__viewport\"\n onStartX={this.onStart}\n onMoveX={this.onMoveX}\n onEnd={this.onEnd}\n noSlideClick\n style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n getRootRef={this.getViewportRef}\n >\n <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n {React.Children.map(\n children,\n (item: React.ReactNode, i: number) => (\n <div\n vkuiClass=\"Gallery__slide\"\n key={`slide-${i}`}\n ref={this.getSlideRef(i)}\n >\n {item}\n </div>\n )\n )}\n </div>\n </Touch>\n\n {bullets && (\n <div\n aria-hidden=\"true\"\n vkuiClass={classNames(\n \"Gallery__bullets\",\n `Gallery__bullets--${bullets}`\n )}\n >\n {React.Children.map(\n children,\n (_item: React.ReactNode, index: number) => (\n <div\n vkuiClass={classNames(\"Gallery__bullet\", {\n \"Gallery__bullet--active\": index === slideIndex,\n })}\n key={index}\n />\n )\n )}\n </div>\n )}\n\n {showArrows && hasMouse && this.canSlideLeft && (\n <HorizontalScrollArrow direction=\"left\" onClick={this.slideLeft} />\n )}\n {showArrows && hasMouse && this.canSlideRight && (\n <HorizontalScrollArrow direction=\"right\" onClick={this.slideRight} />\n )}\n </div>\n );\n }\n}\n\nconst BaseGalleryAdaptive = withAdaptivity(withDOM(BaseGallery), {\n hasMouse: true,\n});\n\nconst Gallery: React.FC<GalleryProps> = ({\n initialSlideIndex = 0,\n children,\n timeout = 0,\n onChange,\n ...props\n}: GalleryProps) => {\n const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n const isControlled = typeof props.slideIndex === \"number\";\n const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n const isDraggable = !isControlled \|\| Boolean(onChange);\n const slides = React.Children.toArray(children).filter((item) =>\n Boolean(item)\n );\n const childCount = slides.length;\n\n const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n (current) => {\n if (current === slideIndex) {\n return;\n }\n !isControlled && setSlideIndex(current);\n onChange && onChange(current);\n },\n [isControlled, onChange, slideIndex]\n );\n\n const autoplay = useTimeout(\n () => handleChange((slideIndex + 1) % childCount),\n timeout\n );\n React.useEffect(\n () => (timeout ? autoplay.set() : autoplay.clear()),\n [timeout, slideIndex, autoplay]\n );\n\n // prevent invalid slideIndex\n // any slide index is invalid with no slides, just keep it as is\n const safeSlideIndex =\n childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n // notify parent in controlled mode\n React.useEffect(() => {\n if (onChange && safeSlideIndex !== slideIndex) {\n onChange(safeSlideIndex);\n }\n }, [onChange, safeSlideIndex, slideIndex]);\n\n return (\n <BaseGalleryAdaptive\n isDraggable={isDraggable}\n {...props}\n slideIndex={safeSlideIndex}\n onChange={handleChange}\n >\n {slides}\n </BaseGalleryAdaptive>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withPlatform(Gallery);\n"],"file":"Gallery.js"}

package/dist/components/Gradient/Gradient.js CHANGED Viewed

@@ -20,6 +20,7 @@ var Gradient = function Gradient(_ref) {
 Gradient.defaultProps = {
   mode: "tint",
   to: "top"
-};
+}; // eslint-disable-next-line import/no-default-export
 export default Gradient;
 //# sourceMappingURL=Gradient.js.map

package/dist/components/Gradient/Gradient.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Gradient/Gradient.tsx"],"names":["classNames","Gradient","mode","children","to","restProps","defaultProps"],"mappings":";;;;AACA,SAASA,UAAT;;AAQA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,OAKpC;AAAA,MAJnBC,IAImB,QAJnBA,IAImB;AAAA,MAHnBC,QAGmB,QAHnBA,QAGmB;AAAA,MAFnBC,EAEmB,QAFnBA,EAEmB;AAAA,MADhBC,SACgB;;AACnB,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMA,SAFN;AAGE,IAAA,SAAS,EAAEL,UAAU,CACnB,UADmB,yBAEHE,IAFG,0BAGHE,EAHG;AAHvB,MASGD,QATH,CADF;AAaD,CAnBD;;AAqBAF,QAAQ,CAACK,YAAT,GAAwB;AACtBJ,EAAAA,IAAI,EAAE,MADgB;AAEtBE,EAAAA,EAAE,EAAE;AAFkB,CAAxB~~;AAKA~~,eAAeH,QAAf","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Gradient.css\";\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n mode?: \"tint\" \| \"white\" \| \"black\";\n to?: \"top\" \| \"bottom\";\n}\n\nconst Gradient: React.FunctionComponent<GradientProps> = ({\n mode,\n children,\n to,\n ...restProps\n}: GradientProps) => {\n return (\n <div\n role=\"presentation\"\n {...restProps}\n vkuiClass={classNames(\n \"Gradient\",\n `Gradient--md-${mode}`,\n `Gradient--to-${to}`\n )}\n >\n {children}\n </div>\n );\n};\n\nGradient.defaultProps = {\n mode: \"tint\",\n to: \"top\",\n};\n\nexport default Gradient;\n"],"file":"Gradient.js"}
1	+ {"version":3,"sources":["../../../src/components/Gradient/Gradient.tsx"],"names":["classNames","Gradient","mode","children","to","restProps","defaultProps"],"mappings":";;;;AACA,SAASA,UAAT;;AAQA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,OAKpC;AAAA,MAJnBC,IAImB,QAJnBA,IAImB;AAAA,MAHnBC,QAGmB,QAHnBA,QAGmB;AAAA,MAFnBC,EAEmB,QAFnBA,EAEmB;AAAA,MADhBC,SACgB;;AACnB,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMA,SAFN;AAGE,IAAA,SAAS,EAAEL,UAAU,CACnB,UADmB,yBAEHE,IAFG,0BAGHE,EAHG;AAHvB,MASGD,QATH,CADF;AAaD,CAnBD;;AAqBAF,QAAQ,CAACK,YAAT,GAAwB;AACtBJ,EAAAA,IAAI,EAAE,MADgB;AAEtBE,EAAAA,EAAE,EAAE;AAFkB,CAAxB,C,CAKA;;AACA,eAAeH,QAAf","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Gradient.css\";\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n mode?: \"tint\" \| \"white\" \| \"black\";\n to?: \"top\" \| \"bottom\";\n}\n\nconst Gradient: React.FunctionComponent<GradientProps> = ({\n mode,\n children,\n to,\n ...restProps\n}: GradientProps) => {\n return (\n <div\n role=\"presentation\"\n {...restProps}\n vkuiClass={classNames(\n \"Gradient\",\n `Gradient--md-${mode}`,\n `Gradient--to-${to}`\n )}\n >\n {children}\n </div>\n );\n};\n\nGradient.defaultProps = {\n mode: \"tint\",\n to: \"top\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Gradient;\n"],"file":"Gradient.js"}

package/dist/components/Group/Group.d.ts CHANGED Viewed

@@ -19,5 +19,5 @@ export interface GroupProps extends HasRootRef<HTMLElement>, React.HTMLAttribute
      */
     mode?: "plain" | "card";
 }
-declare const _default: React.FC<GroupProps>;
+declare const _default: React.FC<Pick<GroupProps, "hidden" | "dir" | "header" | "slot" | "style" | "title" | "color" | "separator" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "scheme" | "getRootRef" | "description"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
 export default _default;

package/dist/components/Group/Group.js CHANGED Viewed

@@ -51,7 +51,8 @@ var Group = function Group(props) {
 Group.defaultProps = {
   separator: "auto"
-};
+}; // eslint-disable-next-line import/no-default-export
 export default withAdaptivity(Group, {
   sizeX: true
 });

package/dist/components/Group/Group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Group/Group.tsx"],"names":["React","getClassName","classNames","usePlatform","Separator","hasReactNode","Caption","withAdaptivity","SizeType","ModalRootContext","Group","props","header","description","children","separator","getRootRef","mode","sizeX","restProps","useContext","isInsideModal","platform","computedMode","COMPACT","defaultProps"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,WAAT;AACA,OAAOC,SAAP;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,SACEC,cADF,EAGEC,QAHF;AAKA,OAAOC,gBAAP;;AAwBA,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,CAACC,KAAD,EAAuB;AACzD,MACEC,MADF,GASID,KATJ,CACEC,MADF;AAAA,MAEEC,WAFF,GASIF,KATJ,CAEEE,WAFF;AAAA,MAGEC,QAHF,GASIH,KATJ,CAGEG,QAHF;AAAA,MAIEC,SAJF,GASIJ,KATJ,CAIEI,SAJF;AAAA,MAKEC,UALF,GASIL,KATJ,CAKEK,UALF;AAAA,MAMEC,IANF,GASIN,KATJ,CAMEM,IANF;AAAA,MAOEC,KAPF,GASIP,KATJ,CAOEO,KAPF;AAAA,MAQKC,SARL,4BASIR,KATJ;;AAUA,0BAA0BX,KAAK,CAACoB,UAAN,CAAiBX,gBAAjB,CAA1B;AAAA,MAAQY,aAAR,qBAAQA,aAAR;;AACA,MAAMC,QAAQ,GAAGnB,WAAW,EAA5B;AAEA,MAAIoB,YAAgC,GAAGN,IAAvC;;AAEA,MAAI,CAACA,IAAL,EAAW;AACTM,IAAAA,YAAY,GACVL,KAAK,KAAKV,QAAQ,CAACgB,OAAnB,IAA8BH,aAA9B,GAA8C,OAA9C,GAAwD,MAD1D;AAED;;AAED,SACE,4CACMF,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAEd,UAAU,CACnBD,YAAY,CAAC,OAAD,EAAUqB,QAAV,CADO,yBAEHJ,KAFG,oBAGTK,YAHS;AAHvB,MASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGX,MADH,EAEGE,QAFH,EAGGT,YAAY,CAACQ,WAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,oBAAnB;AAAwC,IAAA,MAAM,EAAC,SAA/C;AAAyD,IAAA,KAAK,EAAC;AAA/D,KACGA,WADH,CAJJ,CATF,EAmBGE,SAAS,KAAK,MAAd,IACC,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEb,UAAU,CAAC,kBAAD,EAAqB;AACxC,iCAA2Ba,SAAS,KAAK;AADD,KAArB,CADvB;AAIE,IAAA,QAAQ,EAAEQ,YAAY,KAAK;AAJ7B,IApBJ,CADF;AA8BD,CAnDD;;AAqDAb,KAAK,CAACe,YAAN,GAAqB;AACnBV,EAAAA,SAAS,EAAE;AADQ,CAArB~~;AAIA~~,eAAeR,cAAc,CAACG,KAAD,EAAQ;AAAEQ,EAAAA,KAAK,EAAE;AAAT,CAAR,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Separator from \"../Separator/Separator\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport ModalRootContext from \"../ModalRoot/ModalRootContext\";\nimport \"./Group.css\";\n\nexport interface GroupProps\n extends HasRootRef<HTMLElement>,\n React.HTMLAttributes<HTMLElement>,\n AdaptivityProps {\n header?: React.ReactNode;\n description?: React.ReactNode;\n /*\n show - разделитель всегда показывается,\n hide – разделитель всегда спрятан,\n auto – разделитель рисуется автоматически между соседними группами.\n /\n separator?: \"show\" \| \"hide\" \| \"auto\";\n /*\n Режим отображения. Если установлен 'card', выглядит как карточка c\n * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n * по умолчанию 'plain'.\n */\n mode?: \"plain\" \| \"card\";\n}\n\nconst Group: React.FC<GroupProps> = (props: GroupProps) => {\n const {\n header,\n description,\n children,\n separator,\n getRootRef,\n mode,\n sizeX,\n ...restProps\n } = props;\n const { isInsideModal } = React.useContext(ModalRootContext);\n const platform = usePlatform();\n\n let computedMode: GroupProps[\"mode\"] = mode;\n\n if (!mode) {\n computedMode =\n sizeX === SizeType.COMPACT \|\| isInsideModal ? \"plain\" : \"card\";\n }\n\n return (\n <section\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n getClassName(\"Group\", platform),\n `Group--sizeX-${sizeX}`,\n `Group--${computedMode}`\n )}\n >\n <div vkuiClass=\"Group__inner\">\n {header}\n {children}\n {hasReactNode(description) && (\n <Caption vkuiClass=\"Group__description\" weight=\"regular\" level=\"1\">\n {description}\n </Caption>\n )}\n </div>\n\n {separator !== \"hide\" && (\n <Separator\n vkuiClass={classNames(\"Group__separator\", {\n \"Group__separator--force\": separator === \"show\",\n })}\n expanded={computedMode === \"card\"}\n />\n )}\n </section>\n );\n};\n\nGroup.defaultProps = {\n separator: \"auto\",\n};\n\nexport default withAdaptivity(Group, { sizeX: true });\n"],"file":"Group.js"}
1	+ {"version":3,"sources":["../../../src/components/Group/Group.tsx"],"names":["React","getClassName","classNames","usePlatform","Separator","hasReactNode","Caption","withAdaptivity","SizeType","ModalRootContext","Group","props","header","description","children","separator","getRootRef","mode","sizeX","restProps","useContext","isInsideModal","platform","computedMode","COMPACT","defaultProps"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,WAAT;AACA,OAAOC,SAAP;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,SACEC,cADF,EAGEC,QAHF;AAKA,OAAOC,gBAAP;;AAwBA,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,CAACC,KAAD,EAAuB;AACzD,MACEC,MADF,GASID,KATJ,CACEC,MADF;AAAA,MAEEC,WAFF,GASIF,KATJ,CAEEE,WAFF;AAAA,MAGEC,QAHF,GASIH,KATJ,CAGEG,QAHF;AAAA,MAIEC,SAJF,GASIJ,KATJ,CAIEI,SAJF;AAAA,MAKEC,UALF,GASIL,KATJ,CAKEK,UALF;AAAA,MAMEC,IANF,GASIN,KATJ,CAMEM,IANF;AAAA,MAOEC,KAPF,GASIP,KATJ,CAOEO,KAPF;AAAA,MAQKC,SARL,4BASIR,KATJ;;AAUA,0BAA0BX,KAAK,CAACoB,UAAN,CAAiBX,gBAAjB,CAA1B;AAAA,MAAQY,aAAR,qBAAQA,aAAR;;AACA,MAAMC,QAAQ,GAAGnB,WAAW,EAA5B;AAEA,MAAIoB,YAAgC,GAAGN,IAAvC;;AAEA,MAAI,CAACA,IAAL,EAAW;AACTM,IAAAA,YAAY,GACVL,KAAK,KAAKV,QAAQ,CAACgB,OAAnB,IAA8BH,aAA9B,GAA8C,OAA9C,GAAwD,MAD1D;AAED;;AAED,SACE,4CACMF,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAEd,UAAU,CACnBD,YAAY,CAAC,OAAD,EAAUqB,QAAV,CADO,yBAEHJ,KAFG,oBAGTK,YAHS;AAHvB,MASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGX,MADH,EAEGE,QAFH,EAGGT,YAAY,CAACQ,WAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,oBAAnB;AAAwC,IAAA,MAAM,EAAC,SAA/C;AAAyD,IAAA,KAAK,EAAC;AAA/D,KACGA,WADH,CAJJ,CATF,EAmBGE,SAAS,KAAK,MAAd,IACC,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEb,UAAU,CAAC,kBAAD,EAAqB;AACxC,iCAA2Ba,SAAS,KAAK;AADD,KAArB,CADvB;AAIE,IAAA,QAAQ,EAAEQ,YAAY,KAAK;AAJ7B,IApBJ,CADF;AA8BD,CAnDD;;AAqDAb,KAAK,CAACe,YAAN,GAAqB;AACnBV,EAAAA,SAAS,EAAE;AADQ,CAArB,C,CAIA;;AACA,eAAeR,cAAc,CAACG,KAAD,EAAQ;AAAEQ,EAAAA,KAAK,EAAE;AAAT,CAAR,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Separator from \"../Separator/Separator\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport ModalRootContext from \"../ModalRoot/ModalRootContext\";\nimport \"./Group.css\";\n\nexport interface GroupProps\n extends HasRootRef<HTMLElement>,\n React.HTMLAttributes<HTMLElement>,\n AdaptivityProps {\n header?: React.ReactNode;\n description?: React.ReactNode;\n /*\n show - разделитель всегда показывается,\n hide – разделитель всегда спрятан,\n auto – разделитель рисуется автоматически между соседними группами.\n /\n separator?: \"show\" \| \"hide\" \| \"auto\";\n /*\n Режим отображения. Если установлен 'card', выглядит как карточка c\n * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n * по умолчанию 'plain'.\n */\n mode?: \"plain\" \| \"card\";\n}\n\nconst Group: React.FC<GroupProps> = (props: GroupProps) => {\n const {\n header,\n description,\n children,\n separator,\n getRootRef,\n mode,\n sizeX,\n ...restProps\n } = props;\n const { isInsideModal } = React.useContext(ModalRootContext);\n const platform = usePlatform();\n\n let computedMode: GroupProps[\"mode\"] = mode;\n\n if (!mode) {\n computedMode =\n sizeX === SizeType.COMPACT \|\| isInsideModal ? \"plain\" : \"card\";\n }\n\n return (\n <section\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n getClassName(\"Group\", platform),\n `Group--sizeX-${sizeX}`,\n `Group--${computedMode}`\n )}\n >\n <div vkuiClass=\"Group__inner\">\n {header}\n {children}\n {hasReactNode(description) && (\n <Caption vkuiClass=\"Group__description\" weight=\"regular\" level=\"1\">\n {description}\n </Caption>\n )}\n </div>\n\n {separator !== \"hide\" && (\n <Separator\n vkuiClass={classNames(\"Group__separator\", {\n \"Group__separator--force\": separator === \"show\",\n })}\n expanded={computedMode === \"card\"}\n />\n )}\n </section>\n );\n};\n\nGroup.defaultProps = {\n separator: \"auto\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Group, { sizeX: true });\n"],"file":"Group.js"}

package/dist/components/Header/Header.js CHANGED Viewed

@@ -69,6 +69,8 @@ var HeaderContent = function HeaderContent(_ref) {
         caps: true
       }, restProps));
   }
+  return null;
 };
 var HeaderAside = function HeaderAside(_ref2) {
@@ -137,6 +139,7 @@ var Header = function Header(_ref4) {
 Header.defaultProps = {
   mode: "primary"
-};
+}; // eslint-disable-next-line import/no-default-export
 export default Header;
 //# sourceMappingURL=Header.js.map

package/dist/components/Header/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Header/Header.tsx"],"names":["getClassName","classNames","usePlatform","hasReactNode","isPrimitiveReactNode","Platform","Headline","Caption","Title","Text","Subhead","HeaderContent","platform","mode","restProps","IOS","VKCOM","HeaderAside","HeaderSubtitle","Header","children","subtitle","indicator","aside","getRootRef","multiline","defaultProps"],"mappings":";;;;;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,YAAT,EAAuBC,oBAAvB;AACA,SAASC,QAAT;AACA,OAAOC,QAAP;AACA,OAAOC,OAAP;AACA,OAAOC,KAAP;AACA,OAAOC,IAAP;AACA,OAAOC,OAAP;;AAuBA,IAAMC,aAA2C,GAAG,SAA9CA,aAA8C,OAI9C;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADDC,SACC;;AACJ,MAAIF,QAAQ,KAAKP,QAAQ,CAACU,GAA1B,EAA+B;AAC7B,YAAQF,IAAR;AACE,WAAK,SAAL;AACA,WAAK,UAAL;AACE,eAAO,oBAAC,KAAD;AAAO,UAAA,MAAM,EAAC,UAAd;AAAyB,UAAA,KAAK,EAAC;AAA/B,WAAuCC,SAAvC,EAAP;;AACF,WAAK,WAAL;AACE,eAAO,oBAAC,OAAD;AAAS,UAAA,KAAK,EAAC,GAAf;AAAmB,UAAA,MAAM,EAAC,UAA1B;AAAqC,UAAA,IAAI;AAAzC,WAA8CA,SAA9C,EAAP;AALJ;AAOD;;AAED,MAAIF,QAAQ,KAAKP,QAAQ,CAACW,KAA1B,EAAiC;AAC/B,YAAQH,IAAR;AACE,WAAK,SAAL;AACE,eAAO,oBAAC,QAAD;AAAU,UAAA,MAAM,EAAC;AAAjB,WAA+BC,SAA/B,EAAP;;AACF,WAAK,WAAL;AACA,WAAK,UAAL;AACE,eAAO,oBAAC,OAAD;AAAS,UAAA,KAAK,EAAC,GAAf;AAAmB,UAAA,MAAM,EAAC;AAA1B,WAAwCA,SAAxC,EAAP;AALJ;AAOD;;AAED,UAAQD,IAAR;AACE,SAAK,SAAL;AACA,SAAK,UAAL;AACE,aAAO,oBAAC,QAAD;AAAU,QAAA,MAAM,EAAC;AAAjB,SAA8BC,SAA9B,EAAP;;AACF,SAAK,WAAL;AACE,aAAO,oBAAC,OAAD;AAAS,QAAA,KAAK,EAAC,GAAf;AAAmB,QAAA,MAAM,EAAC,QAA1B;AAAmC,QAAA,IAAI;AAAvC,SAA4CA,SAA5C,EAAP;AALJ;~~AAOD~~,~~CAhCD~~;;~~AAoCA~~,IAAMG,WAAuC,GAAG,SAA1CA,WAA0C,QAG1C;AAAA,MAFJL,QAEI,SAFJA,QAEI;AAAA,MADDE,SACC;;AACJ,SAAOF,QAAQ,KAAKP,QAAQ,CAACW,KAAtB,GACL,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC;AAAhB,KAA8BF,SAA9B,EADK,GAGL,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAA2BA,SAA3B,EAHF;AAKD,CATD;;AAcA,IAAMI,cAA6C,GAAG,SAAhDA,cAAgD,QAGhD;AAAA,MAFJL,IAEI,SAFJA,IAEI;AAAA,MADDC,SACC;;AACJ,SAAOD,IAAI,KAAK,WAAT,GACL,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC;AAAhB,KAA8BC,SAA9B,EADK,GAGL,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,KAAK,EAAC;AAAhC,KAAwCA,SAAxC,EAHF;AAKD,CATD;;AAWA,IAAMK,MAA6B,GAAG,SAAhCA,MAAgC,QASnB;AAAA,MARjBN,IAQiB,SARjBA,IAQiB;AAAA,MAPjBO,QAOiB,SAPjBA,QAOiB;AAAA,MANjBC,QAMiB,SANjBA,QAMiB;AAAA,MALjBC,SAKiB,SALjBA,SAKiB;AAAA,MAJjBC,KAIiB,SAJjBA,KAIiB;AAAA,MAHjBC,UAGiB,SAHjBA,UAGiB;AAAA,MAFjBC,SAEiB,SAFjBA,SAEiB;AAAA,MADdX,SACc;;AACjB,MAAMF,QAAQ,GAAGV,WAAW,EAA5B;AAEA,SACE,2CACMY,SADN;AAEE,IAAA,GAAG,EAAEU,UAFP;AAGE,IAAA,SAAS,EAAEvB,UAAU,CACnBD,YAAY,CAAC,QAAD,EAAWY,QAAX,CADO,yBAEHC,IAFG,GAGnB;AAAE,oBAAcT,oBAAoB,CAACkB,SAAD;AAApC,KAHmB;AAHvB,MASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,aAAD;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,IAAA,SAAS,EAAC,MAFZ;AAGE,IAAA,IAAI,EAAET,IAHR;AAIE,IAAA,QAAQ,EAAED;AAJZ,KAME;AACE,IAAA,SAAS,EAAEX,UAAU,CAAC,oBAAD,EAAuB;AAC1C,uCAAiCwB;AADS,KAAvB;AADvB,KAKGL,QALH,CANF,EAaGjB,YAAY,CAACmB,SAAD,CAAZ,IACC,oBAAC,OAAD;AACE,IAAA,SAAS,EAAC,mBADZ;AAEE,IAAA,MAAM,EACJT,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,WAA/B,GACI,QADJ,GAEI,SALR;AAOE,IAAA,KAAK,EAAC;AAPR,KASGS,SATH,CAdJ,CADF,EA6BGnB,YAAY,CAACkB,QAAD,CAAZ,IACC,oBAAC,cAAD;AAAgB,IAAA,SAAS,EAAC,kBAA1B;AAA6C,IAAA,SAAS,EAAC;AAAvD,KACGA,QADH,CA9BJ,CATF,EA6CGlB,YAAY,CAACoB,KAAD,CAAZ,IACC,oBAAC,WAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,SAAS,EAAC,MAFZ;AAGE,IAAA,QAAQ,EAAEX;AAHZ,KAKGW,KALH,CA9CJ,CADF;AAyDD,CArED;;AAuEAJ,MAAM,CAACO,YAAP,GAAsB;AACpBb,EAAAA,IAAI,EAAE;AADc,CAAtB~~;AAIA~~,eAAeM,MAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Title from \"../Typography/Title/Title\";\nimport Text from \"../Typography/Text/Text\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement> {\n mode?: \"primary\" \| \"secondary\" \| \"tertiary\";\n subtitle?: React.ReactNode;\n /*\n Допускаются иконки, текст, Link\n /\n aside?: React.ReactNode;\n /\n Допускаются текст, Indicator\n */\n indicator?: React.ReactNode;\n multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" \| \"mode\"> &\n HasPlatform &\n HasComponent;\n\nconst HeaderContent: React.FC<HeaderContentProps> = ({\n platform,\n mode,\n ...restProps\n}) => {\n if (platform === Platform.IOS) {\n switch (mode) {\n case \"primary\":\n case \"tertiary\":\n return <Title weight=\"semibold\" level=\"3\" {...restProps} />;\n case \"secondary\":\n return <Caption level=\"1\" weight=\"semibold\" caps {...restProps} />;\n }\n }\n\n if (platform === Platform.VKCOM) {\n switch (mode) {\n case \"primary\":\n return <Headline weight=\"regular\" {...restProps} />;\n case \"secondary\":\n case \"tertiary\":\n return <Caption level=\"1\" weight=\"regular\" {...restProps} />;\n }\n }\n\n switch (mode) {\n case \"primary\":\n case \"tertiary\":\n return <Headline weight=\"medium\" {...restProps} />;\n case \"secondary\":\n return <Caption level=\"1\" weight=\"medium\" caps {...restProps} />;\n }\n};\n\ntype HeaderAsideProps = Pick<HeaderProps, \"aside\"> & HasPlatform & HasComponent;\n\nconst HeaderAside: React.FC<HeaderAsideProps> = ({\n platform,\n ...restProps\n}) => {\n return platform === Platform.VKCOM ? (\n <Subhead weight=\"regular\" {...restProps} />\n ) : (\n <Text weight=\"regular\" {...restProps} />\n );\n};\n\ntype HeaderSubtitleProps = Pick<HeaderProps, \"subtitle\" \| \"mode\"> &\n HasComponent;\n\nconst HeaderSubtitle: React.FC<HeaderSubtitleProps> = ({\n mode,\n ...restProps\n}) => {\n return mode === \"secondary\" ? (\n <Subhead weight=\"regular\" {...restProps} />\n ) : (\n <Caption weight=\"regular\" level=\"1\" {...restProps} />\n );\n};\n\nconst Header: React.FC<HeaderProps> = ({\n mode,\n children,\n subtitle,\n indicator,\n aside,\n getRootRef,\n multiline,\n ...restProps\n}: HeaderProps) => {\n const platform = usePlatform();\n\n return (\n <header\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n getClassName(\"Header\", platform),\n `Header--mode-${mode}`,\n { \"Header--pi\": isPrimitiveReactNode(indicator) }\n )}\n >\n <div vkuiClass=\"Header__main\">\n <HeaderContent\n vkuiClass=\"Header__content\"\n Component=\"span\"\n mode={mode}\n platform={platform}\n >\n <span\n vkuiClass={classNames(\"Header__content-in\", {\n \"Header__content-in--multiline\": multiline,\n })}\n >\n {children}\n </span>\n {hasReactNode(indicator) && (\n <Caption\n vkuiClass=\"Header__indicator\"\n weight={\n mode === \"primary\" \|\| mode === \"secondary\"\n ? \"medium\"\n : \"regular\"\n }\n level=\"1\"\n >\n {indicator}\n </Caption>\n )}\n </HeaderContent>\n\n {hasReactNode(subtitle) && (\n <HeaderSubtitle vkuiClass=\"Header__subtitle\" Component=\"span\">\n {subtitle}\n </HeaderSubtitle>\n )}\n </div>\n\n {hasReactNode(aside) && (\n <HeaderAside\n vkuiClass=\"Header__aside\"\n Component=\"span\"\n platform={platform}\n >\n {aside}\n </HeaderAside>\n )}\n </header>\n );\n};\n\nHeader.defaultProps = {\n mode: \"primary\",\n};\n\nexport default Header;\n"],"file":"Header.js"}
1	+ {"version":3,"sources":["../../../src/components/Header/Header.tsx"],"names":["getClassName","classNames","usePlatform","hasReactNode","isPrimitiveReactNode","Platform","Headline","Caption","Title","Text","Subhead","HeaderContent","platform","mode","restProps","IOS","VKCOM","HeaderAside","HeaderSubtitle","Header","children","subtitle","indicator","aside","getRootRef","multiline","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Title from \"../Typography/Title/Title\";\nimport Text from \"../Typography/Text/Text\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement> {\n mode?: \"primary\" \| \"secondary\" \| \"tertiary\";\n subtitle?: React.ReactNode;\n /*\n Допускаются иконки, текст, Link\n /\n aside?: React.ReactNode;\n /\n Допускаются текст, Indicator\n */\n indicator?: React.ReactNode;\n multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" \| \"mode\"> &\n HasPlatform &\n HasComponent;\n\nconst HeaderContent: React.FC<HeaderContentProps> = ({\n platform,\n mode,\n ...restProps\n}) => {\n if (platform === Platform.IOS) {\n switch (mode) {\n case \"primary\":\n case \"tertiary\":\n return <Title weight=\"semibold\" level=\"3\" {...restProps} />;\n case \"secondary\":\n return <Caption level=\"1\" weight=\"semibold\" caps {...restProps} />;\n }\n }\n\n if (platform === Platform.VKCOM) {\n switch (mode) {\n case \"primary\":\n return <Headline weight=\"regular\" {...restProps} />;\n case \"secondary\":\n case \"tertiary\":\n return <Caption level=\"1\" weight=\"regular\" {...restProps} />;\n }\n }\n\n switch (mode) {\n case \"primary\":\n case \"tertiary\":\n return <Headline weight=\"medium\" {...restProps} />;\n case \"secondary\":\n return <Caption level=\"1\" weight=\"medium\" caps {...restProps} />;\n }\n\n return null;\n};\n\ntype HeaderAsideProps = Pick<HeaderProps, \"aside\"> & HasPlatform & HasComponent;\n\nconst HeaderAside: React.FC<HeaderAsideProps> = ({\n platform,\n ...restProps\n}) => {\n return platform === Platform.VKCOM ? (\n <Subhead weight=\"regular\" {...restProps} />\n ) : (\n <Text weight=\"regular\" {...restProps} />\n );\n};\n\ntype HeaderSubtitleProps = Pick<HeaderProps, \"subtitle\" \| \"mode\"> &\n HasComponent;\n\nconst HeaderSubtitle: React.FC<HeaderSubtitleProps> = ({\n mode,\n ...restProps\n}) => {\n return mode === \"secondary\" ? (\n <Subhead weight=\"regular\" {...restProps} />\n ) : (\n <Caption weight=\"regular\" level=\"1\" {...restProps} />\n );\n};\n\nconst Header: React.FC<HeaderProps> = ({\n mode,\n children,\n subtitle,\n indicator,\n aside,\n getRootRef,\n multiline,\n ...restProps\n}: HeaderProps) => {\n const platform = usePlatform();\n\n return (\n <header\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n getClassName(\"Header\", platform),\n `Header--mode-${mode}`,\n { \"Header--pi\": isPrimitiveReactNode(indicator) }\n )}\n >\n <div vkuiClass=\"Header__main\">\n <HeaderContent\n vkuiClass=\"Header__content\"\n Component=\"span\"\n mode={mode}\n platform={platform}\n >\n <span\n vkuiClass={classNames(\"Header__content-in\", {\n \"Header__content-in--multiline\": multiline,\n })}\n >\n {children}\n </span>\n {hasReactNode(indicator) && (\n <Caption\n vkuiClass=\"Header__indicator\"\n weight={\n mode === \"primary\" \|\| mode === \"secondary\"\n ? \"medium\"\n : \"regular\"\n }\n level=\"1\"\n >\n {indicator}\n </Caption>\n )}\n </HeaderContent>\n\n {hasReactNode(subtitle) && (\n <HeaderSubtitle vkuiClass=\"Header__subtitle\" Component=\"span\">\n {subtitle}\n </HeaderSubtitle>\n )}\n </div>\n\n {hasReactNode(aside) && (\n <HeaderAside\n vkuiClass=\"Header__aside\"\n Component=\"span\"\n platform={platform}\n >\n {aside}\n </HeaderAside>\n )}\n </header>\n );\n};\n\nHeader.defaultProps = {\n mode: \"primary\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Header;\n"],"file":"Header.js"}

package/dist/components/HorizontalScroll/HorizontalScroll.d.ts CHANGED Viewed

@@ -15,5 +15,5 @@ export interface HorizontalScrollProps extends React.HTMLAttributes<HTMLDivEleme
     showArrows?: boolean;
     scrollAnimationDuration?: number;
 }
-declare const _default: React.FC<HorizontalScrollProps>;
+declare const _default: React.FC<Pick<HorizontalScrollProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "scheme" | "getRef" | "scrollAnimationDuration" | "getScrollToLeft" | "getScrollToRight" | "showArrows"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
 export default _default;

package/dist/components/HorizontalScroll/HorizontalScroll.js CHANGED Viewed

@@ -90,7 +90,8 @@ var HorizontalScroll = function HorizontalScroll(_ref2) {
       getScrollToRight = _ref2.getScrollToRight,
       _ref2$showArrows = _ref2.showArrows,
       showArrows = _ref2$showArrows === void 0 ? true : _ref2$showArrows,
-      scrollAnimationDuration = _ref2.scrollAnimationDuration,
+      _ref2$scrollAnimation = _ref2.scrollAnimationDuration,
+      scrollAnimationDuration = _ref2$scrollAnimation === void 0 ? SCROLL_ONE_FRAME_TIME : _ref2$scrollAnimation,
       hasMouse = _ref2.hasMouse,
       getRef = _ref2.getRef,
       restProps = _objectWithoutProperties(_ref2, _excluded);
@@ -144,23 +145,29 @@ var HorizontalScroll = function HorizontalScroll(_ref2) {
       setCanScrollLeft(scrollElement.scrollLeft > 0);
       setCanScrollRight(scrollElement.scrollLeft + scrollElement.offsetWidth < scrollElement.scrollWidth);
     }
-  }, [hasMouse]);
+  }, [hasMouse, scrollerRef, showArrows]);
   var scrollEvent = useEventListener("scroll", onscroll);
   React.useEffect(function () {
-    return scrollEvent.add(scrollerRef.current);
-  }, []);
-  React.useEffect(onscroll, [scrollerRef, children]);
+    if (scrollerRef.current) {
+      scrollEvent.add(scrollerRef.current);
+    }
+  }, [scrollEvent, scrollerRef]);
+  React.useEffect(onscroll, [scrollerRef, children, onscroll]);
   return createScopedElement("div", _extends({}, restProps, {
     vkuiClass: getClassName("HorizontalScroll", platform)
   }), showArrows && hasMouse && canScrollLeft && createScopedElement(HorizontalScrollArrow, {
     direction: "left",
     onClick: function onClick() {
-      return scrollTo(getScrollToLeft);
+      if (getScrollToLeft) {
+        scrollTo(getScrollToLeft);
+      }
     }
   }), showArrows && hasMouse && canScrollRight && createScopedElement(HorizontalScrollArrow, {
     direction: "right",
     onClick: function onClick() {
-      return scrollTo(getScrollToRight);
+      if (getScrollToLeft) {
+        scrollTo(getScrollToLeft);
+      }
     }
   }), createScopedElement("div", {
     vkuiClass: "HorizontalScroll__in",
@@ -168,7 +175,8 @@ var HorizontalScroll = function HorizontalScroll(_ref2) {
   }, createScopedElement("div", {
     vkuiClass: "HorizontalScroll__in-wrapper"
   }, children)));
-};
+}; // eslint-disable-next-line import/no-default-export
 export default withAdaptivity(HorizontalScroll, {
   hasMouse: true

package/dist/components/HorizontalScroll/HorizontalScroll.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":["React","usePlatform","getClassName","withAdaptivity","HorizontalScrollArrow","easeInOutSine","useEventListener","useExternRef","now","performance","Date","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","scrollLeft","endLeft","startTime","scroll","time","elapsed","Math","min","value","currentLeft","ceil","max","requestAnimationFrame","shift","length","HorizontalScroll","children","getScrollToLeft","getScrollToRight","showArrows","hasMouse","getRef","restProps","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","platform","scrollTo","current","push","firstElementChild","scrollWidth","onscroll","useCallback","scrollEvent","useEffect","add"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,cAAT;AACA,OAAOC,qBAAP;AACA,SAASC,aAAT;AACA,SAASC,gBAAT;AACA,SAASC,YAAT;;AAqCA;AACA;AACA;AACA,SAASC,GAAT,GAAe;AACb,SAAOC,WAAW,IAAIA,WAAW,CAACD,GAA3B,GAAiCC,WAAW,CAACD,GAAZ,EAAjC,GAAqDE,IAAI,CAACF,GAAL,EAA5D;AACD;AAED;AACA;AACA;AACA;AACA;;;AACA,IAAMG,qBAAqB,GAAG,GAA9B;;AAEA,SAASC,QAAT,OASkB;AAAA,MARhBC,aAQgB,QARhBA,aAQgB;AAAA,MAPhBC,iBAOgB,QAPhBA,iBAOgB;AAAA,MANhBC,cAMgB,QANhBA,cAMgB;AAAA,MALhBC,qBAKgB,QALhBA,qBAKgB;AAAA,MAJhBC,WAIgB,QAJhBA,WAIgB;AAAA,MAHhBC,aAGgB,QAHhBA,aAGgB;AAAA,MAFhBC,kBAEgB,QAFhBA,kBAEgB;AAAA,mCADhBC,uBACgB;AAAA,MADhBA,uBACgB,sCADUT,qBACV;;AAChB,MAAI,CAACE,aAAD,IAAkB,CAACC,iBAAvB,EAA0C;AACxC;AACD;AAED;AACF;AACA;;;AACE,MAAMO,OAAO,GAAGF,kBAAkB,GAAGN,aAAa,CAACS,WAAnD;AAEA,MAAIC,SAAS,GAAGV,aAAa,CAACW,UAA9B;AACA,MAAIC,OAAO,GAAGX,iBAAiB,CAACS,SAAD,CAA/B;AAEAL,EAAAA,aAAa;;AAEb,MAAIO,OAAO,IAAIJ,OAAf,EAAwB;AACtBL,IAAAA,qBAAqB;AACrBS,IAAAA,OAAO,GAAGJ,OAAV;AACD;;AAED,MAAMK,SAAS,GAAGlB,GAAG,EAArB;;AAEA,GAAC,SAASmB,MAAT,GAAkB;AACjB,QAAI,CAACd,aAAL,EAAoB;AAClBI,MAAAA,WAAW;AACX;AACD;;AAED,QAAMW,IAAI,GAAGpB,GAAG,EAAhB;AACA,QAAMqB,OAAO,GAAGC,IAAI,CAACC,GAAL,CAAS,CAACH,IAAI,GAAGF,SAAR,IAAqBN,uBAA9B,EAAuD,CAAvD,CAAhB;AAEA,QAAMY,KAAK,GAAG3B,aAAa,CAACwB,OAAD,CAA3B;AAEA,QAAMI,WAAW,GAAGV,SAAS,GAAG,CAACE,OAAO,GAAGF,SAAX,IAAwBS,KAAxD;AACAnB,IAAAA,aAAa,CAACW,UAAd,GAA2BM,IAAI,CAACI,IAAL,CAAUD,WAAV,CAA3B;;AAEA,QAAIpB,aAAa,CAACW,UAAd,KAA6BM,IAAI,CAACK,GAAL,CAAS,CAAT,EAAYV,OAAZ,CAAjC,EAAuD;AACrDW,MAAAA,qBAAqB,CAACT,MAAD,CAArB;AACA;AACD;;AAEDV,IAAAA,WAAW;AACXF,IAAAA,cAAc,CAACsB,KAAf;;AACA,QAAItB,cAAc,CAACuB,MAAf,GAAwB,CAA5B,EAA+B;AAC7BvB,MAAAA,cAAc,CAAC,CAAD,CAAd;AACD;AACF,GAxBD;AAyBD;;AAED,IAAMwB,gBAAiD,GAAG,SAApDA,gBAAoD,QAS7B;AAAA,MAR3BC,QAQ2B,SAR3BA,QAQ2B;AAAA,MAP3BC,eAO2B,SAP3BA,eAO2B;AAAA,MAN3BC,gBAM2B,SAN3BA,gBAM2B;AAAA,+BAL3BC,UAK2B;AAAA,MAL3BA,UAK2B,iCALd,IAKc;AAAA,MAJ3BvB,uBAI2B,SAJ3BA,uBAI2B;AAAA,MAH3BwB,QAG2B,SAH3BA,QAG2B;AAAA,MAF3BC,MAE2B,SAF3BA,MAE2B;AAAA,MADxBC,SACwB;;AAC3B,wBAA0C9C,KAAK,CAAC+C,QAAN,CAAe,KAAf,CAA1C;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AACA,yBAA4CjD,KAAK,CAAC+C,QAAN,CAAe,KAAf,CAA5C;AAAA;AAAA,MAAOG,cAAP;AAAA,MAAuBC,iBAAvB;;AAEA,MAAMC,oBAAoB,GAAGpD,KAAK,CAACqD,MAAN,CAAa,KAAb,CAA7B;AAEA,MAAMC,WAAW,GAAG/C,YAAY,CAACsC,MAAD,CAAhC;AAEA,MAAM9B,cAAc,GAAGf,KAAK,CAACqD,MAAN,CAA6B,EAA7B,CAAvB;AAEA,MAAME,QAAQ,GAAGtD,WAAW,EAA5B;;AAEA,WAASuD,QAAT,CAAkB1C,iBAAlB,EAAiE;AAC/D,QAAMD,aAAa,GAAGyC,WAAW,CAACG,OAAlC;AAEA1C,IAAAA,cAAc,CAAC0C,OAAf,CAAuBC,IAAvB,CAA4B;AAAA;;AAAA,aAC1B9C,QAAQ,CAAC;AACPC,QAAAA,aAAa,EAAbA,aADO;AAEPC,QAAAA,iBAAiB,EAAjBA,iBAFO;AAGPC,QAAAA,cAAc,EAAEA,cAAc,CAAC0C,OAHxB;AAIPzC,QAAAA,qBAAqB,EAAE;AAAA,iBAAMmC,iBAAiB,CAAC,KAAD,CAAvB;AAAA,SAJhB;AAKPlC,QAAAA,WAAW,EAAE;AAAA,iBAAOmC,oBAAoB,CAACK,OAArB,GAA+B,KAAtC;AAAA,SALN;AAMPvC,QAAAA,aAAa,EAAE;AAAA,iBAAOkC,oBAAoB,CAACK,OAArB,GAA+B,IAAtC;AAAA,SANR;AAOPtC,QAAAA,kBAAkB,EAAE,CAAAN,aAAa,SAAb,IAAAA,aAAa,WAAb,qCAAAA,aAAa,CAAE8C,iBAAf,gFAAkCC,WAAlC,KAAiD,CAP9D;AAQPxC,QAAAA,uBAAuB,EAAvBA;AARO,OAAD,CADkB;AAAA,KAA5B;;AAYA,QAAIL,cAAc,CAAC0C,OAAf,CAAuBnB,MAAvB,KAAkC,CAAtC,EAAyC;AACvCvB,MAAAA,cAAc,CAAC0C,OAAf,CAAuB,CAAvB;AACD;AACF;;AAED,MAAMI,QAAQ,GAAG7D,KAAK,CAAC8D,WAAN,CAAkB,YAAM;AACvC,QACEnB,UAAU,IACVC,QADA,IAEAU,WAAW,CAACG,OAFZ,IAGA,CAACL,oBAAoB,CAACK,OAJxB,EAKE;AACA,UAAM5C,aAAa,GAAGyC,WAAW,CAACG,OAAlC;AAEAR,MAAAA,gBAAgB,CAACpC,aAAa,CAACW,UAAd,GAA2B,CAA5B,CAAhB;AACA2B,MAAAA,iBAAiB,CACftC,aAAa,CAACW,UAAd,GAA2BX,aAAa,CAACS,WAAzC,GACET,aAAa,CAAC+C,WAFD,CAAjB;AAID;AACF,GAfgB,EAed,CAAChB,QAAD,CAfc,CAAjB;AAiBA,MAAMmB,WAAW,GAAGzD,gBAAgB,CAAC,QAAD,EAAWuD,QAAX,CAApC;AACA7D,EAAAA,KAAK,CAACgE,SAAN,CAAgB;AAAA,WAAMD,WAAW,CAACE,GAAZ,CAAgBX,WAAW,CAACG,OAA5B,CAAN;AAAA,GAAhB,EAA4D,EAA5D;AACAzD,EAAAA,KAAK,CAACgE,SAAN,CAAgBH,QAAhB,EAA0B,CAACP,WAAD,EAAcd,QAAd,CAA1B;AAEA,SACE,wCAASM,SAAT;AAAoB,IAAA,SAAS,EAAE5C,YAAY,CAAC,kBAAD,EAAqBqD,QAArB;AAA3C,MACGZ,UAAU,IAAIC,QAAd,IAA0BI,aAA1B,IACC,oBAAC,qBAAD;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,OAAO,EAAE;AAAA,aAAMQ,QAAQ,CAACf,eAAD,CAAd;AAAA;AAFX,IAFJ,EAOGE,UAAU,IAAIC,QAAd,IAA0BM,cAA1B,IACC,oBAAC,qBAAD;AACE,IAAA,SAAS,EAAC,OADZ;AAEE,IAAA,OAAO,EAAE;AAAA,aAAMM,QAAQ,CAACd,gBAAD,CAAd;AAAA;AAFX,IARJ,EAaE;AAAK,IAAA,SAAS,EAAC,sBAAf;AAAsC,IAAA,GAAG,EAAEY;AAA3C,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+Cd,QAA/C,CADF,CAbF,CADF;AAmBD,CAjFD;;AAmFA,eAAerC,cAAc,CAACoC,gBAAD,EAAmB;AAC9CK,EAAAA,QAAQ,EAAE;AADoC,CAAnB,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport HorizontalScrollArrow from \"./HorizontalScrollArrow\";\nimport { easeInOutSine } from \"../../lib/fx\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport \"./HorizontalScroll.css\";\n\ninterface ScrollContext {\n scrollElement: HTMLElement \| null;\n scrollAnimationDuration: number;\n animationQueue: VoidFunction[];\n getScrollPosition: (currentPosition: number) => number;\n onScrollToRightBorder: VoidFunction;\n onScrollEnd: VoidFunction;\n onScrollStart: VoidFunction;\n /*\n Начальная ширина прокрутки.\n * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n /\n initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n HasRef<HTMLDivElement> {\n /\n Функция для расчета величины прокрутки при клике на левую стрелку.\n /\n getScrollToLeft?: ScrollPositionHandler;\n /\n Функция для расчета величины прокрутки при клике на правую стрелку.\n /\n getScrollToRight?: ScrollPositionHandler;\n showArrows?: boolean;\n scrollAnimationDuration?: number;\n}\n\n/\n timing method\n /\nfunction now() {\n return performance && performance.now ? performance.now() : Date.now();\n}\n\n/\n Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n /\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue,\n onScrollToRightBorder,\n onScrollEnd,\n onScrollStart,\n initialScrollWidth,\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n if (!scrollElement \|\| !getScrollPosition) {\n return;\n }\n\n /\n максимальное значение сдвига влево\n /\n const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n let startLeft = scrollElement.scrollLeft;\n let endLeft = getScrollPosition(startLeft);\n\n onScrollStart();\n\n if (endLeft >= maxLeft) {\n onScrollToRightBorder();\n endLeft = maxLeft;\n }\n\n const startTime = now();\n\n (function scroll() {\n if (!scrollElement) {\n onScrollEnd();\n return;\n }\n\n const time = now();\n const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n const value = easeInOutSine(elapsed);\n\n const currentLeft = startLeft + (endLeft - startLeft) value;\n scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n if (scrollElement.scrollLeft !== Math.max(0, endLeft)) {\n requestAnimationFrame(scroll);\n return;\n }\n\n onScrollEnd();\n animationQueue.shift();\n if (animationQueue.length > 0) {\n animationQueue[0]();\n }\n })();\n}\n\nconst HorizontalScroll: React.FC<HorizontalScrollProps> = ({\n children,\n getScrollToLeft,\n getScrollToRight,\n showArrows = true,\n scrollAnimationDuration,\n hasMouse,\n getRef,\n ...restProps\n}: HorizontalScrollProps) => {\n const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n const isCustomScrollingRef = React.useRef(false);\n\n const scrollerRef = useExternRef(getRef);\n\n const animationQueue = React.useRef<VoidFunction[]>([]);\n\n const platform = usePlatform();\n\n function scrollTo(getScrollPosition: (offset: number) => number) {\n const scrollElement = scrollerRef.current;\n\n animationQueue.current.push(() =>\n doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue: animationQueue.current,\n onScrollToRightBorder: () => setCanScrollRight(false),\n onScrollEnd: () => (isCustomScrollingRef.current = false),\n onScrollStart: () => (isCustomScrollingRef.current = true),\n initialScrollWidth: scrollElement?.firstElementChild?.scrollWidth \|\| 0,\n scrollAnimationDuration,\n })\n );\n if (animationQueue.current.length === 1) {\n animationQueue.current[0]();\n }\n }\n\n const onscroll = React.useCallback(() => {\n if (\n showArrows &&\n hasMouse &&\n scrollerRef.current &&\n !isCustomScrollingRef.current\n ) {\n const scrollElement = scrollerRef.current;\n\n setCanScrollLeft(scrollElement.scrollLeft > 0);\n setCanScrollRight(\n scrollElement.scrollLeft + scrollElement.offsetWidth <\n scrollElement.scrollWidth\n );\n }\n }, [hasMouse]);\n\n const scrollEvent = useEventListener(\"scroll\", onscroll);\n React.useEffect(() => scrollEvent.add(scrollerRef.current), []);\n React.useEffect(onscroll, [scrollerRef, children]);\n\n return (\n <div {...restProps} vkuiClass={getClassName(\"HorizontalScroll\", platform)}>\n {showArrows && hasMouse && canScrollLeft && (\n <HorizontalScrollArrow\n direction=\"left\"\n onClick={() => scrollTo(getScrollToLeft)}\n />\n )}\n {showArrows && hasMouse && canScrollRight && (\n <HorizontalScrollArrow\n direction=\"right\"\n onClick={() => scrollTo(getScrollToRight)}\n />\n )}\n <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n <div vkuiClass=\"HorizontalScroll__in-wrapper\">{children}</div>\n </div>\n </div>\n );\n};\n\nexport default withAdaptivity(HorizontalScroll, {\n hasMouse: true,\n});\n"],"file":"HorizontalScroll.js"}
1	+ {"version":3,"sources":["../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":["React","usePlatform","getClassName","withAdaptivity","HorizontalScrollArrow","easeInOutSine","useEventListener","useExternRef","now","performance","Date","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","scrollLeft","endLeft","startTime","scroll","time","elapsed","Math","min","value","currentLeft","ceil","max","requestAnimationFrame","shift","length","HorizontalScroll","children","getScrollToLeft","getScrollToRight","showArrows","hasMouse","getRef","restProps","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","platform","scrollTo","current","push","firstElementChild","scrollWidth","onscroll","useCallback","scrollEvent","useEffect","add"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport HorizontalScrollArrow from \"./HorizontalScrollArrow\";\nimport { easeInOutSine } from \"../../lib/fx\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport \"./HorizontalScroll.css\";\n\ninterface ScrollContext {\n scrollElement: HTMLElement \| null;\n scrollAnimationDuration: number;\n animationQueue: VoidFunction[];\n getScrollPosition: (currentPosition: number) => number;\n onScrollToRightBorder: VoidFunction;\n onScrollEnd: VoidFunction;\n onScrollStart: VoidFunction;\n /*\n Начальная ширина прокрутки.\n * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n /\n initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n HasRef<HTMLDivElement> {\n /\n Функция для расчета величины прокрутки при клике на левую стрелку.\n /\n getScrollToLeft?: ScrollPositionHandler;\n /\n Функция для расчета величины прокрутки при клике на правую стрелку.\n /\n getScrollToRight?: ScrollPositionHandler;\n showArrows?: boolean;\n scrollAnimationDuration?: number;\n}\n\n/\n timing method\n /\nfunction now() {\n return performance && performance.now ? performance.now() : Date.now();\n}\n\n/\n Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n /\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue,\n onScrollToRightBorder,\n onScrollEnd,\n onScrollStart,\n initialScrollWidth,\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n if (!scrollElement \|\| !getScrollPosition) {\n return;\n }\n\n /\n максимальное значение сдвига влево\n /\n const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n let startLeft = scrollElement.scrollLeft;\n let endLeft = getScrollPosition(startLeft);\n\n onScrollStart();\n\n if (endLeft >= maxLeft) {\n onScrollToRightBorder();\n endLeft = maxLeft;\n }\n\n const startTime = now();\n\n (function scroll() {\n if (!scrollElement) {\n onScrollEnd();\n return;\n }\n\n const time = now();\n const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n const value = easeInOutSine(elapsed);\n\n const currentLeft = startLeft + (endLeft - startLeft) value;\n scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n if (scrollElement.scrollLeft !== Math.max(0, endLeft)) {\n requestAnimationFrame(scroll);\n return;\n }\n\n onScrollEnd();\n animationQueue.shift();\n if (animationQueue.length > 0) {\n animationQueue[0]();\n }\n })();\n}\n\nconst HorizontalScroll: React.FC<HorizontalScrollProps> = ({\n children,\n getScrollToLeft,\n getScrollToRight,\n showArrows = true,\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n hasMouse,\n getRef,\n ...restProps\n}: HorizontalScrollProps) => {\n const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n const isCustomScrollingRef = React.useRef(false);\n\n const scrollerRef = useExternRef(getRef);\n\n const animationQueue = React.useRef<VoidFunction[]>([]);\n\n const platform = usePlatform();\n\n function scrollTo(getScrollPosition: (offset: number) => number) {\n const scrollElement = scrollerRef.current;\n\n animationQueue.current.push(() =>\n doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue: animationQueue.current,\n onScrollToRightBorder: () => setCanScrollRight(false),\n onScrollEnd: () => (isCustomScrollingRef.current = false),\n onScrollStart: () => (isCustomScrollingRef.current = true),\n initialScrollWidth: scrollElement?.firstElementChild?.scrollWidth \|\| 0,\n scrollAnimationDuration,\n })\n );\n if (animationQueue.current.length === 1) {\n animationQueue.current[0]();\n }\n }\n\n const onscroll = React.useCallback(() => {\n if (\n showArrows &&\n hasMouse &&\n scrollerRef.current &&\n !isCustomScrollingRef.current\n ) {\n const scrollElement = scrollerRef.current;\n\n setCanScrollLeft(scrollElement.scrollLeft > 0);\n setCanScrollRight(\n scrollElement.scrollLeft + scrollElement.offsetWidth <\n scrollElement.scrollWidth\n );\n }\n }, [hasMouse, scrollerRef, showArrows]);\n\n const scrollEvent = useEventListener(\"scroll\", onscroll);\n React.useEffect(() => {\n if (scrollerRef.current) {\n scrollEvent.add(scrollerRef.current);\n }\n }, [scrollEvent, scrollerRef]);\n React.useEffect(onscroll, [scrollerRef, children, onscroll]);\n\n return (\n <div {...restProps} vkuiClass={getClassName(\"HorizontalScroll\", platform)}>\n {showArrows && hasMouse && canScrollLeft && (\n <HorizontalScrollArrow\n direction=\"left\"\n onClick={() => {\n if (getScrollToLeft) {\n scrollTo(getScrollToLeft);\n }\n }}\n />\n )}\n {showArrows && hasMouse && canScrollRight && (\n <HorizontalScrollArrow\n direction=\"right\"\n onClick={() => {\n if (getScrollToLeft) {\n scrollTo(getScrollToLeft);\n }\n }}\n />\n )}\n <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n <div vkuiClass=\"HorizontalScroll__in-wrapper\">{children}</div>\n </div>\n </div>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(HorizontalScroll, {\n hasMouse: true,\n});\n"],"file":"HorizontalScroll.js"}

package/dist/components/HorizontalScroll/HorizontalScrollArrow.js CHANGED Viewed

@@ -18,7 +18,8 @@ var HorizontalScrollArrow = function HorizontalScrollArrow(_ref) {
   }, createScopedElement("span", {
     vkuiClass: "HorizontalScrollArrow__icon"
   }, createScopedElement(Icon24Chevron, null)));
-};
+}; // eslint-disable-next-line import/no-default-export
 export default HorizontalScrollArrow;
 //# sourceMappingURL=HorizontalScrollArrow.js.map

package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"names":["Icon24Chevron","usePlatform","getClassName","classNames","Tappable","HorizontalScrollArrow","onClick","direction","platform"],"mappings":";AACA,SAASA,aAAT,QAA8B,kBAA9B;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,OAAOC,QAAP;;AAQA,IAAMC,qBAA2D,GAAG,SAA9DA,qBAA8D,OAGlC;AAAA,MAFhCC,OAEgC,QAFhCA,OAEgC;AAAA,MADhCC,SACgC,QADhCA,SACgC;AAChC,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,QAAQ,EAAE,KAFZ;AAGE,IAAA,SAAS,EAAE,KAHb;AAIE,IAAA,SAAS,EAAEE,UAAU,CACnBD,YAAY,CAAC,uBAAD,EAA0BM,QAA1B,CADO,mCAEOD,SAFP,EAJvB;AAQE,IAAA,OAAO,EAAED;AARX,KAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACE,oBAAC,aAAD,OADF,CAVF,CADF;AAgBD,CAtBD~~;;AAwBA~~,eAAeD,qBAAf","sourcesContent":["import * as React from \"react\";\nimport { Icon24Chevron } from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport Tappable from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n onClick: () => void;\n direction: \"left\" \| \"right\";\n}\n\nconst HorizontalScrollArrow: React.FC<HorizontalScrollArrowProps> = ({\n onClick,\n direction,\n}: HorizontalScrollArrowProps) => {\n const platform = usePlatform();\n\n return (\n <Tappable\n Component=\"button\"\n hasHover={false}\n hasActive={false}\n vkuiClass={classNames(\n getClassName(\"HorizontalScrollArrow\", platform),\n `HorizontalScrollArrow--${direction}`\n )}\n onClick={onClick}\n >\n <span vkuiClass=\"HorizontalScrollArrow__icon\">\n <Icon24Chevron />\n </span>\n </Tappable>\n );\n};\n\nexport default HorizontalScrollArrow;\n"],"file":"HorizontalScrollArrow.js"}
1	+ {"version":3,"sources":["../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"names":["Icon24Chevron","usePlatform","getClassName","classNames","Tappable","HorizontalScrollArrow","onClick","direction","platform"],"mappings":";AACA,SAASA,aAAT,QAA8B,kBAA9B;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,OAAOC,QAAP;;AAQA,IAAMC,qBAA2D,GAAG,SAA9DA,qBAA8D,OAGlC;AAAA,MAFhCC,OAEgC,QAFhCA,OAEgC;AAAA,MADhCC,SACgC,QADhCA,SACgC;AAChC,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,QAAQ,EAAE,KAFZ;AAGE,IAAA,SAAS,EAAE,KAHb;AAIE,IAAA,SAAS,EAAEE,UAAU,CACnBD,YAAY,CAAC,uBAAD,EAA0BM,QAA1B,CADO,mCAEOD,SAFP,EAJvB;AAQE,IAAA,OAAO,EAAED;AARX,KAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACE,oBAAC,aAAD,OADF,CAVF,CADF;AAgBD,CAtBD,C,CAwBA;;;AACA,eAAeD,qBAAf","sourcesContent":["import * as React from \"react\";\nimport { Icon24Chevron } from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport Tappable from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n onClick: () => void;\n direction: \"left\" \| \"right\";\n}\n\nconst HorizontalScrollArrow: React.FC<HorizontalScrollArrowProps> = ({\n onClick,\n direction,\n}: HorizontalScrollArrowProps) => {\n const platform = usePlatform();\n\n return (\n <Tappable\n Component=\"button\"\n hasHover={false}\n hasActive={false}\n vkuiClass={classNames(\n getClassName(\"HorizontalScrollArrow\", platform),\n `HorizontalScrollArrow--${direction}`\n )}\n onClick={onClick}\n >\n <span vkuiClass=\"HorizontalScrollArrow__icon\">\n <Icon24Chevron />\n </span>\n </Tappable>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default HorizontalScrollArrow;\n"],"file":"HorizontalScrollArrow.js"}

package/dist/components/HoverPopper/HoverPopper.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export interface HoverPopperProps extends PopperCommonProps {
      */
     content?: React.ReactNode;
     /**
-     * Если передан, то тултип будет показыван/скрыт в зависимости от значения свойства
+     * Если передан, то тултип будет показан/скрыт в зависимости от значения свойства
      */
     shown?: boolean;
     /**

package/dist/components/HoverPopper/HoverPopper.js CHANGED Viewed

@@ -15,7 +15,8 @@ export var HoverPopper = function HoverPopper(_ref) {
       children = _ref.children,
       onShownChange = _ref.onShownChange,
       _shown = _ref.shown,
-      showDelay = _ref.showDelay,
+      _ref$showDelay = _ref.showDelay,
+      showDelay = _ref$showDelay === void 0 ? 150 : _ref$showDelay,
       _ref$hideDelay = _ref.hideDelay,
       hideDelay = _ref$hideDelay === void 0 ? 150 : _ref$hideDelay,
       restProps = _objectWithoutProperties(_ref, _excluded);
@@ -60,8 +61,10 @@ export var HoverPopper = function HoverPopper(_ref) {
   var targetEnterListener = useEventListener("pointerenter", onTargetEnter);
   var targetLeaveListener = useEventListener("pointerleave", onTargetLeave);
   useIsomorphicLayoutEffect(function () {
-    targetEnterListener.add(childRef.current);
-    targetLeaveListener.add(childRef.current);
+    if (childRef.current) {
+      targetEnterListener.add(childRef.current);
+      targetLeaveListener.add(childRef.current);
+    }
   }, []);
   return createScopedElement(React.Fragment, null, child, shown && createScopedElement(Popper, _extends({}, restProps, {
     onMouseOver: hideTimeout.clear,

package/dist/components/HoverPopper/HoverPopper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/HoverPopper/HoverPopper.tsx"],"names":["React","Popper","useEventListener","useTimeout","usePatchChildrenRef","useIsomorphicLayoutEffect","HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","useState","computedShown","setComputedShown","setShown","value","showTimeout","hideTimeout","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","targetLeaveListener","~~add~~","~~current~~"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,gBAAT;AACA,SAASC,UAAT;AACA,SAASC,mBAAT;AACA,SAASC,yBAAT;AA6BA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAS/B;AAAA,MARtBC,MAQsB,QARtBA,MAQsB;AAAA,MAPtBC,OAOsB,QAPtBA,OAOsB;AAAA,MANtBC,QAMsB,QANtBA,QAMsB;AAAA,MALtBC,aAKsB,QALtBA,aAKsB;AAAA,MAJfC,MAIe,QAJtBC,KAIsB;AAAA,~~MAHtBC~~,SAGsB,~~QAHtBA~~,SAGsB;AAAA,4BAFtBC,SAEsB;AAAA,MAFtBA,SAEsB,+BAFV,GAEU;AAAA,MADnBC,SACmB;;AACtB,wBAA0Cf,KAAK,CAACgB,QAAN,CAAeL,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOM,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMN,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCM,aAArD;;AAEA,MAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOT,MAAP,KAAkB,SAAtB,EAAiC;AAC/BO,MAAAA,gBAAgB,CAACE,KAAD,CAAhB;AACD;;AACD,WAAOV,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACU,KAAD,CAApD;AACD,GALD;;AAOA,MAAMC,WAAW,GAAGlB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAF6B,EAE3BN,SAF2B,CAA9B;AAIA,MAAMS,WAAW,GAAGnB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAF6B,EAE3BL,SAF2B,CAA9B;;AAIA,6BAA0BV,mBAAmB,CAACK,QAAD,CAA7C;AAAA;AAAA,MAAOc,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BH,IAAAA,WAAW,CAACI,KAAZ;AACAL,IAAAA,WAAW,CAACM,GAAZ;AACD,GAHD;;AAKA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BP,IAAAA,WAAW,CAACK,KAAZ;AACAJ,IAAAA,WAAW,CAACK,GAAZ;AACD,GAHD;;AAKA,MAAME,mBAAmB,GAAG3B,gBAAgB,CAAC,cAAD,EAAiBuB,aAAjB,CAA5C;AACA,MAAMK,mBAAmB,GAAG5B,gBAAgB,CAAC,cAAD,EAAiB0B,aAAjB,CAA5C;AAEAvB,EAAAA,yBAAyB,CAAC,YAAM;~~AAC9BwB~~,~~IAAAA~~,mBAAmB,~~CAACE~~,GAApB,~~CAAwBR~~,QAAQ,~~CAACS~~,OAAjC;~~AACAF~~,~~IAAAA~~,mBAAmB,~~CAACC~~,GAApB,~~CAAwBR~~,QAAQ,~~CAACS~~,OAAjC;AACD,~~GAHwB~~,~~EAGtB~~,~~EAHsB~~,CAAzB;~~AAKA~~,SACE,oBAAC,KAAD,CAAO,QAAP,~~QACGR~~,KADH,EAEGZ,KAAK,IACJ,oBAAC,MAAD,eACMG,SADN;AAEE,IAAA,WAAW,EAAEO,WAAW,CAACI,KAF3B;AAGE,IAAA,UAAU,EAAEE,aAHd;AAIE,IAAA,MAAM,EAAErB,MAJV;AAKE,IAAA,SAAS,EAAEgB;AALb,MAOGf,OAPH,CAHJ,CADF;AAgBD,~~CAjEM~~","sourcesContent":["import * as React from \"react\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface HoverPopperProps extends PopperCommonProps {\n /*\n Содержимое тултипа\n /\n content?: React.ReactNode;\n /\n Если передан, то тултип будет ~~показыван/скрыт~~ в зависимости от значения свойства\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости тултипа\n /\n onShownChange?: (shown: boolean) => void;\n /\n Количество миллисекунд, после которых произойдет показ дропдауна\n /\n showDelay?: number;\n /\n Количество миллисекунд, после которых произойдет скрытие дропдауна\n /\n hideDelay?: number;\n /\n Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n */\n children?: React.ReactElement;\n}\n\nexport const HoverPopper: React.FC<HoverPopperProps> = ({\n getRef,\n content,\n children,\n onShownChange,\n shown: _shown,\n showDelay,\n hideDelay = 150,\n ...restProps\n}: HoverPopperProps) => {\n const [computedShown, setComputedShown] = React.useState(_shown \|\| false);\n\n const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n const setShown = (value: boolean) => {\n if (typeof _shown !== \"boolean\") {\n setComputedShown(value);\n }\n typeof onShownChange === \"function\" && onShownChange(value);\n };\n\n const showTimeout = useTimeout(() => {\n setShown(true);\n }, showDelay);\n\n const hideTimeout = useTimeout(() => {\n setShown(false);\n }, hideDelay);\n\n const [childRef, child] = usePatchChildrenRef(children);\n\n const onTargetEnter = () => {\n hideTimeout.clear();\n showTimeout.set();\n };\n\n const onTargetLeave = () => {\n showTimeout.clear();\n hideTimeout.set();\n };\n\n const targetEnterListener = useEventListener(\"pointerenter\", onTargetEnter);\n const targetLeaveListener = useEventListener(\"pointerleave\", onTargetLeave);\n\n useIsomorphicLayoutEffect(() => {\n targetEnterListener.add(childRef.current);\n targetLeaveListener.add(childRef.current);\n }, []);\n\n return (\n <React.Fragment>\n {child}\n {shown && (\n <Popper\n {...restProps}\n onMouseOver={hideTimeout.clear}\n onMouseOut={onTargetLeave}\n getRef={getRef}\n targetRef={childRef}\n >\n {content}\n </Popper>\n )}\n </React.Fragment>\n );\n};\n"],"file":"HoverPopper.js"}
1	+ {"version":3,"sources":["../../../src/components/HoverPopper/HoverPopper.tsx"],"names":["React","Popper","useEventListener","useTimeout","usePatchChildrenRef","useIsomorphicLayoutEffect","HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","useState","computedShown","setComputedShown","setShown","value","showTimeout","hideTimeout","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","targetLeaveListener","current","add"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,gBAAT;AACA,SAASC,UAAT;AACA,SAASC,mBAAT;AACA,SAASC,yBAAT;AA6BA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAS/B;AAAA,MARtBC,MAQsB,QARtBA,MAQsB;AAAA,MAPtBC,OAOsB,QAPtBA,OAOsB;AAAA,MANtBC,QAMsB,QANtBA,QAMsB;AAAA,MALtBC,aAKsB,QALtBA,aAKsB;AAAA,MAJfC,MAIe,QAJtBC,KAIsB;AAAA,4BAHtBC,SAGsB;AAAA,MAHtBA,SAGsB,+BAHV,GAGU;AAAA,4BAFtBC,SAEsB;AAAA,MAFtBA,SAEsB,+BAFV,GAEU;AAAA,MADnBC,SACmB;;AACtB,wBAA0Cf,KAAK,CAACgB,QAAN,CAAeL,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOM,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMN,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCM,aAArD;;AAEA,MAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOT,MAAP,KAAkB,SAAtB,EAAiC;AAC/BO,MAAAA,gBAAgB,CAACE,KAAD,CAAhB;AACD;;AACD,WAAOV,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACU,KAAD,CAApD;AACD,GALD;;AAOA,MAAMC,WAAW,GAAGlB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAF6B,EAE3BN,SAF2B,CAA9B;AAIA,MAAMS,WAAW,GAAGnB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAF6B,EAE3BL,SAF2B,CAA9B;;AAIA,6BAA0BV,mBAAmB,CAACK,QAAD,CAA7C;AAAA;AAAA,MAAOc,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BH,IAAAA,WAAW,CAACI,KAAZ;AACAL,IAAAA,WAAW,CAACM,GAAZ;AACD,GAHD;;AAKA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BP,IAAAA,WAAW,CAACK,KAAZ;AACAJ,IAAAA,WAAW,CAACK,GAAZ;AACD,GAHD;;AAKA,MAAME,mBAAmB,GAAG3B,gBAAgB,CAAC,cAAD,EAAiBuB,aAAjB,CAA5C;AACA,MAAMK,mBAAmB,GAAG5B,gBAAgB,CAAC,cAAD,EAAiB0B,aAAjB,CAA5C;AAEAvB,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAIkB,QAAQ,CAACQ,OAAb,EAAsB;AACpBF,MAAAA,mBAAmB,CAACG,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACAD,MAAAA,mBAAmB,CAACE,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACD;AACF,GALwB,EAKtB,EALsB,CAAzB;AAOA,SACE,oBAAC,KAAD,CAAO,QAAP,QACGP,KADH,EAEGZ,KAAK,IACJ,oBAAC,MAAD,eACMG,SADN;AAEE,IAAA,WAAW,EAAEO,WAAW,CAACI,KAF3B;AAGE,IAAA,UAAU,EAAEE,aAHd;AAIE,IAAA,MAAM,EAAErB,MAJV;AAKE,IAAA,SAAS,EAAEgB;AALb,MAOGf,OAPH,CAHJ,CADF;AAgBD,CAnEM","sourcesContent":["import * as React from \"react\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface HoverPopperProps extends PopperCommonProps {\n /*\n Содержимое тултипа\n /\n content?: React.ReactNode;\n /\n Если передан, то тултип будет показан/скрыт в зависимости от значения свойства\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости тултипа\n /\n onShownChange?: (shown: boolean) => void;\n /\n Количество миллисекунд, после которых произойдет показ дропдауна\n /\n showDelay?: number;\n /\n Количество миллисекунд, после которых произойдет скрытие дропдауна\n /\n hideDelay?: number;\n /\n Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n */\n children?: React.ReactElement;\n}\n\nexport const HoverPopper: React.FC<HoverPopperProps> = ({\n getRef,\n content,\n children,\n onShownChange,\n shown: _shown,\n showDelay = 150,\n hideDelay = 150,\n ...restProps\n}: HoverPopperProps) => {\n const [computedShown, setComputedShown] = React.useState(_shown \|\| false);\n\n const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n const setShown = (value: boolean) => {\n if (typeof _shown !== \"boolean\") {\n setComputedShown(value);\n }\n typeof onShownChange === \"function\" && onShownChange(value);\n };\n\n const showTimeout = useTimeout(() => {\n setShown(true);\n }, showDelay);\n\n const hideTimeout = useTimeout(() => {\n setShown(false);\n }, hideDelay);\n\n const [childRef, child] = usePatchChildrenRef(children);\n\n const onTargetEnter = () => {\n hideTimeout.clear();\n showTimeout.set();\n };\n\n const onTargetLeave = () => {\n showTimeout.clear();\n hideTimeout.set();\n };\n\n const targetEnterListener = useEventListener(\"pointerenter\", onTargetEnter);\n const targetLeaveListener = useEventListener(\"pointerleave\", onTargetLeave);\n\n useIsomorphicLayoutEffect(() => {\n if (childRef.current) {\n targetEnterListener.add(childRef.current);\n targetLeaveListener.add(childRef.current);\n }\n }, []);\n\n return (\n <React.Fragment>\n {child}\n {shown && (\n <Popper\n {...restProps}\n onMouseOver={hideTimeout.clear}\n onMouseOut={onTargetLeave}\n getRef={getRef}\n targetRef={childRef}\n >\n {content}\n </Popper>\n )}\n </React.Fragment>\n );\n};\n"],"file":"HoverPopper.js"}

package/dist/components/IconButton/IconButton.d.ts CHANGED Viewed

@@ -7,5 +7,5 @@ export interface IconButtonProps extends TappableProps {
      */
     icon?: React.ReactNode;
 }
-declare const _default: React.FC<IconButtonProps>;
+declare const _default: React.FC<Pick<IconButtonProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "icon" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "scheme" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
 export default _default;

package/dist/components/IconButton/IconButton.js CHANGED Viewed

@@ -27,7 +27,8 @@ var IconButton = function IconButton(_ref) {
 IconButton.defaultProps = {
   Component: "button"
-};
+}; // eslint-disable-next-line import/no-default-export
 export default withAdaptivity(IconButton, {
   sizeY: true
 });