@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["AVATAR_DEFAULT_SIZE","AVATAR_DEFAULT_SHADOW","Avatar","alt","crossOrigin","decoding","height","loading","referrerPolicy","sizes","src","srcSet","useMap","width","getRef","size","shadow","mode","className","children","getRootRef","style","ariaLabel","badge","overlayIcon","overlayMode","passedOverlayAction","overlayAction","onClick","restProps","useAdaptivity","hasMouse","React","useState","failedImage","setFailedImage","onImageError","onImageLoad","borderRadius","hasSrc","classNames","undefined"],"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon12Circle, Icon12OnlineMobile } from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./Avatar.css\";\n\nexport interface AvatarProps\n  extends React.ImgHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLImageElement> {\n  /**\n   * Рекомендуемый сет значений: 96 | 88 | 80 | 72 | 64 | 56 | 48 | 44 | 40 | 36 | 32 | 28 | 24\n   */\n  size?: number;\n  mode?: \"default\" | \"image\" | \"app\";\n  shadow?: boolean;\n  badge?: \"online\" | \"online-mobile\" | JSX.Element;\n  overlayIcon?: JSX.Element;\n  overlayMode?: \"dark\" | \"light\";\n  /**\n   * Поведение показа overlay: \"hover\" - при наведении, \"always\" - всегда\n   */\n  overlayAction?: \"hover\" | \"always\";\n}\n\nexport const AVATAR_DEFAULT_SIZE = 48;\nexport const AVATAR_DEFAULT_SHADOW = true;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar = ({\n  alt,\n  crossOrigin,\n  decoding,\n  height,\n  loading,\n  referrerPolicy,\n  sizes,\n  src,\n  srcSet,\n  useMap,\n  width,\n  getRef,\n  size = AVATAR_DEFAULT_SIZE,\n  shadow = AVATAR_DEFAULT_SHADOW,\n  mode = \"default\",\n  className,\n  children,\n  getRootRef,\n  style,\n  \"aria-label\": ariaLabel,\n  badge,\n  overlayIcon,\n  overlayMode = \"light\",\n  overlayAction: passedOverlayAction,\n  onClick,\n  ...restProps\n}: AvatarProps) => {\n  const { hasMouse } = useAdaptivity();\n  const [failedImage, setFailedImage] = React.useState(false);\n\n  const overlayAction = passedOverlayAction ?? (hasMouse ? \"hover\" : \"always\");\n\n  const onImageError = () => {\n    setFailedImage(true);\n  };\n\n  const onImageLoad = () => {\n    setFailedImage(false);\n  };\n\n  let borderRadius: string | number = \"50%\";\n\n  switch (mode) {\n    case \"image\":\n      size < 64 && (borderRadius = 4);\n      size >= 64 && size < 96 && (borderRadius = 6);\n      size >= 96 && (borderRadius = 8);\n      break;\n    case \"app\":\n      size <= 40 && (borderRadius = 8);\n      size > 40 && size < 56 && (borderRadius = 10);\n      size >= 56 && size < 64 && (borderRadius = 12);\n      size >= 64 && size < 84 && (borderRadius = 16);\n      size >= 84 && (borderRadius = 18);\n      break;\n    default:\n      break;\n  }\n\n  const hasSrc = src || srcSet;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Avatar\",\n        `Avatar--type-${mode}`,\n        `Avatar--sz-${size}`,\n        shadow && \"Avatar--shadow\",\n        failedImage && \"Avatar--failed\"\n      )}\n      className={className}\n      ref={getRootRef}\n      role={hasSrc ? \"img\" : \"presentation\"}\n      aria-label={alt || ariaLabel}\n      onClick={!overlayIcon ? onClick : undefined}\n      style={{ ...style, width: size, height: size, borderRadius }}\n    >\n      {hasSrc && (\n        <img\n          crossOrigin={crossOrigin}\n          decoding={decoding}\n          height={height}\n          loading={loading}\n          referrerPolicy={referrerPolicy}\n          sizes={sizes}\n          src={src}\n          srcSet={srcSet}\n          useMap={useMap}\n          width={width}\n          ref={getRef}\n          onError={onImageError}\n          onLoad={onImageLoad}\n          vkuiClass=\"Avatar__img\"\n          alt=\"\"\n        />\n      )}\n      {children && <div vkuiClass=\"Avatar__children\">{children}</div>}\n      {overlayIcon && (\n        <Tappable\n          Component=\"button\"\n          vkuiClass={classNames(\n            \"Avatar__overlay\",\n            overlayAction === \"always\" && \"Avatar__overlay--visible\",\n            overlayMode === \"light\" && \"Avatar__overlay--light\",\n            overlayMode === \"dark\" && \"Avatar__overlay--dark\"\n          )}\n          hoverMode=\"Avatar__overlay--visible\"\n          focusVisibleMode=\"Avatar__overlay--focus-visible\"\n          hasActive={false}\n          onClick={onClick}\n        >\n          {overlayIcon}\n        </Tappable>\n      )}\n      {badge && (\n        <div\n          vkuiClass={classNames(\n            \"Avatar__badge\",\n            size >= 96 && \"Avatar__badge--large\",\n            badge !== \"online\" &&\n              badge !== \"online-mobile\" &&\n              \"Avatar__badge--shadow\"\n          )}\n        >\n          {badge === \"online\" ? (\n            <div vkuiClass=\"Avatar__badge-online\">\n              <Icon12Circle\n                width={size >= 72 ? 15 : 12}\n                height={size >= 72 ? 15 : 12}\n              />\n            </div>\n          ) : badge === \"online-mobile\" ? (\n            <div vkuiClass=\"Avatar__badge-online-mobile\">\n              <Icon12OnlineMobile\n                width={size >= 72 ? 9 : 8}\n                height={size >= 72 ? 15 : 12}\n              />\n            </div>\n          ) : (\n            badge\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;AAuBO,IAAMA,mBAAmB,GAAG,EAA5B;;AACA,IAAMC,qBAAqB,GAAG,IAA9B;AAEP;AACA;AACA;;;;AACO,IAAMC,MAAM,GAAG,SAATA,MAAS,OA2BH;EAAA,IA1BjBC,GA0BiB,QA1BjBA,GA0BiB;EAAA,IAzBjBC,WAyBiB,QAzBjBA,WAyBiB;EAAA,IAxBjBC,QAwBiB,QAxBjBA,QAwBiB;EAAA,IAvBjBC,MAuBiB,QAvBjBA,MAuBiB;EAAA,IAtBjBC,OAsBiB,QAtBjBA,OAsBiB;EAAA,IArBjBC,cAqBiB,QArBjBA,cAqBiB;EAAA,IApBjBC,KAoBiB,QApBjBA,KAoBiB;EAAA,IAnBjBC,GAmBiB,QAnBjBA,GAmBiB;EAAA,IAlBjBC,MAkBiB,QAlBjBA,MAkBiB;EAAA,IAjBjBC,MAiBiB,QAjBjBA,MAiBiB;EAAA,IAhBjBC,KAgBiB,QAhBjBA,KAgBiB;EAAA,IAfjBC,MAeiB,QAfjBA,MAeiB;EAAA,qBAdjBC,IAciB;EAAA,IAdjBA,IAciB,0BAdVf,mBAcU;EAAA,uBAbjBgB,MAaiB;EAAA,IAbjBA,MAaiB,4BAbRf,qBAaQ;EAAA,qBAZjBgB,IAYiB;EAAA,IAZjBA,IAYiB,0BAZV,SAYU;EAAA,IAXjBC,SAWiB,QAXjBA,SAWiB;EAAA,IAVjBC,QAUiB,QAVjBA,QAUiB;EAAA,IATjBC,UASiB,QATjBA,UASiB;EAAA,IARjBC,KAQiB,QARjBA,KAQiB;EAAA,IAPHC,SAOG,QAPjB,YAOiB;EAAA,IANjBC,KAMiB,QANjBA,KAMiB;EAAA,IALjBC,WAKiB,QALjBA,WAKiB;EAAA,4BAJjBC,WAIiB;EAAA,IAJjBA,WAIiB,iCAJH,OAIG;EAAA,IAHFC,mBAGE,QAHjBC,aAGiB;EAAA,IAFjBC,OAEiB,QAFjBA,OAEiB;EAAA,IADdC,SACc;;EACjB,qBAAqB,IAAAC,6BAAA,GAArB;EAAA,IAAQC,QAAR,kBAAQA,QAAR;;EACA,sBAAsCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAtC;EAAA;EAAA,IAAOC,WAAP;EAAA,IAAoBC,cAApB;;EAEA,IAAMR,aAAa,GAAGD,mBAAH,aAAGA,mBAAH,cAAGA,mBAAH,GAA2BK,QAAQ,GAAG,OAAH,GAAa,QAAnE;;EAEA,IAAMK,YAAY,GAAG,SAAfA,YAAe,GAAM;IACzBD,cAAc,CAAC,IAAD,CAAd;EACD,CAFD;;EAIA,IAAME,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxBF,cAAc,CAAC,KAAD,CAAd;EACD,CAFD;;EAIA,IAAIG,YAA6B,GAAG,KAApC;;EAEA,QAAQrB,IAAR;IACE,KAAK,OAAL;MACEF,IAAI,GAAG,EAAP,KAAcuB,YAAY,GAAG,CAA7B;MACAvB,IAAI,IAAI,EAAR,IAAcA,IAAI,GAAG,EAArB,KAA4BuB,YAAY,GAAG,CAA3C;MACAvB,IAAI,IAAI,EAAR,KAAeuB,YAAY,GAAG,CAA9B;MACA;;IACF,KAAK,KAAL;MACEvB,IAAI,IAAI,EAAR,KAAeuB,YAAY,GAAG,CAA9B;MACAvB,IAAI,GAAG,EAAP,IAAaA,IAAI,GAAG,EAApB,KAA2BuB,YAAY,GAAG,EAA1C;MACAvB,IAAI,IAAI,EAAR,IAAcA,IAAI,GAAG,EAArB,KAA4BuB,YAAY,GAAG,EAA3C;MACAvB,IAAI,IAAI,EAAR,IAAcA,IAAI,GAAG,EAArB,KAA4BuB,YAAY,GAAG,EAA3C;MACAvB,IAAI,IAAI,EAAR,KAAeuB,YAAY,GAAG,EAA9B;MACA;;IACF;MACE;EAdJ;;EAiBA,IAAMC,MAAM,GAAG7B,GAAG,IAAIC,MAAtB;EAEA,OACE,uEACMkB,SADN;IAEE,SAAS,EAAE,IAAAW,sBAAA,EACT,QADS,yBAEOvB,IAFP,wBAGKF,IAHL,GAITC,MAAM,IAAI,gBAJD,EAKTkB,WAAW,IAAI,gBALN,CAFb;IASE,SAAS,EAAEhB,SATb;IAUE,GAAG,EAAEE,UAVP;IAWE,IAAI,EAAEmB,MAAM,GAAG,KAAH,GAAW,cAXzB;IAYE,cAAYpC,GAAG,IAAImB,SAZrB;IAaE,OAAO,EAAE,CAACE,WAAD,GAAeI,OAAf,GAAyBa,SAbpC;IAcE,KAAK,8DAAOpB,KAAP;MAAcR,KAAK,EAAEE,IAArB;MAA2BT,MAAM,EAAES,IAAnC;MAAyCuB,YAAY,EAAZA;IAAzC;EAdP,IAgBGC,MAAM,IACL;IACE,WAAW,EAAEnC,WADf;IAEE,QAAQ,EAAEC,QAFZ;IAGE,MAAM,EAAEC,MAHV;IAIE,OAAO,EAAEC,OAJX;IAKE,cAAc,EAAEC,cALlB;IAME,KAAK,EAAEC,KANT;IAOE,GAAG,EAAEC,GAPP;IAQE,MAAM,EAAEC,MARV;IASE,MAAM,EAAEC,MATV;IAUE,KAAK,EAAEC,KAVT;IAWE,GAAG,EAAEC,MAXP;IAYE,OAAO,EAAEsB,YAZX;IAaE,MAAM,EAAEC,WAbV;IAcE,SAAS,EAAC,aAdZ;IAeE,GAAG,EAAC;EAfN,EAjBJ,EAmCGlB,QAAQ,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,QAAnC,CAnCf,EAoCGK,WAAW,IACV,qCAAC,kBAAD;IACE,SAAS,EAAC,QADZ;IAEE,SAAS,EAAE,IAAAgB,sBAAA,EACT,iBADS,EAETb,aAAa,KAAK,QAAlB,IAA8B,0BAFrB,EAGTF,WAAW,KAAK,OAAhB,IAA2B,wBAHlB,EAITA,WAAW,KAAK,MAAhB,IAA0B,uBAJjB,CAFb;IAQE,SAAS,EAAC,0BARZ;IASE,gBAAgB,EAAC,gCATnB;IAUE,SAAS,EAAE,KAVb;IAWE,OAAO,EAAEG;EAXX,GAaGJ,WAbH,CArCJ,EAqDGD,KAAK,IACJ;IACE,SAAS,EAAE,IAAAiB,sBAAA,EACT,eADS,EAETzB,IAAI,IAAI,EAAR,IAAc,sBAFL,EAGTQ,KAAK,KAAK,QAAV,IACEA,KAAK,KAAK,eADZ,IAEE,uBALO;EADb,GASGA,KAAK,KAAK,QAAV,GACC;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,mBAAD;IACE,KAAK,EAAER,IAAI,IAAI,EAAR,GAAa,EAAb,GAAkB,EAD3B;IAEE,MAAM,EAAEA,IAAI,IAAI,EAAR,GAAa,EAAb,GAAkB;EAF5B,EADF,CADD,GAOGQ,KAAK,KAAK,eAAV,GACF;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,yBAAD;IACE,KAAK,EAAER,IAAI,IAAI,EAAR,GAAa,CAAb,GAAiB,CAD1B;IAEE,MAAM,EAAEA,IAAI,IAAI,EAAR,GAAa,EAAb,GAAkB;EAF5B,EADF,CADE,GAQFQ,KAxBJ,CAtDJ,CADF;AAqFD,CAnJM"}
+{"version":3,"file":"Avatar.js","names":["BADGE_ONLINE","className","classNamesString","styles","background","Icon","Icon12Circle","BADGE_ONLINE_MOBILE","Icon12OnlineMobile","COLORS_NUMBER_TO_TEXT_MAP","AVATAR_DEFAULT_SIZE","Avatar","size","badgeProp","badge","gradientColor","children","FallbackIcon","Icon28Users","restProps","gradientName","undefined","fontSize","getInitialsFontSize"],"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { Icon28Users } from \"@vkontakte/icons\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport {\n  type ImageBaseProps,\n  type ImageBaseBadgeProps,\n  ImageBase,\n} from \"../ImageBase/ImageBase\";\nimport { getInitialsFontSize } from \"./helpers\";\nimport { Icon12Circle, Icon12OnlineMobile } from \"./icons\";\nimport styles from \"./Avatar.module.css\";\n\nconst BADGE_ONLINE = {\n  className: classNamesString(\n    styles[\"Avatar__badge\"],\n    styles[`Avatar__badge--online`]\n  ),\n  background: \"stroke\" as const,\n  Icon: Icon12Circle,\n};\n\nconst BADGE_ONLINE_MOBILE = {\n  className: classNamesString(\n    styles[\"Avatar__badge\"],\n    styles[`Avatar__badge--online-mobile`]\n  ),\n  background: \"stroke\" as const,\n  Icon: Icon12OnlineMobile,\n};\n\nconst COLORS_NUMBER_TO_TEXT_MAP = {\n  1: \"red\",\n  2: \"orange\",\n  3: \"yellow\",\n  4: \"green\",\n  5: \"l-blue\",\n  6: \"violet\",\n} as const;\n\nexport const AVATAR_DEFAULT_SIZE = 48;\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients =\n  keyof typeof COLORS_NUMBER_TO_TEXT_MAP;\n\nexport type InitialsAvatarTextGradients =\n  | typeof COLORS_NUMBER_TO_TEXT_MAP[InitialsAvatarNumberGradients]\n  | \"blue\";\n\nexport interface AvatarProps extends Omit<ImageBaseProps, \"badge\"> {\n  /**\n   * > Не показывается при `size < 24`\n   *\n   * Бейдж в правом нижнем углу компонента.\n   *\n   * Можно передать алиасы, конструктор иконки или конфигурацию.\n   */\n  badge?:\n    | \"online\"\n    | \"online-mobile\"\n    | ImageBaseBadgeProps[\"Icon\"]\n    | ImageBaseBadgeProps;\n  /**\n   * Задаёт градиент для фона.\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   * 2: 'orange'\n   * 3: 'yellow'\n   * 4: 'green'\n   * 5: 'l-blue'\n   * 6: 'violet'\n   *\n   * > Если необходимо задать свой градиент, то используйте значение `\"custom\"` и определите цвет градиента либо через\n   * > свой класс в `className`, либо через `style={{ backgroundImage: \"...\" }}`.\n   */\n  gradientColor?:\n    | InitialsAvatarNumberGradients\n    | InitialsAvatarTextGradients\n    | \"custom\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Avatar\n */\nexport const Avatar = ({\n  size = AVATAR_DEFAULT_SIZE,\n  className,\n  badge: badgeProp,\n  gradientColor,\n  children,\n  FallbackIcon = Icon28Users,\n  ...restProps\n}: AvatarProps) => {\n  const gradientName =\n    typeof gradientColor === \"number\"\n      ? COLORS_NUMBER_TO_TEXT_MAP[gradientColor]\n      : gradientColor;\n\n  let badge: ImageBaseProps[\"badge\"] | undefined = undefined;\n  switch (badgeProp) {\n    case undefined:\n      break;\n    case \"online\":\n      badge = BADGE_ONLINE;\n      break;\n    case \"online-mobile\":\n      badge = BADGE_ONLINE_MOBILE;\n      break;\n    default:\n      badge = {\n        ...(typeof badgeProp === \"function\" ? { Icon: badgeProp } : badgeProp),\n        className: classNamesString(\n          styles[\"Avatar__badge\"],\n          size < 96 && styles[\"Avatar__badge--shifted\"]\n        ),\n      };\n  }\n\n  return (\n    <ImageBase\n      {...restProps}\n      size={size}\n      badge={badge}\n      className={classNamesString(\n        styles[\"Avatar\"],\n        gradientName && styles[`Avatar--has-gradient`],\n        gradientName !== \"custom\" && styles[`Avatar--gradient-${gradientName}`],\n        className\n      )}\n      FallbackIcon={FallbackIcon}\n    >\n      {children && (\n        <div\n          className={styles[\"Avatar__content\"]}\n          style={{\n            fontSize: getInitialsFontSize(size),\n          }}\n        >\n          {children}\n        </div>\n      )}\n    </ImageBase>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAKA;;AACA;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,YAAY,GAAG;EACnBC,SAAS,EAAE,IAAAC,4BAAA,EACTC,MAAM,CAAC,eAAD,CADG,EAETA,MAAM,yBAFG,CADQ;EAKnBC,UAAU,EAAE,QALO;EAMnBC,IAAI,EAAEC;AANa,CAArB;AASA,IAAMC,mBAAmB,GAAG;EAC1BN,SAAS,EAAE,IAAAC,4BAAA,EACTC,MAAM,CAAC,eAAD,CADG,EAETA,MAAM,gCAFG,CADe;EAK1BC,UAAU,EAAE,QALc;EAM1BC,IAAI,EAAEG;AANoB,CAA5B;AASA,IAAMC,yBAAyB,GAAG;EAChC,GAAG,KAD6B;EAEhC,GAAG,QAF6B;EAGhC,GAAG,QAH6B;EAIhC,GAAG,OAJ6B;EAKhC,GAAG,QAL6B;EAMhC,GAAG;AAN6B,CAAlC;AASO,IAAMC,mBAAmB,GAAG,EAA5B;AAEP;AACA;AACA;AACA;;;;AA0CA;AACA;AACA;AACO,IAAMC,MAAM,GAAG,SAATA,MAAS,OAQH;EAAA,qBAPjBC,IAOiB;EAAA,IAPjBA,IAOiB,0BAPVF,mBAOU;EAAA,IANjBT,SAMiB,QANjBA,SAMiB;EAAA,IALVY,SAKU,QALjBC,KAKiB;EAAA,IAJjBC,aAIiB,QAJjBA,aAIiB;EAAA,IAHjBC,QAGiB,QAHjBA,QAGiB;EAAA,6BAFjBC,YAEiB;EAAA,IAFjBA,YAEiB,kCAFFC,kBAEE;EAAA,IADdC,SACc;EACjB,IAAMC,YAAY,GAChB,OAAOL,aAAP,KAAyB,QAAzB,GACIN,yBAAyB,CAACM,aAAD,CAD7B,GAEIA,aAHN;EAKA,IAAID,KAA0C,GAAGO,SAAjD;;EACA,QAAQR,SAAR;IACE,KAAKQ,SAAL;MACE;;IACF,KAAK,QAAL;MACEP,KAAK,GAAGd,YAAR;MACA;;IACF,KAAK,eAAL;MACEc,KAAK,GAAGP,mBAAR;MACA;;IACF;MACEO,KAAK,+DACC,OAAOD,SAAP,KAAqB,UAArB,GAAkC;QAAER,IAAI,EAAEQ;MAAR,CAAlC,GAAwDA,SADzD;QAEHZ,SAAS,EAAE,IAAAC,4BAAA,EACTC,MAAM,CAAC,eAAD,CADG,EAETS,IAAI,GAAG,EAAP,IAAaT,MAAM,CAAC,wBAAD,CAFV;MAFR,EAAL;EAVJ;;EAmBA,OACE,qCAAC,oBAAD,6BACMgB,SADN;IAEE,IAAI,EAAEP,IAFR;IAGE,KAAK,EAAEE,KAHT;IAIE,SAAS,EAAE,IAAAZ,4BAAA,EACTC,MAAM,CAAC,QAAD,CADG,EAETiB,YAAY,IAAIjB,MAAM,wBAFb,EAGTiB,YAAY,KAAK,QAAjB,IAA6BjB,MAAM,4BAAqBiB,YAArB,EAH1B,EAITnB,SAJS,CAJb;IAUE,YAAY,EAAEgB;EAVhB,IAYGD,QAAQ,IACP;IACE,SAAS,EAAEb,MAAM,CAAC,iBAAD,CADnB;IAEE,KAAK,EAAE;MACLmB,QAAQ,EAAE,IAAAC,4BAAA,EAAoBX,IAApB;IADL;EAFT,GAMGI,QANH,CAbJ,CADF;AAyBD,CA3DM"}

