npm - @vkontakte/vkui - Versions diffs - 4.31.0 → 4.32.0 - Mend

@vkontakte/vkui 4.31.0 → 4.32.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 (1669) hide show

package/dist/cjs/components/UsersStack/UsersStack.js CHANGED Viewed

@@ -37,6 +37,9 @@ var _dom = require("../../lib/dom");
 var _excluded = ["photos", "visibleCount", "size", "layout", "children"];
+/**
+ * @see https://vkcom.github.io/VKUI/#/UsersStack
+ */
 var UsersStack = function UsersStack(props) {
   var platform = (0, _usePlatform.usePlatform)();
   var _props$photos = props.photos,

package/dist/cjs/components/UsersStack/UsersStack.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":["UsersStack","props","platform","photos","visibleCount","size","layout","children","restProps","document","othersCount","Math","max","length","canShowOthers","photosShown","slice","map","photo","i","backgroundImage","defaultProps","React","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAuBA,IAAMA,UAAqC,GAAG,SAAxCA,UAAwC,CAACC,KAAD,EAA4B;AACxE,MAAMC,QAAQ,GAAG,+BAAjB;AACA,sBAOID,KAPJ,CACEE,MADF;AAAA,MACEA,MADF,8BACW,EADX;AAAA,4BAOIF,KAPJ,CAEEG,YAFF;AAAA,MAEEA,YAFF,oCAEiB,CAFjB;AAAA,MAGEC,IAHF,GAOIJ,KAPJ,CAGEI,IAHF;AAAA,MAIEC,MAJF,GAOIL,KAPJ,CAIEK,MAJF;AAAA,MAKEC,QALF,GAOIN,KAPJ,CAKEM,QALF;AAAA,MAMKC,SANL,0CAOIP,KAPJ;;AAQA,gBAAqB,kBAArB;AAAA,MAAQQ,QAAR,WAAQA,QAAR;;AAEA,4DAA0B,YAAM;AAC9B,4BAAYA,QAAZ;AACD,GAFD,EAEG,CAACA,QAAD,CAFH;AAIA,MAAMC,WAAW,GAAGC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYT,MAAM,CAACU,MAAP,GAAgBT,YAA5B,CAApB;AACA,MAAMU,aAAa,GAAGJ,WAAW,GAAG,CAAd,IAAmBL,IAAI,KAAK,GAAlD;AAEA,MAAMU,WAAW,GAAGZ,MAAM,CAACa,KAAP,CAAa,CAAb,EAAgBZ,YAAhB,CAApB;AAEA,SACE,uEACMI,SADN;AAEE;AACA,IAAA,SAAS,EAAE,4BACT,gCAAa,YAAb,EAA2BN,QAA3B,CADS,6BAEWG,IAFX,2BAGQC,MAHR,GAIT;AACE,4BAAsBQ;AADxB,KAJS;AAHb,MAYE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,IAAI,EAAC;AAAzC,KACGC,WAAW,CAACE,GAAZ,CAAgB,UAACC,KAAD,EAAQC,CAAR;AAAA,WACf;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,mBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,gBAASF,KAAT;AAAjB;AAHT,MADe;AAAA,GAAhB,CADH,EASGJ,aAAa,IACZ,qCAAC,gBAAD;AACE,IAAA,MAAM,EAAC,GADT;AAEE,IAAA,SAAS,EAAC,6CAFZ;AAGE,mBAAY;AAHd,KAKE,wDAAQJ,WAAR,CALF,CAVJ,CAZF,EA+BG,yBAAaH,QAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,QADH,CAhCJ,CADF;AAuCD,CA5DD;;AA8DAP,UAAU,CAACqB,YAAX,GAA0B;AACxBlB,EAAAA,MAAM,EAAE,EADgB;AAExBE,EAAAA,IAAI,EAAE,GAFkB;AAGxBD,EAAAA,YAAY,EAAE,CAHU;AAIxBE,EAAAA,MAAM,EAAE;AAJgB,CAA1B,C,CAOA;;4BACegB,KAAK,CAACC,IAAN,CAAWvB,UAAX,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { createMasks } from \"./masks\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Массив ссылок на фотографии\n /\n photos?: string[];\n /\n Размер аватарок\n /\n size?: \"xs\" \| \"s\" \| \"m\";\n /\n Вертикальный режим рекомендуется использовать с размером `m`\n /\n layout?: \"vertical\" \| \"horizontal\";\n /\n Количество аватарок, которые будут показаны.\n * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n */\n visibleCount?: number;\n}\n\nconst UsersStack: React.FC<UsersStackProps> = (props: UsersStackProps) => {\n const platform = usePlatform();\n const {\n photos = [],\n visibleCount = 0,\n size,\n layout,\n children,\n ...restProps\n } = props;\n const { document } = useDOM();\n\n useIsomorphicLayoutEffect(() => {\n createMasks(document);\n }, [document]);\n\n const othersCount = Math.max(0, photos.length - visibleCount);\n const canShowOthers = othersCount > 0 && size === \"m\";\n\n const photosShown = photos.slice(0, visibleCount);\n\n return (\n <div\n {...restProps}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\n getClassName(\"UsersStack\", platform),\n `UsersStack--size-${size}`,\n `UsersStack--l-${layout}`,\n {\n \"UsersStack--others\": canShowOthers,\n }\n )}\n >\n <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n {photosShown.map((photo, i) => (\n <div\n key={i}\n vkuiClass=\"UsersStack__photo\"\n style={{ backgroundImage: `url(${photo})` }}\n />\n ))}\n\n {canShowOthers && (\n <Caption\n weight=\"1\"\n vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n aria-hidden=\"true\"\n >\n <span>+{othersCount}</span>\n </Caption>\n )}\n </div>\n {hasReactNode(children) && (\n <Subhead Component=\"span\" vkuiClass=\"UsersStack__text\">\n {children}\n </Subhead>\n )}\n </div>\n );\n};\n\nUsersStack.defaultProps = {\n photos: [],\n size: \"s\",\n visibleCount: 3,\n layout: \"horizontal\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(UsersStack);\n"],"file":"UsersStack.js"}
1	+ {"version":3,"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":["UsersStack","props","platform","photos","visibleCount","size","layout","children","restProps","document","othersCount","Math","max","length","canShowOthers","photosShown","slice","map","photo","i","backgroundImage","defaultProps","React","memo"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAuBA;AACA;AACA;AACA,IAAMA,UAAqC,GAAG,SAAxCA,UAAwC,CAACC,KAAD,EAA4B;AACxE,MAAMC,QAAQ,GAAG,+BAAjB;AACA,sBAOID,KAPJ,CACEE,MADF;AAAA,MACEA,MADF,8BACW,EADX;AAAA,4BAOIF,KAPJ,CAEEG,YAFF;AAAA,MAEEA,YAFF,oCAEiB,CAFjB;AAAA,MAGEC,IAHF,GAOIJ,KAPJ,CAGEI,IAHF;AAAA,MAIEC,MAJF,GAOIL,KAPJ,CAIEK,MAJF;AAAA,MAKEC,QALF,GAOIN,KAPJ,CAKEM,QALF;AAAA,MAMKC,SANL,0CAOIP,KAPJ;;AAQA,gBAAqB,kBAArB;AAAA,MAAQQ,QAAR,WAAQA,QAAR;;AAEA,4DAA0B,YAAM;AAC9B,4BAAYA,QAAZ;AACD,GAFD,EAEG,CAACA,QAAD,CAFH;AAIA,MAAMC,WAAW,GAAGC,IAAI,CAACC,GAAL,CAAS,CAAT,EAAYT,MAAM,CAACU,MAAP,GAAgBT,YAA5B,CAApB;AACA,MAAMU,aAAa,GAAGJ,WAAW,GAAG,CAAd,IAAmBL,IAAI,KAAK,GAAlD;AAEA,MAAMU,WAAW,GAAGZ,MAAM,CAACa,KAAP,CAAa,CAAb,EAAgBZ,YAAhB,CAApB;AAEA,SACE,uEACMI,SADN;AAEE;AACA,IAAA,SAAS,EAAE,4BACT,gCAAa,YAAb,EAA2BN,QAA3B,CADS,6BAEWG,IAFX,2BAGQC,MAHR,GAIT;AACE,4BAAsBQ;AADxB,KAJS;AAHb,MAYE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,IAAI,EAAC;AAAzC,KACGC,WAAW,CAACE,GAAZ,CAAgB,UAACC,KAAD,EAAQC,CAAR;AAAA,WACf;AACE,MAAA,GAAG,EAAEA,CADP;AAEE,MAAA,SAAS,EAAC,mBAFZ;AAGE,MAAA,KAAK,EAAE;AAAEC,QAAAA,eAAe,gBAASF,KAAT;AAAjB;AAHT,MADe;AAAA,GAAhB,CADH,EASGJ,aAAa,IACZ,qCAAC,gBAAD;AACE,IAAA,MAAM,EAAC,GADT;AAEE,IAAA,SAAS,EAAC,6CAFZ;AAGE,mBAAY;AAHd,KAKE,wDAAQJ,WAAR,CALF,CAVJ,CAZF,EA+BG,yBAAaH,QAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC;AAApC,KACGA,QADH,CAhCJ,CADF;AAuCD,CA5DD;;AA8DAP,UAAU,CAACqB,YAAX,GAA0B;AACxBlB,EAAAA,MAAM,EAAE,EADgB;AAExBE,EAAAA,IAAI,EAAE,GAFkB;AAGxBD,EAAAA,YAAY,EAAE,CAHU;AAIxBE,EAAAA,MAAM,EAAE;AAJgB,CAA1B,C,CAOA;;4BACegB,KAAK,CAACC,IAAN,CAAWvB,UAAX,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { createMasks } from \"./masks\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Массив ссылок на фотографии\n /\n photos?: string[];\n /\n Размер аватарок\n /\n size?: \"xs\" \| \"s\" \| \"m\";\n /\n Вертикальный режим рекомендуется использовать с размером `m`\n /\n layout?: \"vertical\" \| \"horizontal\";\n /\n Количество аватарок, которые будут показаны.\n * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n /\n visibleCount?: number;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/UsersStack\n */\nconst UsersStack: React.FC<UsersStackProps> = (props: UsersStackProps) => {\n const platform = usePlatform();\n const {\n photos = [],\n visibleCount = 0,\n size,\n layout,\n children,\n ...restProps\n } = props;\n const { document } = useDOM();\n\n useIsomorphicLayoutEffect(() => {\n createMasks(document);\n }, [document]);\n\n const othersCount = Math.max(0, photos.length - visibleCount);\n const canShowOthers = othersCount > 0 && size === \"m\";\n\n const photosShown = photos.slice(0, visibleCount);\n\n return (\n <div\n {...restProps}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\n getClassName(\"UsersStack\", platform),\n `UsersStack--size-${size}`,\n `UsersStack--l-${layout}`,\n {\n \"UsersStack--others\": canShowOthers,\n }\n )}\n >\n <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n {photosShown.map((photo, i) => (\n <div\n key={i}\n vkuiClass=\"UsersStack__photo\"\n style={{ backgroundImage: `url(${photo})` }}\n />\n ))}\n\n {canShowOthers && (\n <Caption\n weight=\"1\"\n vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n aria-hidden=\"true\"\n >\n <span>+{othersCount}</span>\n </Caption>\n )}\n </div>\n {hasReactNode(children) && (\n <Subhead Component=\"span\" vkuiClass=\"UsersStack__text\">\n {children}\n </Subhead>\n )}\n </div>\n );\n};\n\nUsersStack.defaultProps = {\n photos: [],\n size: \"s\",\n visibleCount: 3,\n layout: \"horizontal\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default React.memo(UsersStack);\n"],"file":"UsersStack.js"}

package/dist/cjs/components/View/View.js CHANGED Viewed

@@ -72,6 +72,9 @@ var SwipeBackResults;
 var scrollsCache = {};
 exports.scrollsCache = scrollsCache;
 var warn = (0, _warnOnce.warnOnce)("View");
+/**
+ * @see https://vkcom.github.io/VKUI/#/View
+ */
 var View = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(View, _React$Component);