package/dist/cjs/components/Avatar/helpers.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInitialsFontSize = getInitialsFontSize;
+var MAX_FONT_SIZE = 30;
+var MAX_IMAGE_BASE_SIZE = 96;
+var RELATIVE_SIZE = MAX_FONT_SIZE / MAX_IMAGE_BASE_SIZE;
+/**
+ * По возможности выставляем размеры по дизайн-системе. Иначе высчитываем.
+ */
+
+function getInitialsFontSize(avatarSize) {
+  if (avatarSize <= 16) {
+    return 5;
+  } else if (avatarSize <= 24) {
+    return 8;
+  } else if (avatarSize <= 32) {
+    return 10;
+  } else if (avatarSize <= 36) {
+    return 13;
+  } else if (avatarSize <= 44) {
+    return 14;
+  } else if (avatarSize <= 48) {
+    return 17;
+  } else if (avatarSize < 56) {
+    return 18;
+  } else if (avatarSize <= 64) {
+    return 21;
+  } else if (avatarSize <= 88) {
+    return 26;
+  } else if (avatarSize <= MAX_IMAGE_BASE_SIZE) {
+    return MAX_FONT_SIZE;
+  }
+
+  var calculatedFontSize = Math.ceil(avatarSize * RELATIVE_SIZE);
+  var evenFix = calculatedFontSize % 2;
+  return calculatedFontSize + evenFix;
+}
+//# sourceMappingURL=helpers.js.map

package/dist/cjs/components/Avatar/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":["MAX_FONT_SIZE","MAX_IMAGE_BASE_SIZE","RELATIVE_SIZE","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix"],"sources":["../../../../src/components/Avatar/helpers.ts"],"sourcesContent":["import type { ImageBaseSize } from \"../ImageBase/ImageBase\";\n\nconst MAX_FONT_SIZE = 30;\nconst MAX_IMAGE_BASE_SIZE: ImageBaseSize = 96;\nconst RELATIVE_SIZE = MAX_FONT_SIZE / MAX_IMAGE_BASE_SIZE;\n\n/**\n * По возможности выставляем размеры по дизайн-системе. Иначе высчитываем.\n */\nexport function getInitialsFontSize(avatarSize: number): number {\n  if (avatarSize <= 16) {\n    return 5;\n  } else if (avatarSize <= 24) {\n    return 8;\n  } else if (avatarSize <= 32) {\n    return 10;\n  } else if (avatarSize <= 36) {\n    return 13;\n  } else if (avatarSize <= 44) {\n    return 14;\n  } else if (avatarSize <= 48) {\n    return 17;\n  } else if (avatarSize < 56) {\n    return 18;\n  } else if (avatarSize <= 64) {\n    return 21;\n  } else if (avatarSize <= 88) {\n    return 26;\n  } else if (avatarSize <= MAX_IMAGE_BASE_SIZE) {\n    return MAX_FONT_SIZE;\n  }\n\n  const calculatedFontSize = Math.ceil(avatarSize * RELATIVE_SIZE);\n  const evenFix = calculatedFontSize % 2;\n  return calculatedFontSize + evenFix;\n}\n"],"mappings":";;;;;;AAEA,IAAMA,aAAa,GAAG,EAAtB;AACA,IAAMC,mBAAkC,GAAG,EAA3C;AACA,IAAMC,aAAa,GAAGF,aAAa,GAAGC,mBAAtC;AAEA;AACA;AACA;;AACO,SAASE,mBAAT,CAA6BC,UAA7B,EAAyD;EAC9D,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IACpB,OAAO,CAAP;EACD,CAFD,MAEO,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,CAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,GAAG,EAAjB,EAAqB;IAC1B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAI,EAAlB,EAAsB;IAC3B,OAAO,EAAP;EACD,CAFM,MAEA,IAAIA,UAAU,IAAIH,mBAAlB,EAAuC;IAC5C,OAAOD,aAAP;EACD;;EAED,IAAMK,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAGF,aAAvB,CAA3B;EACA,IAAMM,OAAO,GAAGH,kBAAkB,GAAG,CAArC;EACA,OAAOA,kBAAkB,GAAGG,OAA5B;AACD"}