package/dist/cjs/components/View/View.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/View/View.tsx"],"names":["SwipeBackResults","scrollsCache","warn","View","props","undefined","e","includes","animationName","state","prevPanel","flushTransition","Boolean","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","platform","configProvider","IOS","isWebView","startX","window","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","activePanel","scrolls","scroll","getScroll","y","swipebackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","nextPanel","document","React","Children","toArray","children","process","env","NODE_ENV","popout","modal","id","animationFinishTimeout","clearTimeout","prevProps","prevState","blurActiveElement","firstLayerId","panels","map","panel","find","shouldDisableTransitionMotion","animationEvent","supported","setTimeout","transitionEndHandler","ANDROID","VKCOM","scrollTo","onTransition","from","to","onSwipeBackStart","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","transitionEvent","name","removeEventListener","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","restProps","hasPopout","hasModal","filter","disableAnimation","modifiers","onMoveX","onEnd","isTransitionTarget","compensateScroll","el","calcPanelSwipeStyles","marginTop","Component","SplitColContext","ConfigProviderContext","ScrollContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AACA;;AACA;;;IAGKA,gB;;WAAAA,gB;AAAAA,EAAAA,gB,CAAAA,gB;AAAAA,EAAAA,gB,CAAAA,gB;GAAAA,gB,KAAAA,gB;;AAeE,IAAIC,YAA0B,GAAG,EAAjC;;AAkEP,IAAMC,IAAI,GAAG,wBAAS,MAAT,CAAb;;IACMC,I;;;;;AACJ,gBAAYC,KAAZ,EAA8B;AAAA;;AAAA;AAC5B,8BAAMA,KAAN;AAD4B,0FA2BHH,YAAY,CAAC,wBAAS,MAAKG,KAAd,CAAD,CAAZ,IAAgD,EA3B7C;AAAA,0GA4BwBC,SA5BxB;AAAA,yGA6BuBA,SA7BvB;AAAA,6FA2CwB,EA3CxB;AAAA,uGAqQP,UAACC,CAAD,EAAoC;AACzD,UACE,CAAC,CAACA,CAAD,IACC,CACE,iCADF,EAEE,8BAFF,EAGE,kCAHF,EAIE,+BAJF,EAKEC,QALF,CAKWD,CAAC,CAACE,aALb,CADF,KAOA,MAAKC,KAAL,CAAWC,SAAX,KAAyB,IAR3B,EASE;AACA,cAAKC,eAAL,CAAqB,MAAKF,KAAL,CAAWC,SAAhC,EAA2CE,OAAO,CAAC,MAAKH,KAAL,CAAWI,MAAZ,CAAlD;AACD;AACF,KAlR6B;AAAA,kHAoRI,UAACP,CAAD,EAA+B;AAC/D;AACA,UACE,CAACA,CAAD,IACCA,CAAC,SAAD,IAAAA,CAAC,WAAD,IAAAA,CAAC,CAAEQ,YAAH,CAAgBP,QAAhB,CAAyB,WAAzB,KACC,CAAAD,CAAC,SAAD,IAAAA,CAAC,WAAD,YAAAA,CAAC,CAAES,MAAH,MAAc,MAAKC,SAAL,CAAe,MAAKP,KAAL,CAAWQ,kBAA1B,CAHlB,EAIE;AACA,gBAAQ,MAAKR,KAAL,CAAWS,eAAnB;AACE,eAAKlB,gBAAgB,CAACmB,IAAtB;AACE,kBAAKC,iBAAL;;AACA;;AACF,eAAKpB,gBAAgB,CAACqB,OAAtB;AACE,kBAAKC,kBAAL;;AALJ;AAOD;AACF,KAnS6B;AAAA,0FAqTpB,UAAChB,CAAD,EAAyB;AACjC,UAAI,8BAAkBA,CAAlB,CAAJ,EAA0B;AACxB;AACD;;AAED,wBAAqC,MAAKF,KAA1C;AAAA,UAAQmB,QAAR,eAAQA,QAAR;AAAA,UAAkBC,cAAlB,eAAkBA,cAAlB;;AAEA,UACED,QAAQ,KAAKE,aAAb,IACA,EAACD,cAAD,aAACA,cAAD,eAACA,cAAc,CAAEE,SAAjB,CADA,KAECpB,CAAC,CAACqB,MAAF,IAAY,EAAZ,IAAkBrB,CAAC,CAACqB,MAAF,IAAY,MAAKC,MAAL,CAAaC,UAAb,GAA0B,EAFzD,KAGA,CAAC,MAAKpB,KAAL,CAAWqB,YAJd,EAKE;AACA,cAAKC,QAAL,CAAc;AAAED,UAAAA,YAAY,EAAE;AAAhB,SAAd;AACD;;AAED,UACEP,QAAQ,KAAKE,aAAb,IACAD,cADA,aACAA,cADA,eACAA,cAAc,CAAEE,SADhB,IAEA,MAAKtB,KAAL,CAAW4B,WAHb,EAIE;AAAA;;AACA,YAAK,MAAKvB,KAAL,CAAWwB,QAAX,IAAuB3B,CAAC,CAACqB,MAAF,IAAY,EAApC,IAA2C,CAAC,MAAKC,MAArD,EAA6D;AAC3D;AACD;;AAED,YACEtB,CAAC,CAACqB,MAAF,IAAY,EAAZ,IACA,CAAC,MAAKlB,KAAL,CAAWyB,WADZ,IAEA,iDAAC,MAAK9B,KAAL,CAAW+B,OAAZ,wDAAC,oBAAoBC,MAArB,yEAA+B,CAA/B,IAAoC,CAHtC,EAIE;AACA,cAAI,MAAK3B,KAAL,CAAW4B,WAAX,KAA2B,IAA/B,EAAqC;AAAA;;AACnC,kBAAKC,OAAL,CAAa,MAAK7B,KAAL,CAAW4B,WAAxB,0BACE,MAAKjC,KAAL,CAAWmC,MADb,uDACE,mBAAmBC,SAAnB,GAA+BC,CADjC;AAED;;AACD,gBAAKV,QAAL,CAAc;AACZG,YAAAA,WAAW,EAAE,IADD;AAEZQ,YAAAA,eAAe,EAAEpC,CAAC,CAACqB,MAFP;AAGZgB,YAAAA,kBAAkB,EAAE,MAAKlC,KAAL,CAAW4B,WAHnB;AAIZpB,YAAAA,kBAAkB,EAAE,MAAKb,KAAL,CAAW+B,OAAX,CAAoBS,KAApB,CAA0B,CAAC,CAA3B,EAA8B,CAA9B;AAJR,WAAd;AAMD;;AACD,YAAI,MAAKnC,KAAL,CAAWyB,WAAf,EAA4B;AAC1B,cAAIW,cAAc,GAAG,CAArB;;AACA,cAAIvC,CAAC,CAACwC,MAAF,GAAW,CAAf,EAAkB;AAChBD,YAAAA,cAAc,GAAG,CAAjB;AACD,WAFD,MAEO,IACLvC,CAAC,CAACwC,MAAF,GACA,MAAKlB,MAAL,CAAYC,UAAZ,GAAyB,MAAKpB,KAAL,CAAWiC,eAF/B,EAGL;AAAA;;AACAG,YAAAA,cAAc,mBAAG,MAAKjB,MAAR,iDAAG,aAAaC,UAA9B;AACD,WALM,MAKA;AACLgB,YAAAA,cAAc,GAAGvC,CAAC,CAACwC,MAAnB;AACD;;AACD,gBAAKf,QAAL,CAAc;AAAEc,YAAAA,cAAc,EAAdA;AAAF,WAAd;AACD;AACF;AACF,KA7W6B;AAAA,wFA+WtB,UAACvC,CAAD,EAAyB;AAC/B,UAAI,MAAKG,KAAL,CAAWyB,WAAX,IAA0B,MAAKN,MAAnC,EAA2C;AAAA;;AACzC,YAAMmB,KAAK,GAAI,MAAKtC,KAAL,CAAWoC,cAAX,GAA4BvC,CAAC,CAAC0C,QAA/B,GAA2C,IAAzD;;AACA,YAAI,MAAKvC,KAAL,CAAWoC,cAAX,KAA8B,CAAlC,EAAqC;AACnC,gBAAKzB,iBAAL;AACD,SAFD,MAEO,IAAI,MAAKX,KAAL,CAAWoC,cAAX,+CAA8B,MAAKjB,MAAnC,kDAA8B,cAAaC,UAA3C,yEAAyD,CAAzD,CAAJ,EAAiE;AACtE,gBAAKP,kBAAL;AACD,SAFM,MAEA,IACLyB,KAAK,GAAG,GAAR,IACA,MAAKtC,KAAL,CAAWiC,eAAX,GAA6B,MAAKjC,KAAL,CAAWoC,cAAxC,GACE,MAAKjB,MAAL,CAAYC,UAAZ,GAAyB,CAHtB,EAIL;AACA,gBAAKE,QAAL,CAAc;AAAEb,YAAAA,eAAe,EAAElB,gBAAgB,CAACqB;AAApC,WAAd;AACD,SANM,MAMA;AACL,gBAAKU,QAAL,CAAc;AAAEb,YAAAA,eAAe,EAAElB,gBAAgB,CAACmB;AAApC,WAAd;AACD;AACF;AACF,KAhY6B;AAG5B,UAAKV,KAAL,GAAa;AACXwB,MAAAA,QAAQ,EAAE,KADC;AAGXgB,MAAAA,aAAa,EAAE,CAAC7C,KAAK,CAACiC,WAAP,CAHJ;AAIXA,MAAAA,WAAW,EAAEjC,KAAK,CAACiC,WAJR;AAKXxB,MAAAA,MAAM,EAAER,SALG;AAMXK,MAAAA,SAAS,EAAE,IANA;AAOXwC,MAAAA,SAAS,EAAE,IAPA;AASXhB,MAAAA,WAAW,EAAE,KATF;AAUXQ,MAAAA,eAAe,EAAE,CAVN;AAWXG,MAAAA,cAAc,EAAE,CAXL;AAYX5B,MAAAA,kBAAkB,EAAE,IAZT;AAaX0B,MAAAA,kBAAkB,EAAE,IAbT;AAcXzB,MAAAA,eAAe,EAAE,IAdN;AAgBXY,MAAAA,YAAY,EAAE;AAhBH,KAAb;AAH4B;AAqB7B;;;;SAUD,eAAe;AACb,aAAO,KAAK1B,KAAL,CAAW+C,QAAlB;AACD;;;SAED,eAAa;AACX,aAAO,KAAK/C,KAAL,CAAWwB,MAAlB;AACD;;;SAED,eAAa;AACX,aAAOwB,KAAK,CAACC,QAAN,CAAeC,OAAf,CAAuB,KAAKlD,KAAL,CAAWmD,QAAlC,CAAP;AACD;;;WAID,6BAAoB;AAClB,UAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,2BAA0B,KAAKtD,KAA/B;AAAA,YAAQuD,MAAR,gBAAQA,MAAR;AAAA,YAAgBC,KAAhB,gBAAgBA,KAAhB;AACAD,QAAAA,MAAM,IACJzD,IAAI,CACF,mGADE,CADN;AAIA0D,QAAAA,KAAK,IACH1D,IAAI,CACF,kGADE,CADN;AAID;AACF;;;WAED,gCAAuB;AACrB,UAAM2D,EAAE,GAAG,wBAAS,KAAKzD,KAAd,CAAX;;AACA,UAAIyD,EAAJ,EAAQ;AACN5D,QAAAA,YAAY,CAAC4D,EAAD,CAAZ,GAAmB,KAAKvB,OAAxB;AACD;;AACD,UAAI,KAAKwB,sBAAT,EAAiC;AAC/BC,QAAAA,YAAY,CAAC,KAAKD,sBAAN,CAAZ;AACD;AACF;;;WAED,4BAAmBE,SAAnB,EAAyCC,SAAzC,EAA+D;AAAA;;AAC7D,WAAK7D,KAAL,CAAWuD,MAAX,IAAqB,CAACK,SAAS,CAACL,MAAhC,IAA0C,KAAKO,iBAAL,EAA1C;AACA,WAAK9D,KAAL,CAAWwD,KAAX,IAAoB,CAACI,SAAS,CAACJ,KAA/B,IAAwC,KAAKM,iBAAL,EAAxC,CAF6D,CAI7D;;AACA,UACEF,SAAS,CAAC3B,WAAV,KAA0B,KAAKjC,KAAL,CAAWiC,WAArC,IACA,CAAC4B,SAAS,CAAC/B,WADX,IAEA,CAAC+B,SAAS,CAACnC,YAHb,EAIE;AAAA;;AACA,YAAMqC,YAAY,GAAG,KAAKC,MAAL,CAClBC,GADkB,CACd,UAACC,KAAD;AAAA,iBAAW,wBAASA,KAAK,CAAClE,KAAf,EAAsBF,IAAtB,CAAX;AAAA,SADc,EAElBqE,IAFkB,CAGjB,UAACV,EAAD;AAAA,iBAAQA,EAAE,KAAKG,SAAS,CAAC3B,WAAjB,IAAgCwB,EAAE,KAAK,MAAI,CAACzD,KAAL,CAAWiC,WAA1D;AAAA,SAHiB,CAArB;AAMA,YAAMxB,MAAM,GAAGsD,YAAY,KAAK,KAAK/D,KAAL,CAAWiC,WAA3C;AACA,aAAKC,OAAL,CAAa0B,SAAS,CAAC3B,WAAvB,2BAAsC,KAAKjC,KAAL,CAAWmC,MAAjD,wDAAsC,oBAAmBC,SAAnB,GAA+BC,CAArE;;AAEA,YAAI,KAAK+B,6BAAL,EAAJ,EAA0C;AACxC,eAAK7D,eAAL,CAAqBqD,SAAS,CAAC3B,WAA/B,EAA4CxB,MAA5C;AACD,SAFD,MAEO;AACL,eAAKqD,iBAAL;AAEA,eAAKnC,QAAL,CAAc;AACZkB,YAAAA,aAAa,EAAE,CAACe,SAAS,CAAC3B,WAAX,EAAwB,KAAKjC,KAAL,CAAWiC,WAAnC,CADH;AAEZ3B,YAAAA,SAAS,EAAEsD,SAAS,CAAC3B,WAFT;AAGZa,YAAAA,SAAS,EAAE,KAAK9C,KAAL,CAAWiC,WAHV;AAIZA,YAAAA,WAAW,EAAE,IAJD;AAKZJ,YAAAA,QAAQ,EAAE,IALE;AAMZpB,YAAAA,MAAM,EAANA;AANY,WAAd,EAHK,CAYL;;AACA,cAAI,CAAC4D,8BAAeC,SAApB,EAA+B;AAC7B,gBAAI,KAAKZ,sBAAT,EAAiC;AAC/BC,cAAAA,YAAY,CAAC,KAAKD,sBAAN,CAAZ;AACD;;AACD,iBAAKA,sBAAL,GAA8Ba,UAAU,CACtC,KAAKC,oBADiC,EAEtC,KAAKxE,KAAL,CAAWmB,QAAX,KAAwBsD,iBAAxB,IAAmC,KAAKzE,KAAL,CAAWmB,QAAX,KAAwBuD,eAA3D,GACI,GADJ,GAEI,GAJkC,CAAxC;AAMD;AACF;AACF,OA9C4D,CAgD7D;;;AACA,UACEd,SAAS,CAAC3B,WAAV,KAA0B,KAAKjC,KAAL,CAAWiC,WAArC,IACA4B,SAAS,CAAC/B,WAFZ,EAGE;AACA,YAAMgB,SAAS,GAAG,KAAK9C,KAAL,CAAWiC,WAA7B;AACA,YAAM3B,SAAS,GAAGsD,SAAS,CAAC3B,WAA5B;;AACA,YAAI4B,SAAS,CAACtB,kBAAV,KAAiC,IAArC,EAA2C;AACzC,eAAKL,OAAL,CAAa2B,SAAS,CAACtB,kBAAvB,IAA6C,CAA7C;AACD;;AACD,aAAKZ,QAAL,CACE;AACEY,UAAAA,kBAAkB,EAAE,IADtB;AAEE1B,UAAAA,kBAAkB,EAAE,IAFtB;AAGEiB,UAAAA,WAAW,EAAE,KAHf;AAIEhB,UAAAA,eAAe,EAAE,IAJnB;AAKEwB,UAAAA,eAAe,EAAE,CALnB;AAMEG,UAAAA,cAAc,EAAE,CANlB;AAOER,UAAAA,WAAW,EAAEa,SAPf;AAQED,UAAAA,aAAa,EAAE,CAACC,SAAD;AARjB,SADF,EAWE,YAAM;AACJ,cAAI,MAAI,CAACzC,KAAL,CAAW4B,WAAX,KAA2B,IAA/B,EAAqC;AAAA;;AACnC,mCAAA,MAAI,CAACjC,KAAL,CAAWmC,MAAX,4EAAmBwC,QAAnB,CACE,CADF,EAEE,MAAI,CAACzC,OAAL,CAAa,MAAI,CAAC7B,KAAL,CAAW4B,WAAxB,CAFF;AAID;;AACD2B,UAAAA,SAAS,CAACgB,YAAV,IACEhB,SAAS,CAACgB,YAAV,CAAuB;AACrBnE,YAAAA,MAAM,EAAE,IADa;AAErBoE,YAAAA,IAAI,EAAEvE,SAFe;AAGrBwE,YAAAA,EAAE,EAAEhC;AAHiB,WAAvB,CADF;AAMD,SAxBH;AA0BD,OApF4D,CAsF7D;;;AACA,UAAI,CAACe,SAAS,CAAC/B,WAAX,IAA0B,KAAKzB,KAAL,CAAWyB,WAAzC,EAAsD;AACpD,aAAK9B,KAAL,CAAW+E,gBAAX,IAA+B,KAAK/E,KAAL,CAAW+E,gBAAX,EAA/B;AACD,OAzF4D,CA2F7D;;;AACA,UAAI,CAAClB,SAAS,CAAC/C,eAAX,IAA8B,KAAKT,KAAL,CAAWS,eAA7C,EAA8D;AAC5D,aAAKkE,oBAAL,CACE,KAAKpE,SAAL,CAAe,KAAKP,KAAL,CAAWQ,kBAA1B,CADF,EAEE,KAAKoE,+BAFP;AAID,OAjG4D,CAmG7D;;;AACA,UACEpB,SAAS,CAAC/C,eAAV,KAA8BlB,gBAAgB,CAACmB,IAA/C,IACA,CAAC,KAAKV,KAAL,CAAWS,eADZ,IAEA,KAAKT,KAAL,CAAW4B,WAAX,KAA2B,IAH7B,EAIE;AAAA;;AACA,oCAAKjC,KAAL,CAAWmC,MAAX,4EAAmBwC,QAAnB,CAA4B,CAA5B,EAA+B,KAAKzC,OAAL,CAAa,KAAK7B,KAAL,CAAW4B,WAAxB,CAA/B;AACD,OA1G4D,CA4G7D;;;AACA,UACE2B,SAAS,CAAC3B,WAAV,KAA0B,KAAKjC,KAAL,CAAWiC,WAArC,IACA,KAAK5B,KAAL,CAAWqB,YAFb,EAGE;AACA,aAAKC,QAAL,CAAc;AACZD,UAAAA,YAAY,EAAE,KADF;AAEZoB,UAAAA,SAAS,EAAE,IAFC;AAGZxC,UAAAA,SAAS,EAAE,IAHC;AAIZuB,UAAAA,QAAQ,EAAE,KAJE;AAKZgB,UAAAA,aAAa,EAAE,CAAC,KAAK7C,KAAL,CAAWiC,WAAZ,CALH;AAMZA,UAAAA,WAAW,EAAE,KAAKjC,KAAL,CAAWiC;AANZ,SAAd;AAQD;AACF;;;WAED,yCAAyC;AAAA;;AACvC,aACE,+BAAKjC,KAAL,CAAWoB,cAAX,gFAA2B8D,uBAA3B,MAAuD,KAAvD,IACA,0BAAC,KAAKlF,KAAL,CAAWmF,QAAZ,iDAAC,qBAAqBC,OAAtB,CAFF;AAID;;;WAED,8BACEC,IADF,EAEEC,YAFF,EAGQ;AACN,UAAIC,+BAAgBjB,SAAhB,IAA6BiB,+BAAgBC,IAA7C,IAAqDH,IAAzD,EAA+D;AAC7DA,QAAAA,IAAI,CAACI,mBAAL,CACEF,+BAAgBC,IADlB,EAEEF,YAFF;AAIAD,QAAAA,IAAI,CAACK,gBAAL,CACEH,+BAAgBC,IADlB,EAEEF,YAFF;AAID,OATD,MASO;AACL,YAAI,KAAKK,uBAAT,EAAkC;AAChChC,UAAAA,YAAY,CAAC,KAAKgC,uBAAN,CAAZ;AACD;;AACD,aAAKA,uBAAL,GAA+BpB,UAAU,CACvCe,YADuC,EAEvC,KAAKtF,KAAL,CAAWmB,QAAX,KAAwBsD,iBAAxB,IAAmC,KAAKzE,KAAL,CAAWmB,QAAX,KAAwBuD,eAA3D,GACI,GADJ,GAEI,GAJmC,CAAzC;AAMD;AACF;;;WAED,6BAA0B;AAAA;;AACxB,UAAI,OAAO,KAAKlD,MAAZ,KAAuB,WAAvB,sBAAsC,KAAKuB,QAA3C,2CAAsC,eAAe6C,aAAzD,EAAwE;AACrE,aAAK7C,QAAL,CAAc6C,aAAf,CAA6CC,IAA7C;AACD;AACF;;;WAED,mBAAUpC,EAAV,EAA6B;AAC3B,UAAIA,EAAE,KAAK,IAAX,EAAiB;AACf,eAAOxD,SAAP;AACD;;AACD,aAAO,KAAK6F,UAAL,CAAgBrC,EAAhB,CAAP;AACD;;;WAED,yBAAgBnD,SAAhB,EAAmCG,MAAnC,EAAoD;AAAA;;AAClD,UAAMwB,WAAW,GAAG,KAAKjC,KAAL,CAAWiC,WAA/B;;AACA,UAAIxB,MAAJ,EAAY;AACV,aAAKyB,OAAL,CAAa5B,SAAb,IAA0B,CAA1B;AACD;;AACD,WAAKqB,QAAL,CACE;AACErB,QAAAA,SAAS,EAAE,IADb;AAEEwC,QAAAA,SAAS,EAAE,IAFb;AAGED,QAAAA,aAAa,EAAE,CAACZ,WAAD,CAHjB;AAIEA,QAAAA,WAAW,EAAXA,WAJF;AAKEJ,QAAAA,QAAQ,EAAE,KALZ;AAMEpB,QAAAA,MAAM,EAAER;AANV,OADF,EASE,YAAM;AAAA;;AACJ,+BAAA,MAAI,CAACD,KAAL,CAAWmC,MAAX,4EAAmBwC,QAAnB,CAA4B,CAA5B,EAA+BlE,MAAM,GAAG,MAAI,CAACyB,OAAL,CAAaD,WAAb,CAAH,GAA+B,CAApE;AACA,QAAA,MAAI,CAACjC,KAAL,CAAW4E,YAAX,IACE,MAAI,CAAC5E,KAAL,CAAW4E,YAAX,CAAwB;AAAEnE,UAAAA,MAAM,EAANA,MAAF;AAAUoE,UAAAA,IAAI,EAAEvE,SAAhB;AAA2BwE,UAAAA,EAAE,EAAE7C;AAA/B,SAAxB,CADF;AAED,OAbH;AAeD;;;WAkCD,8BAA2B;AACzB,WAAKjC,KAAL,CAAW4B,WAAX,IAA0B,KAAK5B,KAAL,CAAW4B,WAAX,EAA1B;AACD;;;WAED,6BAA0B;AACxB,WAAK5B,KAAL,CAAWgB,iBAAX,IAAgC,KAAKhB,KAAL,CAAWgB,iBAAX,EAAhC;AACA,WAAKW,QAAL,CAAc;AACZY,QAAAA,kBAAkB,EAAE,IADR;AAEZ1B,QAAAA,kBAAkB,EAAE,IAFR;AAGZiB,QAAAA,WAAW,EAAE,KAHD;AAIZhB,QAAAA,eAAe,EAAE,IAJL;AAKZwB,QAAAA,eAAe,EAAE,CALL;AAMZG,QAAAA,cAAc,EAAE;AANJ,OAAd;AAQD;;;WA+ED,8BAAqBsD,OAArB,EAAuE;AACrE,UAAI,CAACC,cAAD,IAAc,CAAC,KAAKxE,MAAxB,EAAgC;AAC9B,eAAO,EAAP;AACD;;AAED,UAAMyE,MAAM,GAAGF,OAAO,KAAK,KAAK1F,KAAL,CAAWkC,kBAAtC;AACA,UAAM2D,MAAM,GAAGH,OAAO,KAAK,KAAK1F,KAAL,CAAWQ,kBAAtC;;AAEA,UAAK,CAACoF,MAAD,IAAW,CAACC,MAAb,IAAwB,KAAK7F,KAAL,CAAWS,eAAvC,EAAwD;AACtD,eAAO,EAAP;AACD;;AAED,UAAIqF,kBAAkB,aAAM,KAAK9F,KAAL,CAAWoC,cAAjB,OAAtB;AACA,UAAI2D,kBAAkB,aACpB,CAAC,EAAD,GAAO,KAAK/F,KAAL,CAAWoC,cAAX,GAA4B,GAA7B,GAAoC,KAAKjB,MAAL,CAAYC,UAAhD,GAA6D,CAD/C,MAAtB;AAGA,UAAI4E,eAAe,GAChB,OAAO,KAAK7E,MAAL,CAAYC,UAAZ,GAAyB,KAAKpB,KAAL,CAAWoC,cAA3C,CAAD,GACA,KAAKjB,MAAL,CAAYC,UAFd;;AAIA,UAAI,KAAKpB,KAAL,CAAWS,eAAf,EAAgC;AAC9B,eAAOmF,MAAM,GACT;AAAEK,UAAAA,SAAS,sCAA+BD,eAA/B;AAAX,SADS,GAET,EAFJ;AAGD;;AAED,UAAIH,MAAJ,EAAY;AACV,eAAO;AACLK,UAAAA,SAAS,wBAAiBH,kBAAjB,YADJ;AAELI,UAAAA,eAAe,wBAAiBJ,kBAAjB;AAFV,SAAP;AAID;;AACD,UAAIH,MAAJ,EAAY;AACV,eAAO;AACLM,UAAAA,SAAS,wBAAiBJ,kBAAjB,YADJ;AAELK,UAAAA,eAAe,wBAAiBL,kBAAjB,YAFV;AAGLG,UAAAA,SAAS,sCAA+BD,eAA/B;AAHJ,SAAP;AAKD;;AAED,aAAO,EAAP;AACD;;;WAED,kBAAS;AAAA;;AACP,yBAiBI,KAAKrG,KAjBT;AAAA,UACEuD,MADF,gBACEA,MADF;AAAA,UAEEC,KAFF,gBAEEA,KAFF;AAAA,UAGErC,QAHF,gBAGEA,QAHF;AAAA,UAIesF,EAJf,gBAIExE,WAJF;AAAA,UAKEkD,QALF,gBAKEA,QALF;AAAA,UAME/D,cANF,gBAMEA,cANF;AAAA,UAOEW,OAPF,gBAOEA,OAPF;AAAA,UAQE2E,GARF,gBAQEA,GARF;AAAA,UASE9B,YATF,gBASEA,YATF;AAAA,UAUEhD,WAVF,gBAUEA,WAVF;AAAA,UAWEmD,gBAXF,gBAWEA,gBAXF;AAAA,UAYE/D,iBAZF,gBAYEA,iBAZF;AAAA,UAaEQ,MAbF,gBAaEA,MAbF;AAAA,UAcEuB,QAdF,gBAcEA,QAdF;AAAA,UAeEZ,MAfF,gBAeEA,MAfF;AAAA,UAgBKwE,SAhBL;AAkBA,wBASI,KAAKtG,KATT;AAAA,UACEC,SADF,eACEA,SADF;AAAA,UAEEwC,SAFF,eAEEA,SAFF;AAAA,UAGEb,WAHF,eAGEA,WAHF;AAAA,UAIEM,kBAJF,eAIEA,kBAJF;AAAA,UAKE1B,kBALF,eAKEA,kBALF;AAAA,UAMEC,eANF,eAMEA,eANF;AAAA,UAOEL,MAPF,eAOEA,MAPF;AAAA,UAQEoB,QARF,eAQEA,QARF;AAWA,UAAM+E,SAAS,GAAG,CAAC,CAACrD,MAApB;AACA,UAAMsD,QAAQ,GAAG,CAAC,CAACrD,KAAnB;AAEA,UAAMQ,MAAM,GAAG,KAAKA,MAAL,CAAY8C,MAAZ,CAAmB,UAAC5C,KAAD,EAA+B;AAC/D,YAAM6B,OAAO,GAAG,wBAAS7B,KAAK,CAAClE,KAAf,EAAsBF,IAAtB,CAAhB;AAEA,eACGiG,OAAO,KAAK9F,SAAZ,IAAyB,MAAI,CAACI,KAAL,CAAWwC,aAAX,CAAyB1C,QAAzB,CAAkC4F,OAAlC,CAA1B,IACAA,OAAO,KAAKxD,kBADZ,IAEAwD,OAAO,KAAKlF,kBAHd;AAKD,OARc,CAAf;AAUA,UAAMkG,gBAAgB,GAAG,KAAK3C,6BAAL,EAAzB;AAEA,UAAM4C,SAAS,GAAG;AAChB,0BAAkB,CAACD,gBAAD,IAAqBlF,QADvB;AAEhB,8BAAsB,CAACkF,gBAAD,IAAqB,KAAK1G,KAAL,CAAWyB,WAFtC;AAGhB,2BAAmBiF;AAHH,OAAlB;AAMA,aACE,qCAAC,YAAD;AACE,QAAA,SAAS,EAAC;AADZ,SAEMJ,SAFN;AAGE,QAAA,SAAS,EAAE,4BAAW,gCAAa,MAAb,EAAqBxF,QAArB,CAAX,EAA2C6F,SAA3C,CAHb;AAIE,QAAA,OAAO,EAAE,KAAKC,OAJhB;AAKE,QAAA,KAAK,EAAE,KAAKC;AALd,UAOE;AAAK,QAAA,SAAS,EAAC;AAAf,SACGlD,MAAM,CAACC,GAAP,CAAW,UAACC,KAAD,EAA+B;AAAA;;AACzC,YAAM6B,OAAO,GAAG,wBAAS7B,KAAK,CAAClE,KAAf,EAAsBF,IAAtB,CAAhB;AACA,YAAMmG,MAAM,GACVF,OAAO,KAAKzF,SAAZ,IAAyByF,OAAO,KAAKxD,kBADvC;AAEA,YAAM4E,kBAAkB,GACtBtF,QAAQ,IAAIkE,OAAO,MAAMtF,MAAM,GAAGH,SAAH,GAAewC,SAA3B,CADrB;AAEA,YAAMsE,gBAAgB,GACpBnB,MAAM,IACNF,OAAO,KAAKlF,kBADZ,IAECkF,OAAO,KAAKjD,SAAZ,IAAyBrC,MAH5B;AAKA,eACE;AACE;AACA,UAAA,SAAS,EAAE,4BAAW,aAAX,EAA0B;AACnC,mCAAuBsF,OAAO,KAAK9D,WADA;AAEnC,iCAAqB8D,OAAO,KAAKzF,SAFE;AAGnC,iCAAqByF,OAAO,KAAKjD,SAHE;AAInC,4CACEiD,OAAO,KAAKxD,kBALqB;AAMnC,4CACEwD,OAAO,KAAKlF,kBAPqB;AAQnC,+CACEC,eAAe,KAAKlB,gBAAgB,CAACqB,OATJ;AAUnC,8CACEH,eAAe,KAAKlB,gBAAgB,CAACmB;AAXJ,WAA1B,CAFb;AAeE,UAAA,cAAc,EACZoG,kBAAkB,GAAG,MAAI,CAAC3C,oBAAR,GAA+BvE,SAhBrD;AAkBE,UAAA,GAAG,EAAE,aAACoH,EAAD;AAAA,mBACHtB,OAAO,KAAK9F,SAAZ,KAA0B,MAAI,CAAC6F,UAAL,CAAgBC,OAAhB,IAA2BsB,EAArD,CADG;AAAA,WAlBP;AAqBE,UAAA,KAAK,EAAE,MAAI,CAACC,oBAAL,CAA0BvB,OAA1B,CArBT;AAsBE,UAAA,GAAG,EAAEA;AAtBP,WAwBE;AACE,UAAA,SAAS,EAAC,gBADZ;AAEE,UAAA,KAAK,EAAE;AACLwB,YAAAA,SAAS,EAAEH,gBAAgB,GACvB,oBAAE,MAAI,CAAClF,OAAL,CAAa6D,OAAb,CAAF,2DAAqC,CAArC,CADuB,GAEvB9F;AAHC;AAFT,WAQE,qCAAC,2CAAD;AACE,UAAA,QAAQ,EACN8F,OAAO,KAAKjD,SAAZ,IAAyBiD,OAAO,KAAKlF;AAFzC,WAKGqD,KALH,CARF,CAxBF,CADF;AA2CD,OAtDA,CADH,CAPF,EAgEE,qCAAC,4BAAD,QACG0C,SAAS,IAAI;AAAK,QAAA,SAAS,EAAC;AAAf,SAA+BrD,MAA/B,CADhB,EAEGsD,QAAQ,IAAI;AAAK,QAAA,SAAS,EAAC;AAAf,SAA8BrD,KAA9B,CAFf,CAhEF,CADF;AAuED;;;EAxiBgBR,KAAK,CAACwE,S,GA2iBzB;;;8BA3iBMzH,I,kBAwBsC;AACxCgC,EAAAA,OAAO,EAAE;AAD+B,C;;eAohB7B,8BACb,8BACE,8BACE,gCAAa,kBAAmBhC,IAAnB,CAAb,CADF,EAEE0H,yBAFF,EAGE,UAHF,CADF,EAMEC,4CANF,EAOE,gBAPF,CADa,EAUbC,4BAVa,EAWb,QAXa,C","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { transitionEvent, animationEvent } from \"../../lib/supportEvents\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS, ANDROID, VKCOM } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext, SplitColContextProps } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { canUseDOM, withDOM, DOMProps } from \"../../lib/dom\";\nimport {\n ScrollContext,\n ScrollContextInterface,\n} from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { swipeBackExcluded } from \"./utils\";\nimport \"./View.css\";\n\nenum SwipeBackResults {\n fail = 1,\n success,\n}\n\ninterface Scrolls {\n [index: string]: number \| undefined;\n}\n\ninterface ViewsScrolls {\n [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps\n extends React.HTMLAttributes<HTMLElement>,\n HasPlatform,\n NavIdProps {\n activePanel: string;\n /*\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n /\n popout?: React.ReactNode;\n /\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `ModalRoot`.\n /\n modal?: React.ReactNode;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n /\n callback свайпа назад\n /\n onSwipeBack?(): void;\n /\n callback начала анимации свайпа назад.\n /\n onSwipeBackStart?(): void;\n /\n callback завершения анимации отмененного пользователем свайпа\n /\n onSwipeBackCancel?(): void;\n history?: string[];\n /\n @ignore\n /\n splitCol?: SplitColContextProps;\n /\n @ignore\n /\n configProvider?: ConfigProviderContextInterface;\n /\n @ignore\n /\n scroll?: ScrollContextInterface;\n}\n\nexport interface ViewState {\n animated: boolean;\n\n visiblePanels: string[];\n activePanel: string \| null;\n isBack: boolean \| undefined;\n prevPanel: string \| null;\n nextPanel: string \| null;\n\n swipingBack: boolean;\n swipebackStartX: number;\n swipeBackShift: number;\n swipeBackNextPanel: string \| null;\n swipeBackPrevPanel: string \| null;\n swipeBackResult: SwipeBackResults \| null;\n\n browserSwipe: boolean;\n}\n\nconst warn = warnOnce(\"View\");\nclass View extends React.Component<ViewProps & DOMProps, ViewState> {\n constructor(props: ViewProps) {\n super(props);\n\n this.state = {\n animated: false,\n\n visiblePanels: [props.activePanel],\n activePanel: props.activePanel,\n isBack: undefined,\n prevPanel: null,\n nextPanel: null,\n\n swipingBack: false,\n swipebackStartX: 0,\n swipeBackShift: 0,\n swipeBackNextPanel: null,\n swipeBackPrevPanel: null,\n swipeBackResult: null,\n\n browserSwipe: false,\n };\n }\n\n static defaultProps: Partial<ViewProps> = {\n history: [],\n };\n\n private readonly scrolls = scrollsCache[getNavId(this.props) as string] \|\| {};\n private transitionFinishTimeout: number \| undefined = undefined;\n private animationFinishTimeout: number \| undefined = undefined;\n\n get document() {\n return this.props.document;\n }\n\n get window() {\n return this.props.window;\n }\n\n get panels() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n panelNodes: { [id: string]: HTMLDivElement \| null } = {};\n\n componentDidMount() {\n if (process.env.NODE_ENV === \"development\") {\n const { popout, modal } = this.props;\n popout &&\n warn(\n \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n modal &&\n warn(\n \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n }\n }\n\n componentWillUnmount() {\n const id = getNavId(this.props);\n if (id) {\n scrollsCache[id] = this.scrolls;\n }\n if (this.animationFinishTimeout) {\n clearTimeout(this.animationFinishTimeout);\n }\n }\n\n componentDidUpdate(prevProps: ViewProps, prevState: ViewState) {\n this.props.popout && !prevProps.popout && this.blurActiveElement();\n this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n // Нужен переход\n if (\n prevProps.activePanel !== this.props.activePanel &&\n !prevState.swipingBack &&\n !prevState.browserSwipe\n ) {\n const firstLayerId = this.panels\n .map((panel) => getNavId(panel.props, warn))\n .find(\n (id) => id === prevProps.activePanel \|\| id === this.props.activePanel\n );\n\n const isBack = firstLayerId === this.props.activePanel;\n this.scrolls[prevProps.activePanel] = this.props.scroll?.getScroll().y;\n\n if (this.shouldDisableTransitionMotion()) {\n this.flushTransition(prevProps.activePanel, isBack);\n } else {\n this.blurActiveElement();\n\n this.setState({\n visiblePanels: [prevProps.activePanel, this.props.activePanel],\n prevPanel: prevProps.activePanel,\n nextPanel: this.props.activePanel,\n activePanel: null,\n animated: true,\n isBack,\n });\n\n // Фолбек анимации перехода\n if (!animationEvent.supported) {\n if (this.animationFinishTimeout) {\n clearTimeout(this.animationFinishTimeout);\n }\n this.animationFinishTimeout = setTimeout(\n this.transitionEndHandler,\n this.props.platform === ANDROID \|\| this.props.platform === VKCOM\n ? 300\n : 600\n );\n }\n }\n }\n\n // Закончилась анимация свайпа назад\n if (\n prevProps.activePanel !== this.props.activePanel &&\n prevState.swipingBack\n ) {\n const nextPanel = this.props.activePanel;\n const prevPanel = prevProps.activePanel;\n if (prevState.swipeBackPrevPanel !== null) {\n this.scrolls[prevState.swipeBackPrevPanel] = 0;\n }\n this.setState(\n {\n swipeBackPrevPanel: null,\n swipeBackNextPanel: null,\n swipingBack: false,\n swipeBackResult: null,\n swipebackStartX: 0,\n swipeBackShift: 0,\n activePanel: nextPanel,\n visiblePanels: [nextPanel],\n },\n () => {\n if (this.state.activePanel !== null) {\n this.props.scroll?.scrollTo(\n 0,\n this.scrolls[this.state.activePanel]\n );\n }\n prevProps.onTransition &&\n prevProps.onTransition({\n isBack: true,\n from: prevPanel,\n to: nextPanel,\n });\n }\n );\n }\n\n // Начался свайп назад\n if (!prevState.swipingBack && this.state.swipingBack) {\n this.props.onSwipeBackStart && this.props.onSwipeBackStart();\n }\n\n // Началась анимация завершения свайпа назад.\n if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n this.waitTransitionFinish(\n this.pickPanel(this.state.swipeBackNextPanel),\n this.swipingBackTransitionEndHandler\n );\n }\n\n // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n if (\n prevState.swipeBackResult === SwipeBackResults.fail &&\n !this.state.swipeBackResult &&\n this.state.activePanel !== null\n ) {\n this.props.scroll?.scrollTo(0, this.scrolls[this.state.activePanel]);\n }\n\n // Закончился Safari свайп\n if (\n prevProps.activePanel !== this.props.activePanel &&\n this.state.browserSwipe\n ) {\n this.setState({\n browserSwipe: false,\n nextPanel: null,\n prevPanel: null,\n animated: false,\n visiblePanels: [this.props.activePanel],\n activePanel: this.props.activePanel,\n });\n }\n }\n\n shouldDisableTransitionMotion(): boolean {\n return (\n this.props.configProvider?.transitionMotionEnabled === false \|\|\n !this.props.splitCol?.animate\n );\n }\n\n waitTransitionFinish(\n elem: HTMLElement \| null \| undefined,\n eventHandler: TransitionEventHandler\n ): void {\n if (transitionEvent.supported && transitionEvent.name && elem) {\n elem.removeEventListener(\n transitionEvent.name as keyof HTMLElementEventMap,\n eventHandler as EventListener\n );\n elem.addEventListener(\n transitionEvent.name as keyof HTMLElementEventMap,\n eventHandler as EventListener\n );\n } else {\n if (this.transitionFinishTimeout) {\n clearTimeout(this.transitionFinishTimeout);\n }\n this.transitionFinishTimeout = setTimeout(\n eventHandler,\n this.props.platform === ANDROID \|\| this.props.platform === VKCOM\n ? 300\n : 600\n );\n }\n }\n\n blurActiveElement(): void {\n if (typeof this.window !== \"undefined\" && this.document?.activeElement) {\n (this.document.activeElement as HTMLElement).blur();\n }\n }\n\n pickPanel(id: string \| null) {\n if (id === null) {\n return undefined;\n }\n return this.panelNodes[id];\n }\n\n flushTransition(prevPanel: string, isBack: boolean) {\n const activePanel = this.props.activePanel;\n if (isBack) {\n this.scrolls[prevPanel] = 0;\n }\n this.setState(\n {\n prevPanel: null,\n nextPanel: null,\n visiblePanels: [activePanel],\n activePanel,\n animated: false,\n isBack: undefined,\n },\n () => {\n this.props.scroll?.scrollTo(0, isBack ? this.scrolls[activePanel] : 0);\n this.props.onTransition &&\n this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n }\n );\n }\n\n transitionEndHandler = (e?: React.AnimationEvent): void => {\n if (\n (!e \|\|\n [\n \"vkui-animation-ios-next-forward\",\n \"vkui-animation-ios-prev-back\",\n \"vkui-animation-view-next-forward\",\n \"vkui-animation-view-prev-back\",\n ].includes(e.animationName)) &&\n this.state.prevPanel !== null\n ) {\n this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));\n }\n };\n\n swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n // indexOf because of vendor prefixes in old browsers\n if (\n !e \|\|\n (e?.propertyName.includes(\"transform\") &&\n e?.target === this.pickPanel(this.state.swipeBackNextPanel))\n ) {\n switch (this.state.swipeBackResult) {\n case SwipeBackResults.fail:\n this.onSwipeBackCancel();\n break;\n case SwipeBackResults.success:\n this.onSwipeBackSuccess();\n }\n }\n };\n\n onSwipeBackSuccess(): void {\n this.props.onSwipeBack && this.props.onSwipeBack();\n }\n\n onSwipeBackCancel(): void {\n this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n this.setState({\n swipeBackPrevPanel: null,\n swipeBackNextPanel: null,\n swipingBack: false,\n swipeBackResult: null,\n swipebackStartX: 0,\n swipeBackShift: 0,\n });\n }\n\n onMoveX = (e: TouchEvent): void => {\n if (swipeBackExcluded(e)) {\n return;\n }\n\n const { platform, configProvider } = this.props;\n\n if (\n platform === IOS &&\n !configProvider?.isWebView &&\n (e.startX <= 70 \|\| e.startX >= this.window!.innerWidth - 70) &&\n !this.state.browserSwipe\n ) {\n this.setState({ browserSwipe: true });\n }\n\n if (\n platform === IOS &&\n configProvider?.isWebView &&\n this.props.onSwipeBack\n ) {\n if ((this.state.animated && e.startX <= 70) \|\| !this.window) {\n return;\n }\n\n if (\n e.startX <= 70 &&\n !this.state.swipingBack &&\n (this.props.history?.length ?? 0) > 1\n ) {\n if (this.state.activePanel !== null) {\n this.scrolls[this.state.activePanel] =\n this.props.scroll?.getScroll().y;\n }\n this.setState({\n swipingBack: true,\n swipebackStartX: e.startX,\n swipeBackPrevPanel: this.state.activePanel,\n swipeBackNextPanel: this.props.history!.slice(-2)[0],\n });\n }\n if (this.state.swipingBack) {\n let swipeBackShift = 0;\n if (e.shiftX < 0) {\n swipeBackShift = 0;\n } else if (\n e.shiftX >\n this.window.innerWidth - this.state.swipebackStartX\n ) {\n swipeBackShift = this.window?.innerWidth;\n } else {\n swipeBackShift = e.shiftX;\n }\n this.setState({ swipeBackShift });\n }\n }\n };\n\n onEnd = (e: TouchEvent): void => {\n if (this.state.swipingBack && this.window) {\n const speed = (this.state.swipeBackShift / e.duration) 1000;\n if (this.state.swipeBackShift === 0) {\n this.onSwipeBackCancel();\n } else if (this.state.swipeBackShift >= (this.window?.innerWidth ?? 0)) {\n this.onSwipeBackSuccess();\n } else if (\n speed > 250 \|\|\n this.state.swipebackStartX + this.state.swipeBackShift >\n this.window.innerWidth / 2\n ) {\n this.setState({ swipeBackResult: SwipeBackResults.success });\n } else {\n this.setState({ swipeBackResult: SwipeBackResults.fail });\n }\n }\n };\n\n calcPanelSwipeStyles(panelId: string \| undefined): React.CSSProperties {\n if (!canUseDOM \|\| !this.window) {\n return {};\n }\n\n const isPrev = panelId === this.state.swipeBackPrevPanel;\n const isNext = panelId === this.state.swipeBackNextPanel;\n\n if ((!isPrev && !isNext) \|\| this.state.swipeBackResult) {\n return {};\n }\n\n let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n let nextPanelTranslate = `${\n -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n }%`;\n let prevPanelShadow =\n (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) /\n this.window.innerWidth;\n\n if (this.state.swipeBackResult) {\n return isPrev\n ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` }\n : {};\n }\n\n if (isNext) {\n return {\n transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n };\n }\n if (isPrev) {\n return {\n transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n };\n }\n\n return {};\n }\n\n render() {\n const {\n popout,\n modal,\n platform,\n activePanel: _1,\n splitCol,\n configProvider,\n history,\n nav,\n onTransition,\n onSwipeBack,\n onSwipeBackStart,\n onSwipeBackCancel,\n window,\n document,\n scroll,\n ...restProps\n } = this.props;\n const {\n prevPanel,\n nextPanel,\n activePanel,\n swipeBackPrevPanel,\n swipeBackNextPanel,\n swipeBackResult,\n isBack,\n animated,\n } = this.state;\n\n const hasPopout = !!popout;\n const hasModal = !!modal;\n\n const panels = this.panels.filter((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n\n return (\n (panelId !== undefined && this.state.visiblePanels.includes(panelId)) \|\|\n panelId === swipeBackPrevPanel \|\|\n panelId === swipeBackNextPanel\n );\n });\n\n const disableAnimation = this.shouldDisableTransitionMotion();\n\n const modifiers = {\n \"View--animated\": !disableAnimation && animated,\n \"View--swiping-back\": !disableAnimation && this.state.swipingBack,\n \"View--no-motion\": disableAnimation,\n };\n\n return (\n <Touch\n Component=\"section\"\n {...restProps}\n vkuiClass={classNames(getClassName(\"View\", platform), modifiers)}\n onMoveX={this.onMoveX}\n onEnd={this.onEnd}\n >\n <div vkuiClass=\"View__panels\">\n {panels.map((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n const isPrev =\n panelId === prevPanel \|\| panelId === swipeBackPrevPanel;\n const isTransitionTarget =\n animated && panelId === (isBack ? prevPanel : nextPanel);\n const compensateScroll =\n isPrev \|\|\n panelId === swipeBackNextPanel \|\|\n (panelId === nextPanel && isBack);\n\n return (\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"View__panel\", {\n \"View__panel--active\": panelId === activePanel,\n \"View__panel--prev\": panelId === prevPanel,\n \"View__panel--next\": panelId === nextPanel,\n \"View__panel--swipe-back-prev\":\n panelId === swipeBackPrevPanel,\n \"View__panel--swipe-back-next\":\n panelId === swipeBackNextPanel,\n \"View__panel--swipe-back-success\":\n swipeBackResult === SwipeBackResults.success,\n \"View__panel--swipe-back-failed\":\n swipeBackResult === SwipeBackResults.fail,\n })}\n onAnimationEnd={\n isTransitionTarget ? this.transitionEndHandler : undefined\n }\n ref={(el) =>\n panelId !== undefined && (this.panelNodes[panelId] = el)\n }\n style={this.calcPanelSwipeStyles(panelId)}\n key={panelId}\n >\n <div\n vkuiClass=\"View__panel-in\"\n style={{\n marginTop: compensateScroll\n ? -(this.scrolls[panelId as string] ?? 0)\n : undefined,\n }}\n >\n <NavTransitionProvider\n entering={\n panelId === nextPanel \|\| panelId === swipeBackNextPanel\n }\n >\n {panel}\n </NavTransitionProvider>\n </div>\n </div>\n );\n })}\n </div>\n <AppRootPortal>\n {hasPopout && <div vkuiClass=\"View__popout\">{popout}</div>}\n {hasModal && <div vkuiClass=\"View__modal\">{modal}</div>}\n </AppRootPortal>\n </Touch>\n );\n }\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default withContext(\n withContext(\n withContext(\n withPlatform(withDOM<ViewProps>(View)),\n SplitColContext,\n \"splitCol\"\n ),\n ConfigProviderContext,\n \"configProvider\"\n ),\n ScrollContext,\n \"scroll\"\n);\n"],"file":"View.js"}
1	+ {"version":3,"sources":["../../../../src/components/View/View.tsx"],"names":["SwipeBackResults","scrollsCache","warn","View","props","undefined","e","includes","animationName","state","prevPanel","flushTransition","Boolean","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","platform","configProvider","IOS","isWebView","startX","window","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","activePanel","scrolls","scroll","getScroll","y","swipebackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","nextPanel","document","React","Children","toArray","children","process","env","NODE_ENV","popout","modal","id","animationFinishTimeout","clearTimeout","prevProps","prevState","blurActiveElement","firstLayerId","panels","map","panel","find","shouldDisableTransitionMotion","animationEvent","supported","setTimeout","transitionEndHandler","ANDROID","VKCOM","scrollTo","onTransition","from","to","onSwipeBackStart","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","transitionEvent","name","removeEventListener","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","restProps","hasPopout","hasModal","filter","disableAnimation","modifiers","onMoveX","onEnd","isTransitionTarget","compensateScroll","el","calcPanelSwipeStyles","marginTop","Component","SplitColContext","ConfigProviderContext","ScrollContext"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { transitionEvent, animationEvent } from \"../../lib/supportEvents\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS, ANDROID, VKCOM } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n ConfigProviderContext,\n ConfigProviderContextInterface,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext, SplitColContextProps } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { canUseDOM, withDOM, DOMProps } from \"../../lib/dom\";\nimport {\n ScrollContext,\n ScrollContextInterface,\n} from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { swipeBackExcluded } from \"./utils\";\nimport \"./View.css\";\n\nenum SwipeBackResults {\n fail = 1,\n success,\n}\n\ninterface Scrolls {\n [index: string]: number \| undefined;\n}\n\ninterface ViewsScrolls {\n [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps\n extends React.HTMLAttributes<HTMLElement>,\n HasPlatform,\n NavIdProps {\n activePanel: string;\n /*\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n /\n popout?: React.ReactNode;\n /\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `ModalRoot`.\n /\n modal?: React.ReactNode;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n /\n callback свайпа назад\n /\n onSwipeBack?(): void;\n /\n callback начала анимации свайпа назад.\n /\n onSwipeBackStart?(): void;\n /\n callback завершения анимации отмененного пользователем свайпа\n /\n onSwipeBackCancel?(): void;\n history?: string[];\n /\n @ignore\n /\n splitCol?: SplitColContextProps;\n /\n @ignore\n /\n configProvider?: ConfigProviderContextInterface;\n /\n @ignore\n /\n scroll?: ScrollContextInterface;\n}\n\nexport interface ViewState {\n animated: boolean;\n\n visiblePanels: string[];\n activePanel: string \| null;\n isBack: boolean \| undefined;\n prevPanel: string \| null;\n nextPanel: string \| null;\n\n swipingBack: boolean;\n swipebackStartX: number;\n swipeBackShift: number;\n swipeBackNextPanel: string \| null;\n swipeBackPrevPanel: string \| null;\n swipeBackResult: SwipeBackResults \| null;\n\n browserSwipe: boolean;\n}\n\nconst warn = warnOnce(\"View\");\n\n/\n @see https://vkcom.github.io/VKUI/#/View\n /\nclass View extends React.Component<ViewProps & DOMProps, ViewState> {\n constructor(props: ViewProps) {\n super(props);\n\n this.state = {\n animated: false,\n\n visiblePanels: [props.activePanel],\n activePanel: props.activePanel,\n isBack: undefined,\n prevPanel: null,\n nextPanel: null,\n\n swipingBack: false,\n swipebackStartX: 0,\n swipeBackShift: 0,\n swipeBackNextPanel: null,\n swipeBackPrevPanel: null,\n swipeBackResult: null,\n\n browserSwipe: false,\n };\n }\n\n static defaultProps: Partial<ViewProps> = {\n history: [],\n };\n\n private readonly scrolls = scrollsCache[getNavId(this.props) as string] \|\| {};\n private transitionFinishTimeout: number \| undefined = undefined;\n private animationFinishTimeout: number \| undefined = undefined;\n\n get document() {\n return this.props.document;\n }\n\n get window() {\n return this.props.window;\n }\n\n get panels() {\n return React.Children.toArray(this.props.children) as React.ReactElement[];\n }\n\n panelNodes: { [id: string]: HTMLDivElement \| null } = {};\n\n componentDidMount() {\n if (process.env.NODE_ENV === \"development\") {\n const { popout, modal } = this.props;\n popout &&\n warn(\n \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n modal &&\n warn(\n \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n }\n }\n\n componentWillUnmount() {\n const id = getNavId(this.props);\n if (id) {\n scrollsCache[id] = this.scrolls;\n }\n if (this.animationFinishTimeout) {\n clearTimeout(this.animationFinishTimeout);\n }\n }\n\n componentDidUpdate(prevProps: ViewProps, prevState: ViewState) {\n this.props.popout && !prevProps.popout && this.blurActiveElement();\n this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n // Нужен переход\n if (\n prevProps.activePanel !== this.props.activePanel &&\n !prevState.swipingBack &&\n !prevState.browserSwipe\n ) {\n const firstLayerId = this.panels\n .map((panel) => getNavId(panel.props, warn))\n .find(\n (id) => id === prevProps.activePanel \|\| id === this.props.activePanel\n );\n\n const isBack = firstLayerId === this.props.activePanel;\n this.scrolls[prevProps.activePanel] = this.props.scroll?.getScroll().y;\n\n if (this.shouldDisableTransitionMotion()) {\n this.flushTransition(prevProps.activePanel, isBack);\n } else {\n this.blurActiveElement();\n\n this.setState({\n visiblePanels: [prevProps.activePanel, this.props.activePanel],\n prevPanel: prevProps.activePanel,\n nextPanel: this.props.activePanel,\n activePanel: null,\n animated: true,\n isBack,\n });\n\n // Фолбек анимации перехода\n if (!animationEvent.supported) {\n if (this.animationFinishTimeout) {\n clearTimeout(this.animationFinishTimeout);\n }\n this.animationFinishTimeout = setTimeout(\n this.transitionEndHandler,\n this.props.platform === ANDROID \|\| this.props.platform === VKCOM\n ? 300\n : 600\n );\n }\n }\n }\n\n // Закончилась анимация свайпа назад\n if (\n prevProps.activePanel !== this.props.activePanel &&\n prevState.swipingBack\n ) {\n const nextPanel = this.props.activePanel;\n const prevPanel = prevProps.activePanel;\n if (prevState.swipeBackPrevPanel !== null) {\n this.scrolls[prevState.swipeBackPrevPanel] = 0;\n }\n this.setState(\n {\n swipeBackPrevPanel: null,\n swipeBackNextPanel: null,\n swipingBack: false,\n swipeBackResult: null,\n swipebackStartX: 0,\n swipeBackShift: 0,\n activePanel: nextPanel,\n visiblePanels: [nextPanel],\n },\n () => {\n if (this.state.activePanel !== null) {\n this.props.scroll?.scrollTo(\n 0,\n this.scrolls[this.state.activePanel]\n );\n }\n prevProps.onTransition &&\n prevProps.onTransition({\n isBack: true,\n from: prevPanel,\n to: nextPanel,\n });\n }\n );\n }\n\n // Начался свайп назад\n if (!prevState.swipingBack && this.state.swipingBack) {\n this.props.onSwipeBackStart && this.props.onSwipeBackStart();\n }\n\n // Началась анимация завершения свайпа назад.\n if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n this.waitTransitionFinish(\n this.pickPanel(this.state.swipeBackNextPanel),\n this.swipingBackTransitionEndHandler\n );\n }\n\n // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n if (\n prevState.swipeBackResult === SwipeBackResults.fail &&\n !this.state.swipeBackResult &&\n this.state.activePanel !== null\n ) {\n this.props.scroll?.scrollTo(0, this.scrolls[this.state.activePanel]);\n }\n\n // Закончился Safari свайп\n if (\n prevProps.activePanel !== this.props.activePanel &&\n this.state.browserSwipe\n ) {\n this.setState({\n browserSwipe: false,\n nextPanel: null,\n prevPanel: null,\n animated: false,\n visiblePanels: [this.props.activePanel],\n activePanel: this.props.activePanel,\n });\n }\n }\n\n shouldDisableTransitionMotion(): boolean {\n return (\n this.props.configProvider?.transitionMotionEnabled === false \|\|\n !this.props.splitCol?.animate\n );\n }\n\n waitTransitionFinish(\n elem: HTMLElement \| null \| undefined,\n eventHandler: TransitionEventHandler\n ): void {\n if (transitionEvent.supported && transitionEvent.name && elem) {\n elem.removeEventListener(\n transitionEvent.name as keyof HTMLElementEventMap,\n eventHandler as EventListener\n );\n elem.addEventListener(\n transitionEvent.name as keyof HTMLElementEventMap,\n eventHandler as EventListener\n );\n } else {\n if (this.transitionFinishTimeout) {\n clearTimeout(this.transitionFinishTimeout);\n }\n this.transitionFinishTimeout = setTimeout(\n eventHandler,\n this.props.platform === ANDROID \|\| this.props.platform === VKCOM\n ? 300\n : 600\n );\n }\n }\n\n blurActiveElement(): void {\n if (typeof this.window !== \"undefined\" && this.document?.activeElement) {\n (this.document.activeElement as HTMLElement).blur();\n }\n }\n\n pickPanel(id: string \| null) {\n if (id === null) {\n return undefined;\n }\n return this.panelNodes[id];\n }\n\n flushTransition(prevPanel: string, isBack: boolean) {\n const activePanel = this.props.activePanel;\n if (isBack) {\n this.scrolls[prevPanel] = 0;\n }\n this.setState(\n {\n prevPanel: null,\n nextPanel: null,\n visiblePanels: [activePanel],\n activePanel,\n animated: false,\n isBack: undefined,\n },\n () => {\n this.props.scroll?.scrollTo(0, isBack ? this.scrolls[activePanel] : 0);\n this.props.onTransition &&\n this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n }\n );\n }\n\n transitionEndHandler = (e?: React.AnimationEvent): void => {\n if (\n (!e \|\|\n [\n \"vkui-animation-ios-next-forward\",\n \"vkui-animation-ios-prev-back\",\n \"vkui-animation-view-next-forward\",\n \"vkui-animation-view-prev-back\",\n ].includes(e.animationName)) &&\n this.state.prevPanel !== null\n ) {\n this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));\n }\n };\n\n swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n // indexOf because of vendor prefixes in old browsers\n if (\n !e \|\|\n (e?.propertyName.includes(\"transform\") &&\n e?.target === this.pickPanel(this.state.swipeBackNextPanel))\n ) {\n switch (this.state.swipeBackResult) {\n case SwipeBackResults.fail:\n this.onSwipeBackCancel();\n break;\n case SwipeBackResults.success:\n this.onSwipeBackSuccess();\n }\n }\n };\n\n onSwipeBackSuccess(): void {\n this.props.onSwipeBack && this.props.onSwipeBack();\n }\n\n onSwipeBackCancel(): void {\n this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n this.setState({\n swipeBackPrevPanel: null,\n swipeBackNextPanel: null,\n swipingBack: false,\n swipeBackResult: null,\n swipebackStartX: 0,\n swipeBackShift: 0,\n });\n }\n\n onMoveX = (e: TouchEvent): void => {\n if (swipeBackExcluded(e)) {\n return;\n }\n\n const { platform, configProvider } = this.props;\n\n if (\n platform === IOS &&\n !configProvider?.isWebView &&\n (e.startX <= 70 \|\| e.startX >= this.window!.innerWidth - 70) &&\n !this.state.browserSwipe\n ) {\n this.setState({ browserSwipe: true });\n }\n\n if (\n platform === IOS &&\n configProvider?.isWebView &&\n this.props.onSwipeBack\n ) {\n if ((this.state.animated && e.startX <= 70) \|\| !this.window) {\n return;\n }\n\n if (\n e.startX <= 70 &&\n !this.state.swipingBack &&\n (this.props.history?.length ?? 0) > 1\n ) {\n if (this.state.activePanel !== null) {\n this.scrolls[this.state.activePanel] =\n this.props.scroll?.getScroll().y;\n }\n this.setState({\n swipingBack: true,\n swipebackStartX: e.startX,\n swipeBackPrevPanel: this.state.activePanel,\n swipeBackNextPanel: this.props.history!.slice(-2)[0],\n });\n }\n if (this.state.swipingBack) {\n let swipeBackShift = 0;\n if (e.shiftX < 0) {\n swipeBackShift = 0;\n } else if (\n e.shiftX >\n this.window.innerWidth - this.state.swipebackStartX\n ) {\n swipeBackShift = this.window?.innerWidth;\n } else {\n swipeBackShift = e.shiftX;\n }\n this.setState({ swipeBackShift });\n }\n }\n };\n\n onEnd = (e: TouchEvent): void => {\n if (this.state.swipingBack && this.window) {\n const speed = (this.state.swipeBackShift / e.duration) 1000;\n if (this.state.swipeBackShift === 0) {\n this.onSwipeBackCancel();\n } else if (this.state.swipeBackShift >= (this.window?.innerWidth ?? 0)) {\n this.onSwipeBackSuccess();\n } else if (\n speed > 250 \|\|\n this.state.swipebackStartX + this.state.swipeBackShift >\n this.window.innerWidth / 2\n ) {\n this.setState({ swipeBackResult: SwipeBackResults.success });\n } else {\n this.setState({ swipeBackResult: SwipeBackResults.fail });\n }\n }\n };\n\n calcPanelSwipeStyles(panelId: string \| undefined): React.CSSProperties {\n if (!canUseDOM \|\| !this.window) {\n return {};\n }\n\n const isPrev = panelId === this.state.swipeBackPrevPanel;\n const isNext = panelId === this.state.swipeBackNextPanel;\n\n if ((!isPrev && !isNext) \|\| this.state.swipeBackResult) {\n return {};\n }\n\n let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n let nextPanelTranslate = `${\n -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n }%`;\n let prevPanelShadow =\n (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) /\n this.window.innerWidth;\n\n if (this.state.swipeBackResult) {\n return isPrev\n ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` }\n : {};\n }\n\n if (isNext) {\n return {\n transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n };\n }\n if (isPrev) {\n return {\n transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n };\n }\n\n return {};\n }\n\n render() {\n const {\n popout,\n modal,\n platform,\n activePanel: _1,\n splitCol,\n configProvider,\n history,\n nav,\n onTransition,\n onSwipeBack,\n onSwipeBackStart,\n onSwipeBackCancel,\n window,\n document,\n scroll,\n ...restProps\n } = this.props;\n const {\n prevPanel,\n nextPanel,\n activePanel,\n swipeBackPrevPanel,\n swipeBackNextPanel,\n swipeBackResult,\n isBack,\n animated,\n } = this.state;\n\n const hasPopout = !!popout;\n const hasModal = !!modal;\n\n const panels = this.panels.filter((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n\n return (\n (panelId !== undefined && this.state.visiblePanels.includes(panelId)) \|\|\n panelId === swipeBackPrevPanel \|\|\n panelId === swipeBackNextPanel\n );\n });\n\n const disableAnimation = this.shouldDisableTransitionMotion();\n\n const modifiers = {\n \"View--animated\": !disableAnimation && animated,\n \"View--swiping-back\": !disableAnimation && this.state.swipingBack,\n \"View--no-motion\": disableAnimation,\n };\n\n return (\n <Touch\n Component=\"section\"\n {...restProps}\n vkuiClass={classNames(getClassName(\"View\", platform), modifiers)}\n onMoveX={this.onMoveX}\n onEnd={this.onEnd}\n >\n <div vkuiClass=\"View__panels\">\n {panels.map((panel: React.ReactElement) => {\n const panelId = getNavId(panel.props, warn);\n const isPrev =\n panelId === prevPanel \|\| panelId === swipeBackPrevPanel;\n const isTransitionTarget =\n animated && panelId === (isBack ? prevPanel : nextPanel);\n const compensateScroll =\n isPrev \|\|\n panelId === swipeBackNextPanel \|\|\n (panelId === nextPanel && isBack);\n\n return (\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"View__panel\", {\n \"View__panel--active\": panelId === activePanel,\n \"View__panel--prev\": panelId === prevPanel,\n \"View__panel--next\": panelId === nextPanel,\n \"View__panel--swipe-back-prev\":\n panelId === swipeBackPrevPanel,\n \"View__panel--swipe-back-next\":\n panelId === swipeBackNextPanel,\n \"View__panel--swipe-back-success\":\n swipeBackResult === SwipeBackResults.success,\n \"View__panel--swipe-back-failed\":\n swipeBackResult === SwipeBackResults.fail,\n })}\n onAnimationEnd={\n isTransitionTarget ? this.transitionEndHandler : undefined\n }\n ref={(el) =>\n panelId !== undefined && (this.panelNodes[panelId] = el)\n }\n style={this.calcPanelSwipeStyles(panelId)}\n key={panelId}\n >\n <div\n vkuiClass=\"View__panel-in\"\n style={{\n marginTop: compensateScroll\n ? -(this.scrolls[panelId as string] ?? 0)\n : undefined,\n }}\n >\n <NavTransitionProvider\n entering={\n panelId === nextPanel \|\| panelId === swipeBackNextPanel\n }\n >\n {panel}\n </NavTransitionProvider>\n </div>\n </div>\n );\n })}\n </div>\n <AppRootPortal>\n {hasPopout && <div vkuiClass=\"View__popout\">{popout}</div>}\n {hasModal && <div vkuiClass=\"View__modal\">{modal}</div>}\n </AppRootPortal>\n </Touch>\n );\n }\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default withContext(\n withContext(\n withContext(\n withPlatform(withDOM<ViewProps>(View)),\n SplitColContext,\n \"splitCol\"\n ),\n ConfigProviderContext,\n \"configProvider\"\n ),\n ScrollContext,\n \"scroll\"\n);\n"],"file":"View.js"}