package/dist/cjs/components/Avatar/icons.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Icon12OnlineMobile = exports.Icon12Circle = void 0;
+
+var _jsxRuntime = require("../../lib/jsxRuntime");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _icons = require("@vkontakte/icons");
+
+var _excluded = ["width", "height"],
+    _excluded2 = ["width", "height"];
+
+var Icon12Circle = function Icon12Circle(_ref) {
+  var _ref$width = _ref.width,
+      width = _ref$width === void 0 ? 12 : _ref$width,
+      _ref$height = _ref.height,
+      height = _ref$height === void 0 ? 12 : _ref$height,
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _jsxRuntime.createScopedElement)(_icons.Icon12Circle, (0, _extends2.default)({}, restProps, {
+    width: width >= 24 ? 15 : 12,
+    height: height >= 24 ? 15 : 12
+  }));
+};
+
+exports.Icon12Circle = Icon12Circle;
+
+var Icon12OnlineMobile = function Icon12OnlineMobile(_ref2) {
+  var _ref2$width = _ref2.width,
+      width = _ref2$width === void 0 ? 8 : _ref2$width,
+      _ref2$height = _ref2.height,
+      height = _ref2$height === void 0 ? 12 : _ref2$height,
+      restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  return (0, _jsxRuntime.createScopedElement)(_icons.Icon12OnlineMobile, (0, _extends2.default)({}, restProps, {
+    width: width >= 24 ? 9 : 8,
+    height: height >= 24 ? 15 : 12
+  }));
+};
+
+exports.Icon12OnlineMobile = Icon12OnlineMobile;
+//# sourceMappingURL=icons.js.map

package/dist/cjs/components/Avatar/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","names":["Icon12Circle","width","height","restProps","Icon12OnlineMobile"],"sources":["../../../../src/components/Avatar/icons.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon12Circle as Icon12CircleLib,\n  Icon12OnlineMobile as Icon12OnlineMobileLib,\n} from \"@vkontakte/icons\";\n\nexport const Icon12Circle = ({\n  width = 12,\n  height = 12,\n  ...restProps\n}: React.ComponentProps<typeof Icon12CircleLib>) => {\n  return (\n    <Icon12CircleLib\n      {...restProps}\n      width={width >= 24 ? 15 : 12}\n      height={height >= 24 ? 15 : 12}\n    />\n  );\n};\n\nexport const Icon12OnlineMobile = ({\n  width = 8,\n  height = 12,\n  ...restProps\n}: React.ComponentProps<typeof Icon12OnlineMobileLib>) => {\n  return (\n    <Icon12OnlineMobileLib\n      {...restProps}\n      width={width >= 24 ? 9 : 8}\n      height={height >= 24 ? 15 : 12}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;;AAKO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAIwB;EAAA,sBAHlDC,KAGkD;EAAA,IAHlDA,KAGkD,2BAH1C,EAG0C;EAAA,uBAFlDC,MAEkD;EAAA,IAFlDA,MAEkD,4BAFzC,EAEyC;EAAA,IAD/CC,SAC+C;EAClD,OACE,qCAAC,mBAAD,6BACMA,SADN;IAEE,KAAK,EAAEF,KAAK,IAAI,EAAT,GAAc,EAAd,GAAmB,EAF5B;IAGE,MAAM,EAAEC,MAAM,IAAI,EAAV,GAAe,EAAf,GAAoB;EAH9B,GADF;AAOD,CAZM;;;;AAcA,IAAME,kBAAkB,GAAG,SAArBA,kBAAqB,QAIwB;EAAA,wBAHxDH,KAGwD;EAAA,IAHxDA,KAGwD,4BAHhD,CAGgD;EAAA,yBAFxDC,MAEwD;EAAA,IAFxDA,MAEwD,6BAF/C,EAE+C;EAAA,IADrDC,SACqD;EACxD,OACE,qCAAC,yBAAD,6BACMA,SADN;IAEE,KAAK,EAAEF,KAAK,IAAI,EAAT,GAAc,CAAd,GAAkB,CAF3B;IAGE,MAAM,EAAEC,MAAM,IAAI,EAAV,GAAe,EAAf,GAAoB;EAH9B,GADF;AAOD,CAZM"}

package/dist/cjs/components/Badge/Badge.js

@@ -25,7 +25,7 @@ var Badge = function Badge(_ref) {
       mode = _ref$mode === void 0 ? "new" : _ref$mode,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _jsxRuntime.createScopedElement)("span", (0, _extends2.default)({
-    vkuiClass: (0, _classNames.classNames)("Badge", "Badge--".concat(mode))
+    vkuiClass: (0, _classNames.classNames)("Badge", "Badge--mode-".concat(mode))
   }, restProps));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["Badge","mode","restProps","classNames"],"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Badge.css\";\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLElement> {\n  mode: \"new\" | \"prominent\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Badge\n */\nexport const Badge = ({ mode = \"new\", ...restProps }: BadgeProps) => (\n  <span vkuiClass={classNames(\"Badge\", `Badge--${mode}`)} {...restProps} />\n);\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,KAAK,GAAG,SAARA,KAAQ;EAAA,qBAAGC,IAAH;EAAA,IAAGA,IAAH,0BAAU,KAAV;EAAA,IAAoBC,SAApB;EAAA,OACnB;IAAM,SAAS,EAAE,IAAAC,sBAAA,EAAW,OAAX,mBAA8BF,IAA9B;EAAjB,GAA4DC,SAA5D,EADmB;AAAA,CAAd"}
+{"version":3,"file":"Badge.js","names":["Badge","mode","restProps","classNames"],"sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Badge.css\";\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLElement> {\n  mode: \"new\" | \"prominent\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Badge\n */\nexport const Badge = ({ mode = \"new\", ...restProps }: BadgeProps) => (\n  <span vkuiClass={classNames(\"Badge\", `Badge--mode-${mode}`)} {...restProps} />\n);\n"],"mappings":";;;;;;;;;;;;;;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,KAAK,GAAG,SAARA,KAAQ;EAAA,qBAAGC,IAAH;EAAA,IAAGA,IAAH,0BAAU,KAAV;EAAA,IAAoBC,SAApB;EAAA,OACnB;IAAM,SAAS,EAAE,IAAAC,sBAAA,EAAW,OAAX,wBAAmCF,IAAnC;EAAjB,GAAiEC,SAAjE,EADmB;AAAA,CAAd"}

package/dist/cjs/components/Banner/Banner.js

@@ -88,10 +88,10 @@ var Banner = function Banner(_ref) {
     vkuiClass: "Banner__actions"
   }, actions)));
   return (0, _jsxRuntime.createScopedElement)("section", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("Banner", platform === _platform.IOS && "Banner--ios", "Banner--md-".concat(mode), "Banner--sz-".concat(size), mode === "image" && imageTheme === "dark" && "Banner--inverted")
+    vkuiClass: (0, _classNames.classNames)("Banner", platform === _platform.Platform.IOS && "Banner--ios", "Banner--mode-".concat(mode), "Banner--size-".concat(size), mode === "image" && imageTheme === "dark" && "Banner--inverted")
   }), asideMode === "expand" ? (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, {
     vkuiClass: "Banner__in",
-    activeMode: platform === _platform.IOS ? "opacity" : "background",
+    activeMode: platform === _platform.Platform.IOS ? "opacity" : "background",
     role: "button"
   }, content, (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Banner__aside"
@@ -105,7 +105,7 @@ var Banner = function Banner(_ref) {
     onClick: onDismiss,
     hoverMode: "opacity",
     hasActive: false
-  }, platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(IconDismissIOS, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24Cancel, null)))));
+  }, platform === _platform.Platform.IOS ? (0, _jsxRuntime.createScopedElement)(IconDismissIOS, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24Cancel, null)))));
 };
 
 exports.Banner = Banner;

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["Banner","mode","imageTheme","size","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","restProps","platform","usePlatform","HeaderTypography","Title","Headline","SubheaderTypography","Text","Subhead","IconDismissIOS","Icon24DismissDark","Icon24DismissSubstract","content","hasReactNode","React","Children","count","classNames","IOS"],"sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport {\n  Icon24Chevron,\n  Icon24DismissSubstract,\n  Icon24DismissDark,\n  Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./Banner.css\";\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип баннера.\n   */\n  mode?: \"tint\" | \"image\";\n  size?: \"s\" | \"m\";\n  /**\n   * Тип действия в правой части баннера.\n   *\n   * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n   * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n   */\n  asideMode?: \"dismiss\" | \"expand\";\n  /**\n   * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n   */\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n  /**\n   * Содержимое, отображаемое в левой части баннера.\n   */\n  before?: React.ReactNode;\n  /**\n   * Заголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Подзаголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  subheader?: React.ReactNode;\n  /**\n   * Текст баннера. <br />\n   * Это свойство следует использовать без указания `header` и `subheader`.\n   */\n  text?: React.ReactNode;\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n   * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n   */\n  imageTheme?: \"light\" | \"dark\";\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n   */\n  background?: React.ReactNode;\n  /**\n   * Кнопки, отображаемые в баннере.\n   *\n   * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode=\"primary\" />` или `<Button mode=\"tertiary\" hasHover={false} />`.\n   * - В режиме `image` с тёмным фоном – `<Button mode=\"overlay_primary\" />`.\n   */\n  actions?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Banner\n */\nexport const Banner = ({\n  mode = \"tint\",\n  imageTheme = \"dark\",\n  size = \"s\",\n  before,\n  asideMode,\n  header,\n  subheader,\n  text,\n  children,\n  background,\n  actions,\n  onDismiss,\n  dismissLabel = \"Скрыть\",\n  ...restProps\n}: BannerProps) => {\n  const platform = usePlatform();\n\n  const HeaderTypography = size === \"m\" ? Title : Headline;\n  const SubheaderTypography = size === \"m\" ? Text : Subhead;\n\n  const IconDismissIOS =\n    mode === \"image\" ? Icon24DismissDark : Icon24DismissSubstract;\n\n  const content = (\n    <React.Fragment>\n      {mode === \"image\" && background && (\n        <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n          {background}\n        </div>\n      )}\n\n      {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n      <div vkuiClass=\"Banner__content\">\n        {hasReactNode(header) && (\n          <HeaderTypography\n            Component=\"span\"\n            vkuiClass=\"Banner__header\"\n            weight=\"2\"\n            level={size === \"m\" ? \"2\" : \"1\"}\n          >\n            {header}\n          </HeaderTypography>\n        )}\n        {hasReactNode(subheader) && (\n          <SubheaderTypography Component=\"span\" vkuiClass=\"Banner__subheader\">\n            {subheader}\n          </SubheaderTypography>\n        )}\n        {hasReactNode(text) && <Text vkuiClass=\"Banner__text\">{text}</Text>}\n        {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n          <div vkuiClass=\"Banner__actions\">{actions}</div>\n        )}\n      </div>\n    </React.Fragment>\n  );\n\n  return (\n    <section\n      {...restProps}\n      vkuiClass={classNames(\n        \"Banner\",\n        platform === IOS && \"Banner--ios\",\n        `Banner--md-${mode}`,\n        `Banner--sz-${size}`,\n        mode === \"image\" && imageTheme === \"dark\" && \"Banner--inverted\"\n      )}\n    >\n      {asideMode === \"expand\" ? (\n        <Tappable\n          vkuiClass=\"Banner__in\"\n          activeMode={platform === IOS ? \"opacity\" : \"background\"}\n          role=\"button\"\n        >\n          {content}\n\n          <div vkuiClass=\"Banner__aside\">\n            <Icon24Chevron />\n          </div>\n        </Tappable>\n      ) : (\n        <div vkuiClass=\"Banner__in\">\n          {content}\n\n          {asideMode === \"dismiss\" && (\n            <div vkuiClass=\"Banner__aside\">\n              <IconButton\n                aria-label={dismissLabel}\n                vkuiClass=\"Banner__dismiss\"\n                onClick={onDismiss}\n                hoverMode=\"opacity\"\n                hasActive={false}\n              >\n                {platform === IOS ? <IconDismissIOS /> : <Icon24Cancel />}\n              </IconButton>\n            </div>\n          )}\n        </div>\n      )}\n    </section>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Banner.js","names":["Banner","mode","imageTheme","size","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","restProps","platform","usePlatform","HeaderTypography","Title","Headline","SubheaderTypography","Text","Subhead","IconDismissIOS","Icon24DismissDark","Icon24DismissSubstract","content","hasReactNode","React","Children","count","classNames","Platform","IOS"],"sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport {\n  Icon24Chevron,\n  Icon24DismissSubstract,\n  Icon24DismissDark,\n  Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./Banner.css\";\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Тип баннера.\n   */\n  mode?: \"tint\" | \"image\";\n  size?: \"s\" | \"m\";\n  /**\n   * Тип действия в правой части баннера.\n   *\n   * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n   * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n   */\n  asideMode?: \"dismiss\" | \"expand\";\n  /**\n   * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n   */\n  onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n   */\n  dismissLabel?: string;\n  /**\n   * Содержимое, отображаемое в левой части баннера.\n   */\n  before?: React.ReactNode;\n  /**\n   * Заголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  header?: React.ReactNode;\n  /**\n   * Подзаголовок. <br />\n   * При использовании этого свойства рекомендуется не указывать `text`.\n   */\n  subheader?: React.ReactNode;\n  /**\n   * Текст баннера. <br />\n   * Это свойство следует использовать без указания `header` и `subheader`.\n   */\n  text?: React.ReactNode;\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n   * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n   */\n  imageTheme?: \"light\" | \"dark\";\n  /**\n   * При использовании `mode=\"image\"`.\n   *\n   * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n   */\n  background?: React.ReactNode;\n  /**\n   * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button).\n   *\n   * - В режиме `tint` или `image` со светлым фоном используйте только с параметрами:\n   *    - `mode=\"primary\"`\n   *    - `mode=\"secondary\"`\n   * - В режиме `image` с тёмным фоном используйте с параметрами:\n   *    - `appearance=\"overlay\"`.\n   *\n   * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n   *\n   * - `gap=\"m\" mode=\"horizontal\" stretched`\n   * - `gap=\"m\" mode=\"vertical\" stretched`\n   */\n  actions?: React.ReactNode;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Banner\n */\nexport const Banner = ({\n  mode = \"tint\",\n  imageTheme = \"dark\",\n  size = \"s\",\n  before,\n  asideMode,\n  header,\n  subheader,\n  text,\n  children,\n  background,\n  actions,\n  onDismiss,\n  dismissLabel = \"Скрыть\",\n  ...restProps\n}: BannerProps) => {\n  const platform = usePlatform();\n\n  const HeaderTypography = size === \"m\" ? Title : Headline;\n  const SubheaderTypography = size === \"m\" ? Text : Subhead;\n\n  const IconDismissIOS =\n    mode === \"image\" ? Icon24DismissDark : Icon24DismissSubstract;\n\n  const content = (\n    <React.Fragment>\n      {mode === \"image\" && background && (\n        <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n          {background}\n        </div>\n      )}\n\n      {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n      <div vkuiClass=\"Banner__content\">\n        {hasReactNode(header) && (\n          <HeaderTypography\n            Component=\"span\"\n            vkuiClass=\"Banner__header\"\n            weight=\"2\"\n            level={size === \"m\" ? \"2\" : \"1\"}\n          >\n            {header}\n          </HeaderTypography>\n        )}\n        {hasReactNode(subheader) && (\n          <SubheaderTypography Component=\"span\" vkuiClass=\"Banner__subheader\">\n            {subheader}\n          </SubheaderTypography>\n        )}\n        {hasReactNode(text) && <Text vkuiClass=\"Banner__text\">{text}</Text>}\n        {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n          <div vkuiClass=\"Banner__actions\">{actions}</div>\n        )}\n      </div>\n    </React.Fragment>\n  );\n\n  return (\n    <section\n      {...restProps}\n      vkuiClass={classNames(\n        \"Banner\",\n        platform === Platform.IOS && \"Banner--ios\",\n        `Banner--mode-${mode}`,\n        `Banner--size-${size}`,\n        mode === \"image\" && imageTheme === \"dark\" && \"Banner--inverted\"\n      )}\n    >\n      {asideMode === \"expand\" ? (\n        <Tappable\n          vkuiClass=\"Banner__in\"\n          activeMode={platform === Platform.IOS ? \"opacity\" : \"background\"}\n          role=\"button\"\n        >\n          {content}\n\n          <div vkuiClass=\"Banner__aside\">\n            <Icon24Chevron />\n          </div>\n        </Tappable>\n      ) : (\n        <div vkuiClass=\"Banner__in\">\n          {content}\n\n          {asideMode === \"dismiss\" && (\n            <div vkuiClass=\"Banner__aside\">\n              <IconButton\n                aria-label={dismissLabel}\n                vkuiClass=\"Banner__dismiss\"\n                onClick={onDismiss}\n                hoverMode=\"opacity\"\n                hasActive={false}\n              >\n                {platform === Platform.IOS ? (\n                  <IconDismissIOS />\n                ) : (\n                  <Icon24Cancel />\n                )}\n              </IconButton>\n            </div>\n          )}\n        </div>\n      )}\n    </section>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/BaseGallery/BaseGallery.js