package/dist/cjs/components/WriteBar/WriteBar.d.ts CHANGED Viewed

@@ -20,4 +20,7 @@ export interface WriteBarProps extends React.TextareaHTMLAttributes<HTMLTextArea
     onHeightChange?: VoidFunction;
     children?: never;
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/WriteBar
+ */
 export declare const WriteBar: React.FC<WriteBarProps>;

package/dist/cjs/components/WriteBar/WriteBar.js CHANGED Viewed

@@ -29,6 +29,9 @@ var _getClassName = require("../../helpers/getClassName");
 var _excluded = ["className", "style", "before", "inlineAfter", "after", "value", "onChange", "getRootRef", "getRef", "onHeightChange"];
+/**
+ * @see https://vkcom.github.io/VKUI/#/WriteBar
+ */
 var WriteBar = function WriteBar(props) {
   var platform = (0, _usePlatform.usePlatform)();
   var className = props.className,

package/dist/cjs/components/WriteBar/WriteBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"names":["WriteBar","props","platform","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","restProps","isControlledOutside","window","textareaRef","textareaMinHeightRef","React","useRef","resize","useCallback","textareaEl","current","offsetHeight","scrollHeight","getComputedStyle","paddingTop","parseInt","paddingBottom","diff","height","String","Math","max","onTextareaChange","event","useEffect","e","preventDefault"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;~~AA4BO~~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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { useDOM } from \"../../lib/dom\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./WriteBar.css\";\n\nexport interface WriteBarProps\n extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLTextAreaElement> {\n /*\n Содержимое, отображаемое слева от поля ввода.\n /\n before?: React.ReactNode;\n /\n Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n /\n inlineAfter?: React.ReactNode;\n /\n Содержимое, отображаемое справа от поля ввода\n /\n after?: React.ReactNode;\n /\n Вызывается при смене высоты поля ввода\n */\n onHeightChange?: VoidFunction;\n\n children?: never;\n}\n\nexport const WriteBar: React.FC<WriteBarProps> = (props: WriteBarProps) => {\n const platform = usePlatform();\n const {\n className,\n style,\n\n before,\n inlineAfter,\n after,\n\n value,\n onChange,\n\n getRootRef,\n getRef,\n onHeightChange,\n ...restProps\n } = props;\n\n const isControlledOutside = value != null;\n\n const { window } = useDOM();\n const textareaRef = useExternRef(getRef);\n const textareaMinHeightRef = React.useRef<number \| null>(null);\n\n const resize = React.useCallback(() => {\n const textareaEl = textareaRef.current;\n if (!textareaEl) {\n return;\n }\n\n const { offsetHeight, scrollHeight } = textareaEl;\n const style = window!.getComputedStyle(textareaEl);\n const paddingTop = parseInt(style.paddingTop);\n const paddingBottom = parseInt(style.paddingBottom);\n\n if (textareaMinHeightRef.current === null) {\n textareaMinHeightRef.current = offsetHeight;\n }\n\n let diff = paddingTop + paddingBottom + 10;\n\n if (scrollHeight + diff <= offsetHeight) {\n diff = 0;\n }\n\n textareaEl.style.height = \"0px\";\n\n const height = textareaEl.scrollHeight - diff / 4;\n textareaEl.style.height =\n String(Math.max(height, textareaMinHeightRef.current)) + \"px\";\n\n if (isFunction(onHeightChange)) {\n onHeightChange();\n }\n }, [onHeightChange, textareaRef, window]);\n\n const onTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (\n event\n ) => {\n if (isFunction(onChange)) {\n onChange(event);\n }\n\n if (!isControlledOutside) {\n resize();\n }\n };\n\n React.useEffect(() => {\n resize();\n }, [resize, value]);\n\n return (\n <div\n ref={getRootRef}\n vkuiClass={getClassName(\"WriteBar\", platform)}\n className={className}\n style={style}\n >\n <form vkuiClass=\"WriteBar__form\" onSubmit={(e) => e.preventDefault()}>\n {hasReactNode(before) && (\n <div vkuiClass=\"WriteBar__before\">{before}</div>\n )}\n\n <div vkuiClass=\"WriteBar__formIn\">\n <textarea\n {...restProps}\n vkuiClass=\"WriteBar__textarea\"\n onChange={onTextareaChange}\n ref={textareaRef}\n value={value}\n />\n\n {hasReactNode(inlineAfter) && (\n <div vkuiClass=\"WriteBar__inlineAfter\">{inlineAfter}</div>\n )}\n </div>\n\n {hasReactNode(after) && <div vkuiClass=\"WriteBar__after\">{after}</div>}\n </form>\n </div>\n );\n};\n"],"file":"WriteBar.js"}
1	+ {"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"names":["WriteBar","props","platform","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","restProps","isControlledOutside","window","textareaRef","textareaMinHeightRef","React","useRef","resize","useCallback","textareaEl","current","offsetHeight","scrollHeight","getComputedStyle","paddingTop","parseInt","paddingBottom","diff","height","String","Math","max","onTextareaChange","event","useEffect","e","preventDefault"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { useDOM } from \"../../lib/dom\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./WriteBar.css\";\n\nexport interface WriteBarProps\n extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLTextAreaElement> {\n /*\n Содержимое, отображаемое слева от поля ввода.\n /\n before?: React.ReactNode;\n /\n Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n /\n inlineAfter?: React.ReactNode;\n /\n Содержимое, отображаемое справа от поля ввода\n /\n after?: React.ReactNode;\n /\n Вызывается при смене высоты поля ввода\n /\n onHeightChange?: VoidFunction;\n\n children?: never;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar: React.FC<WriteBarProps> = (props: WriteBarProps) => {\n const platform = usePlatform();\n const {\n className,\n style,\n\n before,\n inlineAfter,\n after,\n\n value,\n onChange,\n\n getRootRef,\n getRef,\n onHeightChange,\n ...restProps\n } = props;\n\n const isControlledOutside = value != null;\n\n const { window } = useDOM();\n const textareaRef = useExternRef(getRef);\n const textareaMinHeightRef = React.useRef<number \| null>(null);\n\n const resize = React.useCallback(() => {\n const textareaEl = textareaRef.current;\n if (!textareaEl) {\n return;\n }\n\n const { offsetHeight, scrollHeight } = textareaEl;\n const style = window!.getComputedStyle(textareaEl);\n const paddingTop = parseInt(style.paddingTop);\n const paddingBottom = parseInt(style.paddingBottom);\n\n if (textareaMinHeightRef.current === null) {\n textareaMinHeightRef.current = offsetHeight;\n }\n\n let diff = paddingTop + paddingBottom + 10;\n\n if (scrollHeight + diff <= offsetHeight) {\n diff = 0;\n }\n\n textareaEl.style.height = \"0px\";\n\n const height = textareaEl.scrollHeight - diff / 4;\n textareaEl.style.height =\n String(Math.max(height, textareaMinHeightRef.current)) + \"px\";\n\n if (isFunction(onHeightChange)) {\n onHeightChange();\n }\n }, [onHeightChange, textareaRef, window]);\n\n const onTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (\n event\n ) => {\n if (isFunction(onChange)) {\n onChange(event);\n }\n\n if (!isControlledOutside) {\n resize();\n }\n };\n\n React.useEffect(() => {\n resize();\n }, [resize, value]);\n\n return (\n <div\n ref={getRootRef}\n vkuiClass={getClassName(\"WriteBar\", platform)}\n className={className}\n style={style}\n >\n <form vkuiClass=\"WriteBar__form\" onSubmit={(e) => e.preventDefault()}>\n {hasReactNode(before) && (\n <div vkuiClass=\"WriteBar__before\">{before}</div>\n )}\n\n <div vkuiClass=\"WriteBar__formIn\">\n <textarea\n {...restProps}\n vkuiClass=\"WriteBar__textarea\"\n onChange={onTextareaChange}\n ref={textareaRef}\n value={value}\n />\n\n {hasReactNode(inlineAfter) && (\n <div vkuiClass=\"WriteBar__inlineAfter\">{inlineAfter}</div>\n )}\n </div>\n\n {hasReactNode(after) && <div vkuiClass=\"WriteBar__after\">{after}</div>}\n </form>\n </div>\n );\n};\n"],"file":"WriteBar.js"}

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.d.ts CHANGED Viewed

@@ -15,4 +15,7 @@ export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButton
      */
     count?: number;
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/WriteBarIcon
+ */
 export declare const WriteBarIcon: React.FC<WriteBarIconProps>;

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js CHANGED Viewed

@@ -25,7 +25,7 @@ var _getClassName = require("../../helpers/getClassName");
 var _platform = require("../../lib/platform");
-var _Counter = _interopRequireDefault(require("../Counter/Counter"));
+var _Counter = require("../Counter/Counter");
 var _Tappable = _interopRequireDefault(require("../Tappable/Tappable"));
@@ -36,6 +36,9 @@ var _utils = require("../../lib/utils");
 var _excluded = ["mode", "children", "count"];
 var warn = (0, _warnOnce.warnOnce)("WriteBarIcon");
 var IS_DEV = process.env.NODE_ENV === "development";
+/**
+ * @see https://vkcom.github.io/VKUI/#/WriteBarIcon
+ */
 var WriteBarIcon = function WriteBarIcon(_ref) {
   var mode = _ref.mode,
@@ -80,7 +83,7 @@ var WriteBarIcon = function WriteBarIcon(_ref) {
     vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)("WriteBarIcon", platform), (0, _defineProperty2.default)({}, "WriteBarIcon--".concat(mode), !!mode))
   }), (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "WriteBarIcon__in"
-  }, icon || children, (0, _utils.hasReactNode)(count) && (0, _jsxRuntime.createScopedElement)(_Counter.default, {
+  }, icon || children, (0, _utils.hasReactNode)(count) && (0, _jsxRuntime.createScopedElement)(_Counter.Counter, {
     vkuiClass: "WriteBarIcon__counter",
     size: "s"
   }, count)));

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","icon","ariaLabel","undefined","IOS"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAoBA,IAAMA,IAAI,GAAG,wBAAS,cAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;;~~AAEO~~,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,OAKhC;AAAA,MAJvBC,IAIuB,QAJvBA,IAIuB;AAAA,MAHvBC,QAGuB,QAHvBA,QAGuB;AAAA,MAFvBC,KAEuB,QAFvBA,KAEuB;AAAA,MADpBC,SACoB;AACvB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,IAAJ;AACA,MAAIC,SAA6B,GAAGC,SAApC;;AAEA,UAAQP,IAAR;AACE,SAAK,QAAL;AACEK,MAAAA,IAAI,GACFD,QAAQ,KAAKI,aAAb,GAAmB,qCAAC,6BAAD,OAAnB,GAAgD,qCAAC,0BAAD,OADlD;AAEAF,MAAAA,SAAS,GAAG,iBAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GAAGD,QAAQ,KAAKI,aAAb,GAAmB,qCAAC,yBAAD,OAAnB,GAA4C,qCAAC,iBAAD,OAAnD;AACAF,MAAAA,SAAS,GAAG,WAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GACFD,QAAQ,KAAKI,aAAb,GACE,qCAAC,yBAAD,OADF,GAGE,qCAAC,+BAAD,OAJJ;AAMAF,MAAAA,SAAS,GAAG,QAAZ;AACA;;AAEF;AACE;AAvBJ;;AA0BA,MAAIX,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACG,SAA3C,EAAsD;AACpDZ,IAAAA,IAAI,CACF,wFADE,EAEF,OAFE,CAAJ;AAID;;AAED,SACE,qCAAC,iBAAD;AACE,kBAAYY;AADd,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAC,QAHZ;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,UAAU,EAAC,sBALb,CAME;AANF;AAOE,IAAA,SAAS,EAAE,6BAAW,gCAAa,cAAb,EAA6BC,QAA7B,CAAX,4DACSJ,IADT,GACkB,CAAC,CAACA,IADpB;AAPb,MAWE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGK,IAAI,IAAIJ,QADX,EAEG,yBAAaC,KAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,uBAAnB;AAA2C,IAAA,IAAI,EAAC;AAAhD,KACGA,KADH,CAHJ,CAXF,CADF;AAsBD,CAlEM","sourcesContent":["import * as React from \"react\";\nimport {\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS } from \"../../lib/platform\";\nimport Counter from \"../Counter/Counter\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./WriteBarIcon.css\";\n\nexport interface WriteBarIconProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируется.\n \n - `attach` – иконка прикрепления.\n * - `send` – иконка отправки.\n * - `done` – иконка отправки в режиме редактирования.\n /\n mode?: \"attach\" \| \"send\" \| \"done\";\n /\n Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n */\n count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nexport const WriteBarIcon: React.FC<WriteBarIconProps> = ({\n mode,\n children,\n count,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n\n let icon: React.ReactNode;\n let ariaLabel: string \| undefined = undefined;\n\n switch (mode) {\n case \"attach\":\n icon =\n platform === IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n ariaLabel = \"Прикрепить файл\";\n break;\n\n case \"send\":\n icon = platform === IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n ariaLabel = \"Отправить\";\n break;\n\n case \"done\":\n icon =\n platform === IOS ? (\n <Icon48WritebarDone />\n ) : (\n <Icon28CheckCircleOutline />\n );\n ariaLabel = \"Готово\";\n break;\n\n default:\n break;\n }\n\n if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n warn(\n \"a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.\",\n \"error\"\n );\n }\n\n return (\n <Tappable\n aria-label={ariaLabel}\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode=\"WriteBarIcon__active\"\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(getClassName(\"WriteBarIcon\", platform), {\n [`WriteBarIcon--${mode}`]: !!mode,\n })}\n >\n <span vkuiClass=\"WriteBarIcon__in\">\n {icon \|\| children}\n {hasReactNode(count) && (\n <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">\n {count}\n </Counter>\n )}\n </span>\n </Tappable>\n );\n};\n"],"file":"WriteBarIcon.js"}
1	+ {"version":3,"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","icon","ariaLabel","undefined","IOS"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAoBA,IAAMA,IAAI,GAAG,wBAAS,cAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;AAEA;AACA;AACA;;AACO,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,OAKhC;AAAA,MAJvBC,IAIuB,QAJvBA,IAIuB;AAAA,MAHvBC,QAGuB,QAHvBA,QAGuB;AAAA,MAFvBC,KAEuB,QAFvBA,KAEuB;AAAA,MADpBC,SACoB;AACvB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,IAAJ;AACA,MAAIC,SAA6B,GAAGC,SAApC;;AAEA,UAAQP,IAAR;AACE,SAAK,QAAL;AACEK,MAAAA,IAAI,GACFD,QAAQ,KAAKI,aAAb,GAAmB,qCAAC,6BAAD,OAAnB,GAAgD,qCAAC,0BAAD,OADlD;AAEAF,MAAAA,SAAS,GAAG,iBAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GAAGD,QAAQ,KAAKI,aAAb,GAAmB,qCAAC,yBAAD,OAAnB,GAA4C,qCAAC,iBAAD,OAAnD;AACAF,MAAAA,SAAS,GAAG,WAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GACFD,QAAQ,KAAKI,aAAb,GACE,qCAAC,yBAAD,OADF,GAGE,qCAAC,+BAAD,OAJJ;AAMAF,MAAAA,SAAS,GAAG,QAAZ;AACA;;AAEF;AACE;AAvBJ;;AA0BA,MAAIX,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACG,SAA3C,EAAsD;AACpDZ,IAAAA,IAAI,CACF,wFADE,EAEF,OAFE,CAAJ;AAID;;AAED,SACE,qCAAC,iBAAD;AACE,kBAAYY;AADd,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAC,QAHZ;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,UAAU,EAAC,sBALb,CAME;AANF;AAOE,IAAA,SAAS,EAAE,6BAAW,gCAAa,cAAb,EAA6BC,QAA7B,CAAX,4DACSJ,IADT,GACkB,CAAC,CAACA,IADpB;AAPb,MAWE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGK,IAAI,IAAIJ,QADX,EAEG,yBAAaC,KAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,uBAAnB;AAA2C,IAAA,IAAI,EAAC;AAAhD,KACGA,KADH,CAHJ,CAXF,CADF;AAsBD,CAlEM","sourcesContent":["import * as React from \"react\";\nimport {\n Icon24Send,\n Icon28AddCircleOutline,\n Icon28AttachOutline,\n Icon28CheckCircleOutline,\n Icon48WritebarDone,\n Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS } from \"../../lib/platform\";\nimport { Counter } from \"../Counter/Counter\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./WriteBarIcon.css\";\n\nexport interface WriteBarIconProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n * Если передать валидное значение для этого свойства, `children` игнорируется.\n \n - `attach` – иконка прикрепления.\n * - `send` – иконка отправки.\n * - `done` – иконка отправки в режиме редактирования.\n /\n mode?: \"attach\" \| \"send\" \| \"done\";\n /\n Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n /\n count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\n/\n @see https://vkcom.github.io/VKUI/#/WriteBarIcon\n */\nexport const WriteBarIcon: React.FC<WriteBarIconProps> = ({\n mode,\n children,\n count,\n ...restProps\n}: WriteBarIconProps) => {\n const platform = usePlatform();\n\n let icon: React.ReactNode;\n let ariaLabel: string \| undefined = undefined;\n\n switch (mode) {\n case \"attach\":\n icon =\n platform === IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n ariaLabel = \"Прикрепить файл\";\n break;\n\n case \"send\":\n icon = platform === IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n ariaLabel = \"Отправить\";\n break;\n\n case \"done\":\n icon =\n platform === IOS ? (\n <Icon48WritebarDone />\n ) : (\n <Icon28CheckCircleOutline />\n );\n ariaLabel = \"Готово\";\n break;\n\n default:\n break;\n }\n\n if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n warn(\n \"a11y: У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.\",\n \"error\"\n );\n }\n\n return (\n <Tappable\n aria-label={ariaLabel}\n {...restProps}\n Component=\"button\"\n hasHover={false}\n activeMode=\"WriteBarIcon__active\"\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(getClassName(\"WriteBarIcon\", platform), {\n [`WriteBarIcon--${mode}`]: !!mode,\n })}\n >\n <span vkuiClass=\"WriteBarIcon__in\">\n {icon \|\| children}\n {hasReactNode(count) && (\n <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">\n {count}\n </Counter>\n )}\n </span>\n </Tappable>\n );\n};\n"],"file":"WriteBarIcon.js"}