@@ -39,7 +39,7 @@ var _useGlobalEventListener = require("../../hooks/useGlobalEventListener");
 
 var _helpers = require("./helpers");
 
-var _excluded = ["bullets", "getRootRef", "children", "slideWidth", "slideIndex", "isDraggable", "onDragStart", "onDragEnd", "onChange", "onPrevClick", "onNextClick", "onEnd", "align", "showArrows", "getRef"];
+var _excluded = ["bullets", "getRootRef", "children", "slideWidth", "slideIndex", "isDraggable", "onDragStart", "onDragEnd", "onChange", "onPrevClick", "onNextClick", "align", "showArrows", "getRef"];
 var ANIMATION_DURATION = 0.24;
 var LAYOUT_DEFAULT_STATE = {
   containerWidth: 0,
@@ -76,7 +76,6 @@ var BaseGallery = function BaseGallery(_ref) {
       onChange = _ref.onChange,
       onPrevClick = _ref.onPrevClick,
       onNextClick = _ref.onNextClick,
-      onEndProp = _ref.onEnd,
       _ref$align = _ref.align,
       align = _ref$align === void 0 ? "left" : _ref$align,
       showArrows = _ref.showArrows,
@@ -281,7 +280,8 @@ var BaseGallery = function BaseGallery(_ref) {
     return targetIndex;
   };
 
-  var onStart = function onStart() {
+  var onStart = function onStart(e) {
+    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(e);
     setShiftState(function (prevState) {
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prevState), {}, {
         animation: false
@@ -294,9 +294,6 @@ var BaseGallery = function BaseGallery(_ref) {
       e.originalEvent.preventDefault();
 
       if (e.isSlideX) {
-        // TODO исправить в рамках issue #2698
-        onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(e);
-
         if (shiftState.deltaX !== e.shiftX) {
           setShiftState(function (prevState) {
             return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prevState), {}, {
@@ -311,7 +308,7 @@ var BaseGallery = function BaseGallery(_ref) {
 
   var onEnd = function onEnd(e) {
     var targetIndex = e.isSlide ? getTarget(e) : slideIndex !== null && slideIndex !== void 0 ? slideIndex : 0;
-    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(e);
+    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(e, targetIndex);
     var nextShiftState = {
       animation: true,
       dragging: false,
@@ -330,12 +327,7 @@ var BaseGallery = function BaseGallery(_ref) {
 
     if (targetIndex !== slideIndex) {
       onChange === null || onChange === void 0 ? void 0 : onChange(targetIndex);
-    } // TODO исправить в рамках issue #2698
-
-
-    onEndProp === null || onEndProp === void 0 ? void 0 : onEndProp({
-      targetIndex: targetIndex
-    });
+    }
   };
 
   var indent = shiftState.dragging ? calculateDragIndent() : shiftState.shiftX;
@@ -356,7 +348,7 @@ var BaseGallery = function BaseGallery(_ref) {
   align === "left" && layoutState.current.containerWidth - shiftState.shiftX < ((_layoutState$current$9 = layoutState.current.layerWidth) !== null && _layoutState$current$9 !== void 0 ? _layoutState$current$9 : 0) || // otherwise we need to check current slide index (align = right or align = center)
   align !== "left" && slideIndex < layoutState.current.slides.length - 1);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("Gallery", "Gallery--".concat(align), shiftState.dragging && "Gallery--dragging", slideWidth === "custom" && "Gallery--custom-width"),
+    vkuiClass: (0, _classNames.classNames)("Gallery", "Gallery--align-".concat(align), shiftState.dragging && "Gallery--dragging", slideWidth === "custom" && "Gallery--custom-width"),
     ref: rootRef
   }), (0, _jsxRuntime.createScopedElement)(_Touch.Touch, {
     vkuiClass: "Gallery__viewport",

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

@@ -1 +1 @@
-{"version":3,"file":"BaseGallery.js","names":["ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggable","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","onEndProp","onEnd","align","showArrows","getRef","restProps","slidesStore","React","useRef","layoutState","useState","shiftState","setShiftState","rootRef","useExternRef","viewportRef","useDOM","window","useAdaptivity","hasMouse","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localViewportOffsetWidth","localLayerWidth","reduce","val","slide","adjustShiftX","calcMax","calcMin","prevState","onResize","useGlobalEventListener","useIsomorphicLayoutEffect","slideLeft","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","onMoveX","originalEvent","preventDefault","isSlideX","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","classNames","el"],"sources":["../../../../src/components/BaseGallery/BaseGallery.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HorizontalScrollArrow } from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { calcMax, calcMin } from \"./helpers\";\nimport {\n  BaseGalleryProps,\n  GallerySlidesState,\n  LayoutState,\n  ShiftingState,\n} from \"./types\";\nimport \"./BaseGallery.css\";\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n  containerWidth: 0,\n  viewportOffsetWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n  slides: [],\n  isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n  animation: undefined,\n  shiftX: 0,\n  dragging: false,\n  deltaX: 0,\n  indent: 0,\n};\n\nexport const BaseGallery = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = \"100%\",\n  slideIndex = 0,\n  isDraggable = true,\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  onEnd: onEndProp,\n  align = \"left\",\n  showArrows,\n  getRef,\n  ...restProps\n}: BaseGalleryProps) => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n  const [shiftState, setShiftState] =\n    React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n\n  const { window } = useDOM();\n  const { hasMouse } = useAdaptivity();\n\n  const isCenterWithCustomWidth = slideWidth === \"custom\" && align === \"center\";\n\n  const validateIndent = (value: number) => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n\n    if (value < localMin) {\n      return localMin;\n    } else if (value > localMax) {\n      return localMax;\n    }\n\n    return value;\n  };\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  const calculateIndent = (targetIndex: number) => {\n    if (layoutState.current.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = layoutState.current.slides?.length\n      ? layoutState.current.slides[targetIndex]\n      : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (isCenterWithCustomWidth) {\n        const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return validateIndent(-1 * coordX);\n    }\n\n    return 0;\n  };\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  const calculateDragIndent = () => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n    const indent = shiftState.shiftX + shiftState.deltaX;\n\n    if (indent > localMax) {\n      return localMax + Number((indent - localMax) / 3);\n    } else if (indent < localMin) {\n      return localMin + Number((indent - localMin) / 3);\n    }\n\n    return indent;\n  };\n\n  const initializeSlides = (options: { animation?: boolean } = {}) => {\n    const localSlides =\n      React.Children.map(\n        children,\n        (_item: React.ReactNode, i: number): GallerySlidesState => {\n          const elem = slidesStore.current[`slide-${i}`];\n          return {\n            coordX: elem?.offsetLeft ?? 0,\n            width: elem?.offsetWidth ?? 0,\n          };\n        }\n      ) ?? [];\n\n    const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n    const localViewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n    const localLayerWidth = localSlides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0\n    );\n    const adjustShiftX =\n      localSlides.length <= layoutState.current.slides.length ||\n      layoutState.current.slides[slideIndex]?.coordX !==\n        localSlides[slideIndex]?.coordX;\n\n    layoutState.current = {\n      containerWidth: localContainerWidth,\n      viewportOffsetWidth: localViewportOffsetWidth,\n      layerWidth: localLayerWidth,\n      max: calcMax({\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n      }),\n      min: calcMin({\n        containerWidth: localContainerWidth,\n        layerWidth: localLayerWidth,\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n        align,\n      }),\n      slides: localSlides,\n      isFullyVisible: localLayerWidth <= localContainerWidth,\n    };\n\n    setShiftState((prevState) => ({\n      ...prevState,\n      shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,\n      animation:\n        options.animation ??\n        prevState.shiftX === validateIndent(prevState.shiftX),\n    }));\n  };\n\n  const onResize = () => {\n    if (shiftState.animation !== undefined) {\n      initializeSlides({ animation: false });\n    }\n  };\n\n  useGlobalEventListener(window, \"resize\", onResize);\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides({ animation: false });\n  }, [children, align, slideWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n        deltaX: 0,\n        shiftX: calculateIndent(slideIndex ?? 0),\n      }));\n    }\n  }, [slideIndex]);\n\n  const slideLeft = () => {\n    onChange?.(slideIndex - 1);\n    onPrevClick?.();\n  };\n\n  const slideRight = () => {\n    onChange?.(slideIndex + 1);\n    onNextClick?.();\n  };\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  const getTarget = (e: TouchEvent) => {\n    const expectDeltaX = (shiftState.deltaX / e.duration) * 240 * 0.6;\n    const shift =\n      shiftState.shiftX +\n      shiftState.deltaX +\n      expectDeltaX -\n      (layoutState.current.max ?? 0);\n    const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = layoutState.current.slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(\n          layoutState.current.slides[val].coordX + shift\n        );\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n        if (\n          Math.abs(shiftState.deltaX) >\n          layoutState.current.slides[targetSlide].width * 0.05\n        ) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  };\n\n  const onStart = () => {\n    setShiftState((prevState) => ({ ...prevState, animation: false }));\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggable && !layoutState.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        // TODO исправить в рамках issue #2698\n        onDragStart?.(e);\n\n        if (shiftState.deltaX !== e.shiftX) {\n          setShiftState((prevState) => ({\n            ...prevState,\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          }));\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: TouchEvent) => {\n    const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n    onDragEnd?.(e);\n\n    const nextShiftState: Partial<ShiftingState> = {\n      animation: true,\n      dragging: false,\n      deltaX: 0,\n    };\n\n    const shiftXStick = calculateDragIndent();\n    if (targetIndex !== slideIndex) {\n      // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n      nextShiftState.shiftX = shiftXStick;\n    }\n\n    setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n    if (targetIndex !== slideIndex) {\n      onChange?.(targetIndex);\n    }\n\n    // TODO исправить в рамках issue #2698\n    onEndProp?.({ targetIndex });\n  };\n\n  const indent = shiftState.dragging\n    ? calculateDragIndent()\n    : shiftState.shiftX;\n\n  const layerStyle = {\n    WebkitTransform: `translateX(${indent}px)`,\n    transform: `translateX(${indent}px)`,\n    WebkitTransition: shiftState.animation\n      ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n    transition: shiftState.animation\n      ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[`slide-${slideIndex}`] = slideRef;\n  };\n\n  // shiftX is negative number <= 0, we can swipe back only if it is < 0\n  const canSlideLeft =\n    !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n  const canSlideRight =\n    !layoutState.current.isFullyVisible &&\n    // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n    ((align === \"left\" &&\n      layoutState.current.containerWidth - shiftState.shiftX <\n        (layoutState.current.layerWidth ?? 0)) ||\n      // otherwise we need to check current slide index (align = right or align = center)\n      (align !== \"left\" && slideIndex < layoutState.current.slides.length - 1));\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gallery\",\n        `Gallery--${align}`,\n        shiftState.dragging && \"Gallery--dragging\",\n        slideWidth === \"custom\" && \"Gallery--custom-width\"\n      )}\n      ref={rootRef}\n    >\n      <Touch\n        vkuiClass=\"Gallery__viewport\"\n        onStartX={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n        getRootRef={viewportRef}\n        noSlideClick\n      >\n        <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n          {React.Children.map(children, (item: React.ReactNode, i: number) => (\n            <div\n              vkuiClass=\"Gallery__slide\"\n              key={`slide-${i}`}\n              ref={(el) => setSlideRef(el, i)}\n            >\n              {item}\n            </div>\n          ))}\n        </div>\n      </Touch>\n\n      {bullets && (\n        <div\n          aria-hidden=\"true\"\n          vkuiClass={classNames(\n            \"Gallery__bullets\",\n            `Gallery__bullets--${bullets}`\n          )}\n        >\n          {React.Children.map(\n            children,\n            (_item: React.ReactNode, index: number) => (\n              <div\n                vkuiClass={classNames(\n                  \"Gallery__bullet\",\n                  index === slideIndex && \"Gallery__bullet--active\"\n                )}\n                key={index}\n              />\n            )\n          )}\n        </div>\n      )}\n\n      {showArrows && hasMouse && canSlideLeft && (\n        <HorizontalScrollArrow direction=\"left\" onClick={slideLeft} />\n      )}\n      {showArrows && hasMouse && canSlideRight && (\n        <HorizontalScrollArrow direction=\"right\" onClick={slideRight} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"BaseGallery.js","names":["ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggable","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","restProps","slidesStore","React","useRef","layoutState","useState","shiftState","setShiftState","rootRef","useExternRef","viewportRef","useDOM","window","useAdaptivity","hasMouse","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localViewportOffsetWidth","localLayerWidth","reduce","val","slide","adjustShiftX","calcMax","calcMin","prevState","onResize","useGlobalEventListener","useIsomorphicLayoutEffect","slideLeft","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","onMoveX","originalEvent","preventDefault","isSlideX","onEnd","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","classNames","el"],"sources":["../../../../src/components/BaseGallery/BaseGallery.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HorizontalScrollArrow } from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { calcMax, calcMin } from \"./helpers\";\nimport {\n  BaseGalleryProps,\n  GallerySlidesState,\n  LayoutState,\n  ShiftingState,\n} from \"./types\";\nimport \"./BaseGallery.css\";\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n  containerWidth: 0,\n  viewportOffsetWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n  slides: [],\n  isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n  animation: undefined,\n  shiftX: 0,\n  dragging: false,\n  deltaX: 0,\n  indent: 0,\n};\n\nexport const BaseGallery = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = \"100%\",\n  slideIndex = 0,\n  isDraggable = true,\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  align = \"left\",\n  showArrows,\n  getRef,\n  ...restProps\n}: BaseGalleryProps) => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n  const [shiftState, setShiftState] =\n    React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n\n  const { window } = useDOM();\n  const { hasMouse } = useAdaptivity();\n\n  const isCenterWithCustomWidth = slideWidth === \"custom\" && align === \"center\";\n\n  const validateIndent = (value: number) => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n\n    if (value < localMin) {\n      return localMin;\n    } else if (value > localMax) {\n      return localMax;\n    }\n\n    return value;\n  };\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  const calculateIndent = (targetIndex: number) => {\n    if (layoutState.current.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = layoutState.current.slides?.length\n      ? layoutState.current.slides[targetIndex]\n      : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (isCenterWithCustomWidth) {\n        const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return validateIndent(-1 * coordX);\n    }\n\n    return 0;\n  };\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  const calculateDragIndent = () => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n    const indent = shiftState.shiftX + shiftState.deltaX;\n\n    if (indent > localMax) {\n      return localMax + Number((indent - localMax) / 3);\n    } else if (indent < localMin) {\n      return localMin + Number((indent - localMin) / 3);\n    }\n\n    return indent;\n  };\n\n  const initializeSlides = (options: { animation?: boolean } = {}) => {\n    const localSlides =\n      React.Children.map(\n        children,\n        (_item: React.ReactNode, i: number): GallerySlidesState => {\n          const elem = slidesStore.current[`slide-${i}`];\n          return {\n            coordX: elem?.offsetLeft ?? 0,\n            width: elem?.offsetWidth ?? 0,\n          };\n        }\n      ) ?? [];\n\n    const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n    const localViewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n    const localLayerWidth = localSlides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0\n    );\n    const adjustShiftX =\n      localSlides.length <= layoutState.current.slides.length ||\n      layoutState.current.slides[slideIndex]?.coordX !==\n        localSlides[slideIndex]?.coordX;\n\n    layoutState.current = {\n      containerWidth: localContainerWidth,\n      viewportOffsetWidth: localViewportOffsetWidth,\n      layerWidth: localLayerWidth,\n      max: calcMax({\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n      }),\n      min: calcMin({\n        containerWidth: localContainerWidth,\n        layerWidth: localLayerWidth,\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n        align,\n      }),\n      slides: localSlides,\n      isFullyVisible: localLayerWidth <= localContainerWidth,\n    };\n\n    setShiftState((prevState) => ({\n      ...prevState,\n      shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,\n      animation:\n        options.animation ??\n        prevState.shiftX === validateIndent(prevState.shiftX),\n    }));\n  };\n\n  const onResize = () => {\n    if (shiftState.animation !== undefined) {\n      initializeSlides({ animation: false });\n    }\n  };\n\n  useGlobalEventListener(window, \"resize\", onResize);\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides({ animation: false });\n  }, [children, align, slideWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n        deltaX: 0,\n        shiftX: calculateIndent(slideIndex ?? 0),\n      }));\n    }\n  }, [slideIndex]);\n\n  const slideLeft = () => {\n    onChange?.(slideIndex - 1);\n    onPrevClick?.();\n  };\n\n  const slideRight = () => {\n    onChange?.(slideIndex + 1);\n    onNextClick?.();\n  };\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  const getTarget = (e: TouchEvent) => {\n    const expectDeltaX = (shiftState.deltaX / e.duration) * 240 * 0.6;\n    const shift =\n      shiftState.shiftX +\n      shiftState.deltaX +\n      expectDeltaX -\n      (layoutState.current.max ?? 0);\n    const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = layoutState.current.slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(\n          layoutState.current.slides[val].coordX + shift\n        );\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n        if (\n          Math.abs(shiftState.deltaX) >\n          layoutState.current.slides[targetSlide].width * 0.05\n        ) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  };\n\n  const onStart = (e: TouchEvent) => {\n    onDragStart?.(e);\n    setShiftState((prevState) => ({ ...prevState, animation: false }));\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggable && !layoutState.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        if (shiftState.deltaX !== e.shiftX) {\n          setShiftState((prevState) => ({\n            ...prevState,\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          }));\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: TouchEvent) => {\n    const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n    onDragEnd?.(e, targetIndex);\n\n    const nextShiftState: Partial<ShiftingState> = {\n      animation: true,\n      dragging: false,\n      deltaX: 0,\n    };\n\n    const shiftXStick = calculateDragIndent();\n    if (targetIndex !== slideIndex) {\n      // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n      nextShiftState.shiftX = shiftXStick;\n    }\n\n    setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n    if (targetIndex !== slideIndex) {\n      onChange?.(targetIndex);\n    }\n  };\n\n  const indent = shiftState.dragging\n    ? calculateDragIndent()\n    : shiftState.shiftX;\n\n  const layerStyle = {\n    WebkitTransform: `translateX(${indent}px)`,\n    transform: `translateX(${indent}px)`,\n    WebkitTransition: shiftState.animation\n      ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n    transition: shiftState.animation\n      ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[`slide-${slideIndex}`] = slideRef;\n  };\n\n  // shiftX is negative number <= 0, we can swipe back only if it is < 0\n  const canSlideLeft =\n    !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n  const canSlideRight =\n    !layoutState.current.isFullyVisible &&\n    // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n    ((align === \"left\" &&\n      layoutState.current.containerWidth - shiftState.shiftX <\n        (layoutState.current.layerWidth ?? 0)) ||\n      // otherwise we need to check current slide index (align = right or align = center)\n      (align !== \"left\" && slideIndex < layoutState.current.slides.length - 1));\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gallery\",\n        `Gallery--align-${align}`,\n        shiftState.dragging && \"Gallery--dragging\",\n        slideWidth === \"custom\" && \"Gallery--custom-width\"\n      )}\n      ref={rootRef}\n    >\n      <Touch\n        vkuiClass=\"Gallery__viewport\"\n        onStartX={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n        getRootRef={viewportRef}\n        noSlideClick\n      >\n        <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n          {React.Children.map(children, (item: React.ReactNode, i: number) => (\n            <div\n              vkuiClass=\"Gallery__slide\"\n              key={`slide-${i}`}\n              ref={(el) => setSlideRef(el, i)}\n            >\n              {item}\n            </div>\n          ))}\n        </div>\n      </Touch>\n\n      {bullets && (\n        <div\n          aria-hidden=\"true\"\n          vkuiClass={classNames(\n            \"Gallery__bullets\",\n            `Gallery__bullets--${bullets}`\n          )}\n        >\n          {React.Children.map(\n            children,\n            (_item: React.ReactNode, index: number) => (\n              <div\n                vkuiClass={classNames(\n                  \"Gallery__bullet\",\n                  index === slideIndex && \"Gallery__bullet--active\"\n                )}\n                key={index}\n              />\n            )\n          )}\n        </div>\n      )}\n\n      {showArrows && hasMouse && canSlideLeft && (\n        <HorizontalScrollArrow direction=\"left\" onClick={slideLeft} />\n      )}\n      {showArrows && hasMouse && canSlideRight && (\n        <HorizontalScrollArrow direction=\"right\" onClick={slideRight} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cjs/components/BaseGallery/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/BaseGallery/types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { TouchEventHandler } from \"../Touch/Touch\";\n\nexport interface GallerySlidesState {\n  coordX: number;\n  width: number;\n}\n\nexport interface ShiftingState {\n  deltaX: number;\n  shiftX: number;\n  animation?: boolean;\n  dragging: boolean;\n}\n\nexport interface LayoutState {\n  containerWidth: number;\n  viewportOffsetWidth: number;\n  layerWidth: number;\n  min?: number;\n  max: number;\n  slides: GallerySlidesState[];\n  isFullyVisible: boolean;\n}\n\nexport interface BaseGalleryProps\n  extends Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"onChange\" | \"onDragStart\" | \"onDragEnd\"\n    >,\n    HasAlign,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLElement> {\n  slideWidth?: string | number;\n  slideIndex?: number;\n  onDragStart?: TouchEventHandler;\n  onDragEnd?: TouchEventHandler;\n  onChange?(current: number): void;\n  onEnd?({ targetIndex }: { targetIndex: number }): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку влево\n   */\n  onPrevClick?(): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку вправо\n   */\n  onNextClick?(): void;\n  bullets?: \"dark\" | \"light\" | false;\n  isDraggable?: boolean;\n  showArrows?: boolean;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/BaseGallery/types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\n\nexport interface GallerySlidesState {\n  coordX: number;\n  width: number;\n}\n\nexport interface ShiftingState {\n  deltaX: number;\n  shiftX: number;\n  animation?: boolean;\n  dragging: boolean;\n}\n\nexport interface LayoutState {\n  containerWidth: number;\n  viewportOffsetWidth: number;\n  layerWidth: number;\n  min?: number;\n  max: number;\n  slides: GallerySlidesState[];\n  isFullyVisible: boolean;\n}\n\nexport interface BaseGalleryProps\n  extends Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"onChange\" | \"onDragStart\" | \"onDragEnd\"\n    >,\n    HasAlign,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLElement> {\n  slideWidth?: string | number;\n  slideIndex?: number;\n  onDragStart?: TouchEventHandler;\n  onDragEnd?(e: TouchEvent, targetIndex: number): void;\n  onChange?(current: number): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку влево\n   */\n  onPrevClick?(): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку вправо\n   */\n  onNextClick?(): void;\n  bullets?: \"dark\" | \"light\" | false;\n  isDraggable?: boolean;\n  showArrows?: boolean;\n  hasMouse?: boolean;\n}\n"],"mappings":""}