package/dist/cjs/hooks/useKeyboard.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 interface SoftwareKeyboardState {
     isOpened: boolean;
-    isPrecise: boolean;
 }
 /**
  Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств

package/dist/cjs/hooks/useKeyboard.js CHANGED Viewed

@@ -38,7 +38,6 @@ function useKeyboard() {
   var _document$activeEleme3;
   var _useDOM = (0, _dom.useDOM)(),
-      window = _useDOM.window,
       document = _useDOM.document;
   var _React$useState = React.useState(false),
@@ -46,28 +45,12 @@ function useKeyboard() {
       isOpened = _React$useState2[0],
       setIsOpened = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      isPrecise = _React$useState4[0],
-      setIsPrecise = _React$useState4[1];
-  var transitionalTimeout = React.useRef(null);
   var onFocus = React.useCallback(function (event) {
     var _document$activeEleme, _document$activeEleme2;
-    if (transitionalTimeout.current) {
-      clearTimeout(transitionalTimeout.current);
-    }
     var isOpened = (event === true || event.type === "focusin") && ((document === null || document === void 0 ? void 0 : (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.tagName) === "INPUT" || (document === null || document === void 0 ? void 0 : (_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.tagName) === "TEXTAREA");
     setIsOpened(isOpened);
-    setIsPrecise(false); // Ожидаем прохождение анимации раскрытия клавиатуры
-    transitionalTimeout.current = setTimeout(function () {
-      setIsOpened(isOpened);
-      setIsPrecise(getPreciseKeyboardState(window));
-    }, 300);
-  }, [document === null || document === void 0 ? void 0 : (_document$activeEleme3 = document.activeElement) === null || _document$activeEleme3 === void 0 ? void 0 : _document$activeEleme3.tagName, window]);
+  }, [document === null || document === void 0 ? void 0 : (_document$activeEleme3 = document.activeElement) === null || _document$activeEleme3 === void 0 ? void 0 : _document$activeEleme3.tagName]);
   /**
    У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,
    чтобы иметь хоть какое-то понимание происходящего.
@@ -79,8 +62,7 @@ function useKeyboard() {
   (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusout", onFocus, eventOptions);
   (0, _useGlobalEventListener.useGlobalEventListener)(document, "focusin", onFocus, eventOptions);
   return {
-    isOpened: isOpened,
-    isPrecise: isPrecise
+    isOpened: isOpened
   };
 }
 //# sourceMappingURL=useKeyboard.js.map

package/dist/cjs/hooks/useKeyboard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"names":["getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","React","useState","isOpened","setIsOpened","~~isPrecise","setIsPrecise","transitionalTimeout","useRef","~~onFocus","useCallback","event","~~current","clearTimeout","~~type","activeElement","tagName","~~setTimeout","~~useEffect"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;~~AAOA~~;AACA;AACA;AACA;AACO,SAASA,uBAAT,CAAiCC,MAAjC,EAAuD;AAC5D,MACEC,WADF,GAGID,MAHJ,CACEC,WADF;AAAA,MAEYC,WAFZ,GAGIF,MAHJ,CAEEG,MAFF,CAEYD,WAFZ;AAKA,MAAME,yBAAyB,GAAGC,IAAI,CAACC,KAAL,CAChC,CAAC,IAAIL,WAAW,GAAGC,WAAnB,IAAkC,GADF,CAAlC;AAGA,SAAOE,yBAAyB,GAAG,EAAnC;AACD;;AAED,IAAMG,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAE,IADU;AAEnBC,EAAAA,OAAO,EAAE;AAFU,CAArB;;AAKO,SAASC,WAAT,GAA8C;AAAA;;AACnD,~~gBAA6B~~,~~kBAA7B~~;AAAA,~~MAAQV~~,~~MAAR~~,WAAQA,~~MAAR;AAAA,MAAgBW,QAAhB,WAAgBA,QAAhB~~;;AAEA,wBAAgCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;~~AACA,yBAAkCH,KAAK,CAACC,QAAN,CAAe,KAAf,CAAlC;AAAA;AAAA,MAAOG,SAAP;AAAA,MAAkBC,YAAlB;;~~AAEA,MAAMC,~~mBAAmB,GAAGN,KAAK,CAACO,MAAN,CAElB,IAFkB,CAA5B;AAIA,MAAMC,~~OAAO,~~GAAGR~~,KAAK,~~CAACS~~,WAAN,CACd,UAACC,KAAD,EAA8B;AAAA;;AAC5B,~~QAAIJ~~,~~mBAAmB,CAACK,OAAxB,EAAiC;AAC/BC,MAAAA,YAAY,CAACN,mBAAmB,CAACK,OAArB,CAAZ;AACD;;AAED,QAAMT,~~QAAQ,GACZ,~~CAACQ~~,KAAK,KAAK,IAAV,IAAkBA,KAAK,~~CAACG~~,IAAN,KAAe,SAAlC,MACC,~~CAAAd~~,QAAQ,SAAR,IAAAA,QAAQ,WAAR,qCAAAA,QAAQ,~~CAAEe~~,aAAV,gFAAyBC,OAAzB,MAAqC,OAArC,IACC,~~CAAAhB~~,QAAQ,SAAR,IAAAA,QAAQ,WAAR,sCAAAA,QAAQ,~~CAAEe~~,aAAV,kFAAyBC,OAAzB,MAAqC,UAFvC,CADF;~~AAIAZ~~,IAAAA,WAAW,CAACD,QAAD,CAAX;~~AACAG,IAAAA,YAAY,CAAC,KAAD,CAAZ,CAV4B,CAY5B;;AACAC,IAAAA,mBAAmB,CAACK,OAApB,GAA8BK,UAAU,CAAC,YAAM;AAC7Cb,MAAAA,WAAW,CAACD,QAAD,CAAX;AACAG,MAAAA,YAAY,CAAClB,uBAAuB,CAACC,MAAD,CAAxB,CAAZ;~~AACD,~~KAHuC~~,~~EAGrC~~,~~GAHqC~~,~~CAAxC;AAID,GAlBa,EAmBd,CAACW,~~QAAD,aAACA,QAAD,iDAACA,QAAQ,~~CAAEe~~,aAAX,2DAAC,uBAAyBC,OAA1B,~~EAAmC3B~~,~~MAAnC,CAnBc,~~CAAhB;~~AAsBA~~;AACF;AACA;AACA;;~~AACEY~~,EAAAA,KAAK,~~CAACiB~~,SAAN,CAAgB,YAAM;~~AACpBT~~,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;AAIA,~~sDAAuBT~~,QAAvB,EAAiC,UAAjC,~~EAA6CS~~,OAA7C,~~EAAsDb~~,YAAtD;AACA,sDAAuBI,QAAvB,EAAiC,SAAjC,~~EAA4CS~~,OAA5C,~~EAAqDb~~,YAArD;AAEA,SAAO;AAAEO,IAAAA,QAAQ,EAARA~~,QAAF~~;~~AAAYE~~,~~IAAAA,SAAS,EAATA;AAAZ,~~GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ninterface SoftwareKeyboardState {\n isOpened: boolean;\n ~~isPrecise: boolean;\n~~}\n\n/*\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n /\nexport function getPreciseKeyboardState(window: any): boolean {\n const {\n innerHeight,\n screen: { availHeight },\n } = window;\n\n const coveredViewportPercentage = Math.round(\n (1 - innerHeight / availHeight) * 100\n );\n return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n passive: true,\n capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n const { ~~window,~~ document } = useDOM();\n\n const [isOpened, setIsOpened] = React.useState(false);\n ~~const [isPrecise, setIsPrecise] = React.useState(false);\n~~\n const ~~transitionalTimeout = React.useRef<ReturnType<\n typeof setTimeout\n > \| null>(null);\n\n const~~ onFocus = React.useCallback(\n (event: FocusEvent \| true) => {\n ~~if (transitionalTimeout.current) {\n clearTimeout(transitionalTimeout.current);\n }\n\n~~ const isOpened =\n (event === true \|\| event.type === \"focusin\") &&\n (document?.activeElement?.tagName === \"INPUT\" \|\|\n document?.activeElement?.tagName === \"TEXTAREA\");\n setIsOpened(isOpened);\n setIsPrecise(false);\n\n // Ожидаем прохождение анимации раскрытия клавиатуры\n transitionalTimeout.current = setTimeout(() => {\n setIsOpened(isOpened);\n setIsPrecise(getPreciseKeyboardState(window));\n }, 300);\n },\n [document?.activeElement?.tagName~~, window~~]\n );\n\n /*\n У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n чтобы иметь хоть какое-то понимание происходящего.\n /\n React.useEffect(() => {\n onFocus(true);\n }, [onFocus]);\n\n useGlobalEventListener(document, \"focusout\", onFocus, eventOptions);\n useGlobalEventListener(document, \"focusin\", onFocus, eventOptions);\n\n return { isOpened, ~~isPrecise~~ };\n}\n"],"file":"useKeyboard.js"}
1	+ {"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"names":["getPreciseKeyboardState","window","innerHeight","availHeight","screen","coveredViewportPercentage","Math","round","eventOptions","passive","capture","useKeyboard","document","React","useState","isOpened","setIsOpened","onFocus","useCallback","event","type","activeElement","tagName","useEffect"],"mappings":";;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAMA;AACA;AACA;AACA;AACO,SAASA,uBAAT,CAAiCC,MAAjC,EAAuD;AAC5D,MACEC,WADF,GAGID,MAHJ,CACEC,WADF;AAAA,MAEYC,WAFZ,GAGIF,MAHJ,CAEEG,MAFF,CAEYD,WAFZ;AAKA,MAAME,yBAAyB,GAAGC,IAAI,CAACC,KAAL,CAChC,CAAC,IAAIL,WAAW,GAAGC,WAAnB,IAAkC,GADF,CAAlC;AAGA,SAAOE,yBAAyB,GAAG,EAAnC;AACD;;AAED,IAAMG,YAAY,GAAG;AACnBC,EAAAA,OAAO,EAAE,IADU;AAEnBC,EAAAA,OAAO,EAAE;AAFU,CAArB;;AAKO,SAASC,WAAT,GAA8C;AAAA;;AACnD,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AAEA,wBAAgCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AAEA,MAAMC,OAAO,GAAGJ,KAAK,CAACK,WAAN,CACd,UAACC,KAAD,EAA8B;AAAA;;AAC5B,QAAMJ,QAAQ,GACZ,CAACI,KAAK,KAAK,IAAV,IAAkBA,KAAK,CAACC,IAAN,KAAe,SAAlC,MACC,CAAAR,QAAQ,SAAR,IAAAA,QAAQ,WAAR,qCAAAA,QAAQ,CAAES,aAAV,gFAAyBC,OAAzB,MAAqC,OAArC,IACC,CAAAV,QAAQ,SAAR,IAAAA,QAAQ,WAAR,sCAAAA,QAAQ,CAAES,aAAV,kFAAyBC,OAAzB,MAAqC,UAFvC,CADF;AAIAN,IAAAA,WAAW,CAACD,QAAD,CAAX;AACD,GAPa,EAQd,CAACH,QAAD,aAACA,QAAD,iDAACA,QAAQ,CAAES,aAAX,2DAAC,uBAAyBC,OAA1B,CARc,CAAhB;AAWA;AACF;AACA;AACA;;AACET,EAAAA,KAAK,CAACU,SAAN,CAAgB,YAAM;AACpBN,IAAAA,OAAO,CAAC,IAAD,CAAP;AACD,GAFD,EAEG,CAACA,OAAD,CAFH;AAIA,sDAAuBL,QAAvB,EAAiC,UAAjC,EAA6CK,OAA7C,EAAsDT,YAAtD;AACA,sDAAuBI,QAAvB,EAAiC,SAAjC,EAA4CK,OAA5C,EAAqDT,YAArD;AAEA,SAAO;AAAEO,IAAAA,QAAQ,EAARA;AAAF,GAAP;AACD","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\n\ninterface SoftwareKeyboardState {\n isOpened: boolean;\n}\n\n/*\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n /\nexport function getPreciseKeyboardState(window: any): boolean {\n const {\n innerHeight,\n screen: { availHeight },\n } = window;\n\n const coveredViewportPercentage = Math.round(\n (1 - innerHeight / availHeight) * 100\n );\n return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n passive: true,\n capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n const { document } = useDOM();\n\n const [isOpened, setIsOpened] = React.useState(false);\n\n const onFocus = React.useCallback(\n (event: FocusEvent \| true) => {\n const isOpened =\n (event === true \|\| event.type === \"focusin\") &&\n (document?.activeElement?.tagName === \"INPUT\" \|\|\n document?.activeElement?.tagName === \"TEXTAREA\");\n setIsOpened(isOpened);\n },\n [document?.activeElement?.tagName]\n );\n\n /*\n У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n чтобы иметь хоть какое-то понимание происходящего.\n /\n React.useEffect(() => {\n onFocus(true);\n }, [onFocus]);\n\n useGlobalEventListener(document, \"focusout\", onFocus, eventOptions);\n useGlobalEventListener(document, \"focusin\", onFocus, eventOptions);\n\n return { isOpened };\n}\n"],"file":"useKeyboard.js"}

package/dist/cjs/hooks/usePrevious.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare function usePrevious<T>(value: T): T \| undefined;

package/dist/cjs/hooks/usePrevious.js ADDED Viewed

@@ -0,0 +1,19 @@
+"use strict";
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePrevious = usePrevious;
+var React = _interopRequireWildcard(require("react"));
+function usePrevious(value) {
+  var ref = React.useRef();
+  React.useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+}
+//# sourceMappingURL=usePrevious.js.map

package/dist/cjs/hooks/usePrevious.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../src/hooks/usePrevious.ts"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";;;;;;;;;AAAA;;AAEO,SAASA,WAAT,CAAwBC,KAAxB,EAAiD;AACtD,MAAMC,GAAG,GAAGC,KAAK,CAACC,MAAN,EAAZ;AAEAD,EAAAA,KAAK,CAACE,SAAN,CAAgB,YAAM;AACpBH,IAAAA,GAAG,CAACI,OAAJ,GAAcL,KAAd;AACD,GAFD;AAIA,SAAOC,GAAG,CAACI,OAAX;AACD","sourcesContent":["import * as React from \"react\";\n\nexport function usePrevious<T>(value: T): T | undefined {\n const ref = React.useRef<T | undefined>();\n\n React.useEffect(() => {\n ref.current = value;\n });\n\n return ref.current;\n}\n"],"file":"usePrevious.js"}

package/dist/cjs/hooks/useWaitTransitionFinish.js CHANGED Viewed

@@ -19,7 +19,7 @@ var useWaitTransitionFinish = function useWaitTransitionFinish() {
   var _useDOM = (0, _dom.useDOM)(),
       document = _useDOM.document;
-  var waitTransitionFinish = function waitTransitionFinish(element, eventHandler, durationFallback) {
+  var waitTransitionFinish = React.useCallback(function (element, eventHandler, durationFallback) {
     if (element) {
       if (!(document !== null && document !== void 0 && document.hidden) && _supportEvents.transitionEvent.supported && _supportEvents.transitionEvent.name) {
         element.removeEventListener(_supportEvents.transitionEvent.name, eventHandler);
@@ -32,8 +32,7 @@ var useWaitTransitionFinish = function useWaitTransitionFinish() {
         timeoutRef.current = setTimeout(eventHandler, durationFallback);
       }
     }
-  };
+  }, [document, timeoutRef]);
   return {
     waitTransitionFinish: waitTransitionFinish
   };

package/dist/cjs/hooks/useWaitTransitionFinish.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","document","waitTransitionFinish","element","eventHandler","durationFallback","hidden","transitionEvent","supported","name","removeEventListener","addEventListener","current","clearTimeout","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;AAC3C,MAAMC,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAmD,IAAnD,CAAnB;;AACA,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AAEA,MAAMC,oBAAoB,~~GAAG~~,~~SAAvBA~~,~~oBAAuB~~,~~CAC3BC~~,~~OAD2B~~,~~EAE3BC~~,~~YAF2B~~,~~EAG3BC~~,~~gBAH2B~~,~~EAIxB~~;AACH,QAAIF,OAAJ,EAAa;AACX,UACE,~~EAACF~~,QAAD,aAACA,QAAD,eAACA,QAAQ,~~CAAEK~~,MAAX,KACAC,+BAAgBC,SADhB,IAEAD,+BAAgBE,IAHlB,EAIE;AACAN,QAAAA,OAAO,CAACO,mBAAR,CAA4BH,+BAAgBE,IAA5C,EAAkDL,YAAlD;AACAD,QAAAA,OAAO,CAACQ,gBAAR,CAAyBJ,+BAAgBE,IAAzC,EAA+CL,YAA/C;AACD,OAPD,MAOO;AACL,~~YAAIN~~,UAAJ,aAAIA,UAAJ,eAAIA,UAAU,~~CAAEc~~,OAAhB,EAAyB;AACvBC,UAAAA,YAAY,~~CAACf~~,UAAU,~~CAACc~~,OAAZ,CAAZ;AACD;;~~AACDd~~,QAAAA,UAAU,~~CAACc~~,OAAX,GAAqBE,UAAU,CAACV,YAAD,EAAeC,gBAAf,CAA/B;AACD;AACF;AACF,~~GApBD;;AAsBA~~,SAAO;~~AACLH~~,IAAAA,oBAAoB,EAApBA;AADK,GAAP;AAGD,~~CA7BM~~","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { transitionEvent } from \"../lib/supportEvents\";\n\nexport const useWaitTransitionFinish = () => {\n const timeoutRef = React.useRef<ReturnType<typeof setTimeout> \| null>(null);\n const { document } = useDOM();\n\n const waitTransitionFinish = (\n element: HTMLElement \| null,\n eventHandler: VoidFunction,\n durationFallback: number\n ) => {\n if (element) {\n if (\n !document?.hidden &&\n transitionEvent.supported &&\n transitionEvent.name\n ) {\n element.removeEventListener(transitionEvent.name, eventHandler);\n element.addEventListener(transitionEvent.name, eventHandler);\n } else {\n if (timeoutRef?.current) {\n clearTimeout(timeoutRef.current);\n }\n timeoutRef.current = setTimeout(eventHandler, durationFallback);\n }\n }\n };\n\n return {\n waitTransitionFinish,\n };\n};\n"],"file":"useWaitTransitionFinish.js"}
1	+ {"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","document","waitTransitionFinish","useCallback","element","eventHandler","durationFallback","hidden","transitionEvent","supported","name","removeEventListener","addEventListener","current","clearTimeout","setTimeout"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,uBAAuB,GAAG,SAA1BA,uBAA0B,GAAM;AAC3C,MAAMC,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAmD,IAAnD,CAAnB;;AACA,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AAEA,MAAMC,oBAAoB,GAAGH,KAAK,CAACI,WAAN,CAC3B,UACEC,OADF,EAEEC,YAFF,EAGEC,gBAHF,EAIK;AACH,QAAIF,OAAJ,EAAa;AACX,UACE,EAACH,QAAD,aAACA,QAAD,eAACA,QAAQ,CAAEM,MAAX,KACAC,+BAAgBC,SADhB,IAEAD,+BAAgBE,IAHlB,EAIE;AACAN,QAAAA,OAAO,CAACO,mBAAR,CAA4BH,+BAAgBE,IAA5C,EAAkDL,YAAlD;AACAD,QAAAA,OAAO,CAACQ,gBAAR,CAAyBJ,+BAAgBE,IAAzC,EAA+CL,YAA/C;AACD,OAPD,MAOO;AACL,YAAIP,UAAJ,aAAIA,UAAJ,eAAIA,UAAU,CAAEe,OAAhB,EAAyB;AACvBC,UAAAA,YAAY,CAAChB,UAAU,CAACe,OAAZ,CAAZ;AACD;;AACDf,QAAAA,UAAU,CAACe,OAAX,GAAqBE,UAAU,CAACV,YAAD,EAAeC,gBAAf,CAA/B;AACD;AACF;AACF,GArB0B,EAsB3B,CAACL,QAAD,EAAWH,UAAX,CAtB2B,CAA7B;AAyBA,SAAO;AACLI,IAAAA,oBAAoB,EAApBA;AADK,GAAP;AAGD,CAhCM","sourcesContent":["import * as React from \"react\";\nimport { useDOM } from \"../lib/dom\";\nimport { transitionEvent } from \"../lib/supportEvents\";\n\nexport const useWaitTransitionFinish = () => {\n const timeoutRef = React.useRef<ReturnType<typeof setTimeout> \| null>(null);\n const { document } = useDOM();\n\n const waitTransitionFinish = React.useCallback(\n (\n element: HTMLElement \| null,\n eventHandler: VoidFunction,\n durationFallback: number\n ) => {\n if (element) {\n if (\n !document?.hidden &&\n transitionEvent.supported &&\n transitionEvent.name\n ) {\n element.removeEventListener(transitionEvent.name, eventHandler);\n element.addEventListener(transitionEvent.name, eventHandler);\n } else {\n if (timeoutRef?.current) {\n clearTimeout(timeoutRef.current);\n }\n timeoutRef.current = setTimeout(eventHandler, durationFallback);\n }\n }\n },\n [document, timeoutRef]\n );\n\n return {\n waitTransitionFinish,\n };\n};\n"],"file":"useWaitTransitionFinish.js"}