@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewWidthConditionalRender.js","names":["ViewWidthConditionalRender","mobile","desktop","useAdaptivity","viewWidth","hasReactNode","undefined","ViewWidth","TABLET","getViewWidthClassName"],"sources":["../../../../src/components/ViewWidthConditionalRender/ViewWidthConditionalRender.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getViewWidthClassName } from \"../../helpers/getViewWidthClassName\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { ViewWidth } from \"../../lib/adaptivity\";\nimport \"./ViewWidthConditionalRender.css\";\n\nexport interface ViewWidthConditionalRenderProps {\n  mobile?: React.ReactNode;\n  desktop?: React.ReactNode;\n}\n\nexport const ViewWidthConditionalRender = ({\n  mobile,\n  desktop,\n}: ViewWidthConditionalRenderProps) => {\n  const { viewWidth } = useAdaptivity();\n\n  return (\n    <React.Fragment>\n      {hasReactNode(mobile) &&\n        (viewWidth === undefined || viewWidth < ViewWidth.TABLET) && (\n          <div\n            vkuiClass={getViewWidthClassName(\n              \"ViewWidthConditionalRender__mobile\",\n              viewWidth\n            )}\n          >\n            {mobile}\n          </div>\n        )}\n      {hasReactNode(desktop) &&\n        (viewWidth === undefined || viewWidth >= ViewWidth.TABLET) && (\n          <div\n            vkuiClass={getViewWidthClassName(\n              \"ViewWidthConditionalRender__desktop\",\n              viewWidth\n            )}\n          >\n            {desktop}\n          </div>\n        )}\n    </React.Fragment>\n  );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAQO,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA6B,OAGH;EAAA,IAFrCC,MAEqC,QAFrCA,MAEqC;EAAA,IADrCC,OACqC,QADrCA,OACqC;;EACrC,qBAAsB,IAAAC,6BAAA,GAAtB;EAAA,IAAQC,SAAR,kBAAQA,SAAR;;EAEA,OACE,qCAAC,KAAD,CAAO,QAAP,QACG,IAAAC,mBAAA,EAAaJ,MAAb,MACEG,SAAS,KAAKE,SAAd,IAA2BF,SAAS,GAAGG,qBAAA,CAAUC,MADnD,KAEG;IACE,SAAS,EAAE,IAAAC,4CAAA,EACT,oCADS,EAETL,SAFS;EADb,GAMGH,MANH,CAHN,EAYG,IAAAI,mBAAA,EAAaH,OAAb,MACEE,SAAS,KAAKE,SAAd,IAA2BF,SAAS,IAAIG,qBAAA,CAAUC,MADpD,KAEG;IACE,SAAS,EAAE,IAAAC,4CAAA,EACT,qCADS,EAETL,SAFS;EADb,GAMGF,OANH,CAdN,CADF;AA0BD,CAhCM"}

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

@@ -85,14 +85,11 @@ var WriteBar = function WriteBar(_ref) {
   }, [resize, value]);
   return (0, _jsxRuntime.createScopedElement)("div", {
     ref: getRootRef,
-    vkuiClass: (0, _classNames.classNames)("WriteBar", platform === _platform.IOS && "WriteBar--ios", shadow && "WriteBar--shadow"),
+    vkuiClass: (0, _classNames.classNames)("WriteBar", platform === _platform.Platform.IOS && "WriteBar--ios", shadow && "WriteBar--shadow"),
     className: className,
     style: style
-  }, (0, _jsxRuntime.createScopedElement)("form", {
-    vkuiClass: "WriteBar__form",
-    onSubmit: function onSubmit(e) {
-      return e.preventDefault();
-    }
+  }, (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "WriteBar__form"
   }, (0, _utils.hasReactNode)(before) && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "WriteBar__before"
   }, before), (0, _jsxRuntime.createScopedElement)("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"WriteBar.js","names":["WriteBar","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","shadow","restProps","platform","usePlatform","isControlledOutside","textareaRef","useExternRef","currentScrollHeight","React","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","onTextareaChange","event","isFunction","useEffect","classNames","IOS","e","preventDefault","hasReactNode"],"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\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   * Добавляет тень вокруг поля ввода\n   */\n  shadow?: boolean;\n\n  children?: never;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n  className,\n  style,\n  before,\n  inlineAfter,\n  after,\n  value,\n  onChange,\n  getRootRef,\n  getRef,\n  onHeightChange,\n  shadow = false,\n  ...restProps\n}: WriteBarProps) => {\n  const platform = usePlatform();\n\n  const isControlledOutside = value != null;\n\n  const textareaRef = useExternRef(getRef);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resize = React.useCallback(() => {\n    const textareaEl = textareaRef.current;\n    if (!textareaEl) {\n      return;\n    }\n\n    if (textareaEl.offsetParent) {\n      textareaEl.style.height = \"\";\n      textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n      if (\n        textareaEl.scrollHeight !== currentScrollHeight.current &&\n        onHeightChange\n      ) {\n        onHeightChange();\n        currentScrollHeight.current = textareaEl.scrollHeight;\n      }\n    }\n  }, [onHeightChange, textareaRef]);\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={classNames(\n        \"WriteBar\",\n        platform === IOS && \"WriteBar--ios\",\n        shadow && \"WriteBar--shadow\"\n      )}\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          <Headline\n            {...restProps}\n            Component=\"textarea\"\n            vkuiClass=\"WriteBar__textarea\"\n            onChange={onTextareaChange}\n            getRootRef={textareaRef}\n            value={value}\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"],"mappings":"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"}
+{"version":3,"file":"WriteBar.js","names":["WriteBar","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","shadow","restProps","platform","usePlatform","isControlledOutside","textareaRef","useExternRef","currentScrollHeight","React","useRef","resize","useCallback","textareaEl","current","offsetParent","height","scrollHeight","onTextareaChange","event","isFunction","useEffect","classNames","Platform","IOS","hasReactNode"],"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\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   * Добавляет тень вокруг поля ввода\n   */\n  shadow?: boolean;\n\n  children?: never;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n  className,\n  style,\n  before,\n  inlineAfter,\n  after,\n  value,\n  onChange,\n  getRootRef,\n  getRef,\n  onHeightChange,\n  shadow = false,\n  ...restProps\n}: WriteBarProps) => {\n  const platform = usePlatform();\n\n  const isControlledOutside = value != null;\n\n  const textareaRef = useExternRef(getRef);\n  const currentScrollHeight = React.useRef<number>();\n\n  const resize = React.useCallback(() => {\n    const textareaEl = textareaRef.current;\n    if (!textareaEl) {\n      return;\n    }\n\n    if (textareaEl.offsetParent) {\n      textareaEl.style.height = \"\";\n      textareaEl.style.height = `${textareaEl.scrollHeight}px`;\n\n      if (\n        textareaEl.scrollHeight !== currentScrollHeight.current &&\n        onHeightChange\n      ) {\n        onHeightChange();\n        currentScrollHeight.current = textareaEl.scrollHeight;\n      }\n    }\n  }, [onHeightChange, textareaRef]);\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={classNames(\n        \"WriteBar\",\n        platform === Platform.IOS && \"WriteBar--ios\",\n        shadow && \"WriteBar--shadow\"\n      )}\n      className={className}\n      style={style}\n    >\n      <div vkuiClass=\"WriteBar__form\">\n        {hasReactNode(before) && (\n          <div vkuiClass=\"WriteBar__before\">{before}</div>\n        )}\n\n        <div vkuiClass=\"WriteBar__formIn\">\n          <Headline\n            {...restProps}\n            Component=\"textarea\"\n            vkuiClass=\"WriteBar__textarea\"\n            onChange={onTextareaChange}\n            getRootRef={textareaRef}\n            value={value}\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      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -47,17 +47,29 @@ var WriteBarIcon = function WriteBarIcon(_ref) {
 
   switch (mode) {
     case "attach":
-      icon = platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon28AddCircleOutline, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon28AttachOutline, null);
+      icon = platform === _platform.Platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon28AddCircleOutline, {
+        "aria-hidden": true
+      }) : (0, _jsxRuntime.createScopedElement)(_icons.Icon28AttachOutline, {
+        "aria-hidden": true
+      });
       ariaLabel = "Прикрепить файл";
       break;
 
     case "send":
-      icon = platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon48WritebarSend, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24Send, null);
+      icon = platform === _platform.Platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon48WritebarSend, {
+        "aria-hidden": true
+      }) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24Send, {
+        "aria-hidden": true
+      });
       ariaLabel = "Отправить";
       break;
 
     case "done":
-      icon = platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon48WritebarDone, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon28CheckCircleOutline, null);
+      icon = platform === _platform.Platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon48WritebarDone, {
+        "aria-hidden": true
+      }) : (0, _jsxRuntime.createScopedElement)(_icons.Icon28CheckCircleOutline, {
+        "aria-hidden": true
+      });
       ariaLabel = "Готово";
       break;
 
@@ -75,7 +87,7 @@ var WriteBarIcon = function WriteBarIcon(_ref) {
     Component: "button",
     hasHover: false,
     activeMode: "WriteBarIcon__active",
-    vkuiClass: (0, _classNames.classNames)("WriteBarIcon", platform === _platform.Platform.IOS && "WriteBarIcon--ios", !!mode && "WriteBarIcon--".concat(mode))
+    vkuiClass: (0, _classNames.classNames)("WriteBarIcon", platform === _platform.Platform.IOS && "WriteBarIcon--ios", mode && "WriteBarIcon--mode-".concat(mode))
   }), (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "WriteBarIcon__in"
   }, icon || children, (0, _utils.hasReactNode)(count) && (0, _jsxRuntime.createScopedElement)(_Counter.Counter, {

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

@@ -1 +1 @@
-{"version":3,"file":"WriteBarIcon.js","names":["warn","warnOnce","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","usePlatform","icon","ariaLabel","undefined","IOS","classNames","Platform","hasReactNode"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"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 { IOS, Platform } 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 = ({\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      vkuiClass={classNames(\n        \"WriteBarIcon\",\n        platform === Platform.IOS && \"WriteBarIcon--ios\",\n        !!mode && `WriteBarIcon--${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"],"mappings":";;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAoBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,cAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;AAEA;AACA;AACA;;AACO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAKH;EAAA,IAJvBC,IAIuB,QAJvBA,IAIuB;EAAA,IAHvBC,QAGuB,QAHvBA,QAGuB;EAAA,IAFvBC,KAEuB,QAFvBA,KAEuB;EAAA,IADpBC,SACoB;EACvB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAIC,IAAJ;EACA,IAAIC,SAA6B,GAAGC,SAApC;;EAEA,QAAQR,IAAR;IACE,KAAK,QAAL;MACEM,IAAI,GACFF,QAAQ,KAAKK,aAAb,GAAmB,qCAAC,6BAAD,OAAnB,GAAgD,qCAAC,0BAAD,OADlD;MAEAF,SAAS,GAAG,iBAAZ;MACA;;IAEF,KAAK,MAAL;MACED,IAAI,GAAGF,QAAQ,KAAKK,aAAb,GAAmB,qCAAC,yBAAD,OAAnB,GAA4C,qCAAC,iBAAD,OAAnD;MACAF,SAAS,GAAG,WAAZ;MACA;;IAEF,KAAK,MAAL;MACED,IAAI,GACFF,QAAQ,KAAKK,aAAb,GACE,qCAAC,yBAAD,OADF,GAGE,qCAAC,+BAAD,OAJJ;MAMAF,SAAS,GAAG,QAAZ;MACA;;IAEF;MACE;EAvBJ;;EA0BA,IAAIZ,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACI,SAA3C,EAAsD;IACpDd,IAAI,CACF,wFADE,EAEF,OAFE,CAAJ;EAID;;EAED,OACE,qCAAC,kBAAD;IACE,cAAYc;EADd,GAEMJ,SAFN;IAGE,SAAS,EAAC,QAHZ;IAIE,QAAQ,EAAE,KAJZ;IAKE,UAAU,EAAC,sBALb;IAME,SAAS,EAAE,IAAAO,sBAAA,EACT,cADS,EAETN,QAAQ,KAAKO,kBAAA,CAASF,GAAtB,IAA6B,mBAFpB,EAGT,CAAC,CAACT,IAAF,4BAA2BA,IAA3B,CAHS;EANb,IAYE;IAAM,SAAS,EAAC;EAAhB,GACGM,IAAI,IAAIL,QADX,EAEG,IAAAW,mBAAA,EAAaV,KAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC,uBAAnB;IAA2C,IAAI,EAAC;EAAhD,GACGA,KADH,CAHJ,CAZF,CADF;AAuBD,CAnEM"}
+{"version":3,"file":"WriteBarIcon.js","names":["warn","warnOnce","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","usePlatform","icon","ariaLabel","undefined","Platform","IOS","classNames","hasReactNode"],"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"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 { Platform } 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 = ({\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 === Platform.IOS ? (\n          <Icon28AddCircleOutline aria-hidden />\n        ) : (\n          <Icon28AttachOutline aria-hidden />\n        );\n      ariaLabel = \"Прикрепить файл\";\n      break;\n\n    case \"send\":\n      icon =\n        platform === Platform.IOS ? (\n          <Icon48WritebarSend aria-hidden />\n        ) : (\n          <Icon24Send aria-hidden />\n        );\n      ariaLabel = \"Отправить\";\n      break;\n\n    case \"done\":\n      icon =\n        platform === Platform.IOS ? (\n          <Icon48WritebarDone aria-hidden />\n        ) : (\n          <Icon28CheckCircleOutline aria-hidden />\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      vkuiClass={classNames(\n        \"WriteBarIcon\",\n        platform === Platform.IOS && \"WriteBarIcon--ios\",\n        mode && `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"],"mappings":";;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAoBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,cAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;AAEA;AACA;AACA;;AACO,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAKH;EAAA,IAJvBC,IAIuB,QAJvBA,IAIuB;EAAA,IAHvBC,QAGuB,QAHvBA,QAGuB;EAAA,IAFvBC,KAEuB,QAFvBA,KAEuB;EAAA,IADpBC,SACoB;EACvB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAIC,IAAJ;EACA,IAAIC,SAA6B,GAAGC,SAApC;;EAEA,QAAQR,IAAR;IACE,KAAK,QAAL;MACEM,IAAI,GACFF,QAAQ,KAAKK,kBAAA,CAASC,GAAtB,GACE,qCAAC,6BAAD;QAAwB;MAAxB,EADF,GAGE,qCAAC,0BAAD;QAAqB;MAArB,EAJJ;MAMAH,SAAS,GAAG,iBAAZ;MACA;;IAEF,KAAK,MAAL;MACED,IAAI,GACFF,QAAQ,KAAKK,kBAAA,CAASC,GAAtB,GACE,qCAAC,yBAAD;QAAoB;MAApB,EADF,GAGE,qCAAC,iBAAD;QAAY;MAAZ,EAJJ;MAMAH,SAAS,GAAG,WAAZ;MACA;;IAEF,KAAK,MAAL;MACED,IAAI,GACFF,QAAQ,KAAKK,kBAAA,CAASC,GAAtB,GACE,qCAAC,yBAAD;QAAoB;MAApB,EADF,GAGE,qCAAC,+BAAD;QAA0B;MAA1B,EAJJ;MAMAH,SAAS,GAAG,QAAZ;MACA;;IAEF;MACE;EAhCJ;;EAmCA,IAAIZ,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACI,SAA3C,EAAsD;IACpDd,IAAI,CACF,wFADE,EAEF,OAFE,CAAJ;EAID;;EAED,OACE,qCAAC,kBAAD;IACE,cAAYc;EADd,GAEMJ,SAFN;IAGE,SAAS,EAAC,QAHZ;IAIE,QAAQ,EAAE,KAJZ;IAKE,UAAU,EAAC,sBALb;IAME,SAAS,EAAE,IAAAQ,sBAAA,EACT,cADS,EAETP,QAAQ,KAAKK,kBAAA,CAASC,GAAtB,IAA6B,mBAFpB,EAGTV,IAAI,iCAA0BA,IAA1B,CAHK;EANb,IAYE;IAAM,SAAS,EAAC;EAAhB,GACGM,IAAI,IAAIL,QADX,EAEG,IAAAW,mBAAA,EAAaV,KAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC,uBAAnB;IAA2C,IAAI,EAAC;EAAhD,GACGA,KADH,CAHJ,CAZF,CADF;AAuBD,CA5EM"}

package/dist/cjs/helpers/appearance.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deriveAppearance = exports.Scheme = exports.Appearance = void 0;
+exports.resolveAppearance = resolveAppearance;
+var Scheme;
+exports.Scheme = Scheme;
+
+(function (Scheme) {
+  Scheme["BRIGHT_LIGHT"] = "bright_light";
+  Scheme["SPACE_GRAY"] = "space_gray";
+  Scheme["VKCOM_LIGHT"] = "vkcom_light";
+  Scheme["VKCOM_DARK"] = "vkcom_dark";
+})(Scheme || (exports.Scheme = Scheme = {}));
+
+var Appearance;
+exports.Appearance = Appearance;
+
+(function (Appearance) {
+  Appearance["DARK"] = "dark";
+  Appearance["LIGHT"] = "light";
+})(Appearance || (exports.Appearance = Appearance = {}));
+
+var deriveAppearance = function deriveAppearance(scheme) {
+  return scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK ? "dark" : "light";
+};
+
+exports.deriveAppearance = deriveAppearance;
+
+function resolveAppearance(data) {
+  var scheme = data.scheme,
+      appearance = data.appearance; // appearance пока приходит только на IOS и ANDROID
+
+  if (appearance) {
+    return appearance;
+  } // Проверяем scheme если appearance не пришел
+
+
+  return deriveAppearance(scheme);
+}
+//# sourceMappingURL=appearance.js.map

package/dist/cjs/helpers/appearance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.js","names":["Scheme","Appearance","deriveAppearance","scheme","SPACE_GRAY","VKCOM_DARK","resolveAppearance","data","appearance"],"sources":["../../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from \"@vkontakte/vk-bridge\";\n\nexport enum Scheme {\n  BRIGHT_LIGHT = \"bright_light\",\n  SPACE_GRAY = \"space_gray\",\n  VKCOM_LIGHT = \"vkcom_light\",\n  VKCOM_DARK = \"vkcom_dark\",\n}\n\nexport type AppearanceScheme =\n  | AppearanceSchemeType\n  | Scheme.VKCOM_DARK\n  | Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nexport const deriveAppearance = (\n  scheme: AppearanceScheme | undefined\n): AppearanceType =>\n  scheme === Scheme.SPACE_GRAY || scheme === Scheme.VKCOM_DARK\n    ? \"dark\"\n    : \"light\";\n\nexport interface VKBridgeConfigData {\n  appearance?: AppearanceType;\n  scheme: AppearanceScheme;\n}\n\nexport function resolveAppearance(\n  data: VKBridgeConfigData\n): AppearanceType | null {\n  const { scheme, appearance } = data;\n\n  // appearance пока приходит только на IOS и ANDROID\n  if (appearance) {\n    return appearance;\n  }\n\n  // Проверяем scheme если appearance не пришел\n  return deriveAppearance(scheme);\n}\n"],"mappings":";;;;;;;IAEYA,M;;;WAAAA,M;EAAAA,M;EAAAA,M;EAAAA,M;EAAAA,M;GAAAA,M,sBAAAA,M;;IAYAC,U;;;WAAAA,U;EAAAA,U;EAAAA,U;GAAAA,U,0BAAAA,U;;AAKL,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAC9BC,MAD8B;EAAA,OAG9BA,MAAM,KAAKH,MAAM,CAACI,UAAlB,IAAgCD,MAAM,KAAKH,MAAM,CAACK,UAAlD,GACI,MADJ,GAEI,OAL0B;AAAA,CAAzB;;;;AAYA,SAASC,iBAAT,CACLC,IADK,EAEkB;EACvB,IAAQJ,MAAR,GAA+BI,IAA/B,CAAQJ,MAAR;EAAA,IAAgBK,UAAhB,GAA+BD,IAA/B,CAAgBC,UAAhB,CADuB,CAGvB;;EACA,IAAIA,UAAJ,EAAgB;IACd,OAAOA,UAAP;EACD,CANsB,CAQvB;;;EACA,OAAON,gBAAgB,CAACC,MAAD,CAAvB;AACD"}

package/dist/cjs/helpers/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","names":["calcInitialsAvatarColor","objectId"],"sources":["../../../src/helpers/avatar.ts"],"sourcesContent":["import { InitialsAvatarNumberGradients } from \"../components/InitialsAvatar/InitialsAvatar\";\n\n/**\n * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта\n */\nexport function calcInitialsAvatarColor(\n  objectId: number\n): InitialsAvatarNumberGradients {\n  return ((objectId % 6) + 1) as InitialsAvatarNumberGradients;\n}\n"],"mappings":";;;;;;;AAEA;AACA;AACA;AACO,SAASA,uBAAT,CACLC,QADK,EAE0B;EAC/B,OAASA,QAAQ,GAAG,CAAZ,GAAiB,CAAzB;AACD"}
+{"version":3,"file":"avatar.js","names":["calcInitialsAvatarColor","objectId"],"sources":["../../../src/helpers/avatar.ts"],"sourcesContent":["import type { InitialsAvatarNumberGradients } from \"../components/Avatar/Avatar\";\n\n/**\n * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта\n */\nexport function calcInitialsAvatarColor(\n  objectId: number\n): InitialsAvatarNumberGradients {\n  return ((objectId % 6) + 1) as InitialsAvatarNumberGradients;\n}\n"],"mappings":";;;;;;;AAEA;AACA;AACA;AACO,SAASA,uBAAT,CACLC,QADK,EAE0B;EAC/B,OAASA,QAAQ,GAAG,CAAZ,GAAiB,CAAzB;AACD"}

package/dist/cjs/helpers/getClassName.js

@@ -7,6 +7,10 @@ exports.getClassName = getClassName;
 
 var _platform = require("../lib/platform");
 
+/**
+ * @deprecated Используйте getPlatformClassName().
+ *  Пример, `classNamesString("Component", getPlatformClassName("Component", platform))`.
+ */
 function getClassName(base) {
   var osname = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, _platform.platform)();
   return "".concat(base, " ").concat(base, "--").concat(osname);

package/dist/cjs/helpers/getClassName.js.map

@@ -1 +1 @@
-{"version":3,"file":"getClassName.js","names":["getClassName","base","osname","platform"],"sources":["../../../src/helpers/getClassName.ts"],"sourcesContent":["import { PlatformType, platform } from \"../lib/platform\";\n\nexport function getClassName(\n  base: string,\n  osname: PlatformType = platform()\n): string {\n  return `${base} ${base}--${osname}`;\n}\n"],"mappings":";;;;;;;AAAA;;AAEO,SAASA,YAAT,CACLC,IADK,EAGG;EAAA,IADRC,MACQ,uEADe,IAAAC,kBAAA,GACf;EACR,iBAAUF,IAAV,cAAkBA,IAAlB,eAA2BC,MAA3B;AACD"}
+{"version":3,"file":"getClassName.js","names":["getClassName","base","osname","platform"],"sources":["../../../src/helpers/getClassName.ts"],"sourcesContent":["import { PlatformType, platform } from \"../lib/platform\";\n\n/**\n * @deprecated Используйте getPlatformClassName().\n *  Пример, `classNamesString(\"Component\", getPlatformClassName(\"Component\", platform))`.\n */\nexport function getClassName(\n  base: string,\n  osname: PlatformType = platform()\n): string {\n  return `${base} ${base}--${osname}`;\n}\n"],"mappings":";;;;;;;AAAA;;AAEA;AACA;AACA;AACA;AACO,SAASA,YAAT,CACLC,IADK,EAGG;EAAA,IADRC,MACQ,uEADe,IAAAC,kBAAA,GACf;EACR,iBAAUF,IAAV,cAAkBA,IAAlB,eAA2BC,MAA3B;AACD"}

package/dist/cjs/helpers/getHoverClassName.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHoverClassName = getHoverClassName;
+
+function getHoverClassName(base, hover,
+/**
+ * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+ *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+ */
+styles) {
+  var hoverState = "none";
+
+  if (hover === true) {
+    hoverState = "has";
+  } else if (hover === false) {
+    hoverState = "has-not";
+  }
+
+  var hoverClassName = "".concat(String(base), "--hover-").concat(hoverState);
+  return styles ? styles[hoverClassName] : hoverClassName;
+}
+//# sourceMappingURL=getHoverClassName.js.map

package/dist/cjs/helpers/getHoverClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getHoverClassName.js","names":["getHoverClassName","base","hover","styles","hoverState","hoverClassName","String"],"sources":["../../../src/helpers/getHoverClassName.ts"],"sourcesContent":["type HoverType = \"none\" | \"has\" | \"has-not\";\n\nexport function getHoverClassName(base: string, hover?: boolean): string;\nexport function getHoverClassName<Styles extends Record<string, string>>(\n  base: string,\n  hover?: boolean,\n  styles?: Styles\n): string | undefined;\nexport function getHoverClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  hover?: boolean,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let hoverState: HoverType = \"none\";\n  if (hover === true) {\n    hoverState = \"has\";\n  } else if (hover === false) {\n    hoverState = \"has-not\";\n  }\n\n  const hoverClassName = `${String(base)}--hover-${hoverState}`;\n\n  return styles ? styles[hoverClassName] : hoverClassName;\n}\n"],"mappings":";;;;;;;AAQO,SAASA,iBAAT,CACLC,IADK,EAELC,KAFK;AAGL;AACF;AACA;AACA;AACEC,MAPK,EAQe;EACpB,IAAIC,UAAqB,GAAG,MAA5B;;EACA,IAAIF,KAAK,KAAK,IAAd,EAAoB;IAClBE,UAAU,GAAG,KAAb;EACD,CAFD,MAEO,IAAIF,KAAK,KAAK,KAAd,EAAqB;IAC1BE,UAAU,GAAG,SAAb;EACD;;EAED,IAAMC,cAAc,aAAMC,MAAM,CAACL,IAAD,CAAZ,qBAA6BG,UAA7B,CAApB;EAEA,OAAOD,MAAM,GAAGA,MAAM,CAACE,cAAD,CAAT,GAA4BA,cAAzC;AACD"}

package/dist/cjs/helpers/getMouseClassName.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMouseClassName = getMouseClassName;
+
+function getMouseClassName(base, mouse,
+/**
+ * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+ *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+ */
+styles) {
+  var mouseState = "none";
+
+  if (mouse === true) {
+    mouseState = "has";
+  } else if (mouse === false) {
+    mouseState = "has-not";
+  }
+
+  var className = "".concat(String(base), "--mouse-").concat(mouseState);
+  return styles ? styles[className] : className;
+}
+//# sourceMappingURL=getMouseClassName.js.map

package/dist/cjs/helpers/getMouseClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getMouseClassName.js","names":["getMouseClassName","base","mouse","styles","mouseState","className","String"],"sources":["../../../src/helpers/getMouseClassName.ts"],"sourcesContent":["type MouseType = \"none\" | \"has\" | \"has-not\";\n\nexport function getMouseClassName(base: string, mouse?: boolean): string;\nexport function getMouseClassName<Styles extends Record<string, string>>(\n  base: string,\n  mouse?: boolean,\n  styles?: Styles\n): string | undefined;\nexport function getMouseClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  mouse?: boolean,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let mouseState: MouseType = \"none\";\n  if (mouse === true) {\n    mouseState = \"has\";\n  } else if (mouse === false) {\n    mouseState = \"has-not\";\n  }\n\n  const className = `${String(base)}--mouse-${mouseState}`;\n\n  return styles ? styles[className] : className;\n}\n"],"mappings":";;;;;;;AAQO,SAASA,iBAAT,CACLC,IADK,EAELC,KAFK;AAGL;AACF;AACA;AACA;AACEC,MAPK,EAQe;EACpB,IAAIC,UAAqB,GAAG,MAA5B;;EACA,IAAIF,KAAK,KAAK,IAAd,EAAoB;IAClBE,UAAU,GAAG,KAAb;EACD,CAFD,MAEO,IAAIF,KAAK,KAAK,KAAd,EAAqB;IAC1BE,UAAU,GAAG,SAAb;EACD;;EAED,IAAMC,SAAS,aAAMC,MAAM,CAACL,IAAD,CAAZ,qBAA6BG,UAA7B,CAAf;EAEA,OAAOD,MAAM,GAAGA,MAAM,CAACE,SAAD,CAAT,GAAuBA,SAApC;AACD"}

package/dist/cjs/helpers/getOrDefault.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOrDefault = getOrDefault;
+
+/**
+ * Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.
+ */
+function getOrDefault(value, defaultValue) {
+  return value !== null && value !== void 0 ? value : defaultValue;
+}
+//# sourceMappingURL=getOrDefault.js.map

package/dist/cjs/helpers/getOrDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOrDefault.js","names":["getOrDefault","value","defaultValue"],"sources":["../../../src/helpers/getOrDefault.ts"],"sourcesContent":["/**\n * Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.\n */\nexport function getOrDefault<T>(value: T | undefined, defaultValue: T): T {\n  return value ?? defaultValue;\n}\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACO,SAASA,YAAT,CAAyBC,KAAzB,EAA+CC,YAA/C,EAAmE;EACxE,OAAOD,KAAP,aAAOA,KAAP,cAAOA,KAAP,GAAgBC,YAAhB;AACD"}

package/dist/cjs/helpers/getPlatformClassName.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPlatformClassName = getPlatformClassName;
+
+var _platform = require("../lib/platform");
+
+function getPlatformClassName(base) {
+  var osname = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, _platform.platform)();
+  var
+  /**
+   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+   */
+  styles = arguments.length > 2 ? arguments[2] : undefined;
+  var platformClassName = "".concat(String(base), "--").concat(osname);
+  return styles ? styles[platformClassName] : platformClassName;
+}
+//# sourceMappingURL=getPlatformClassName.js.map

package/dist/cjs/helpers/getPlatformClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPlatformClassName.js","names":["getPlatformClassName","base","osname","platform","styles","platformClassName","String"],"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["import { PlatformType, platform } from \"../lib/platform\";\n\nexport function getPlatformClassName(\n  base: string,\n  osname?: PlatformType\n): string;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname?: PlatformType,\n  styles?: Styles\n): string | undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  osname: PlatformType = platform(),\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  const platformClassName = `${String(base)}--${osname}`;\n  return styles ? styles[platformClassName] : platformClassName;\n}\n"],"mappings":";;;;;;;AAAA;;AAWO,SAASA,oBAAT,CACLC,IADK,EAQe;EAAA,IANpBC,MAMoB,uEANG,IAAAC,kBAAA,GAMH;EAAA;EALpB;AACF;AACA;AACA;EACEC,MACoB;EACpB,IAAMC,iBAAiB,aAAMC,MAAM,CAACL,IAAD,CAAZ,eAAuBC,MAAvB,CAAvB;EACA,OAAOE,MAAM,GAAGA,MAAM,CAACC,iBAAD,CAAT,GAA+BA,iBAA5C;AACD"}

package/dist/cjs/helpers/getSizeXClassName.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSizeXClassName = getSizeXClassName;
+
+function getSizeXClassName(base) {
+  var sizeX = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "none";
+  var
+  /**
+   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+   */
+  styles = arguments.length > 2 ? arguments[2] : undefined;
+  var sizeXClassName = "".concat(String(base), "--sizeX-").concat(sizeX);
+  return styles ? styles[sizeXClassName] : sizeXClassName;
+}
+//# sourceMappingURL=getSizeXClassName.js.map

package/dist/cjs/helpers/getSizeXClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSizeXClassName.js","names":["getSizeXClassName","base","sizeX","styles","sizeXClassName","String"],"sources":["../../../src/helpers/getSizeXClassName.ts"],"sourcesContent":["import { SizeType } from \"../lib/adaptivity\";\n\ntype SizeXType = SizeType | \"none\";\n\nexport function getSizeXClassName(base: string, sizeX?: SizeXType): string;\nexport function getSizeXClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeX?: SizeXType,\n  styles?: Styles\n): string | undefined;\nexport function getSizeXClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeX: SizeXType = \"none\",\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  const sizeXClassName = `${String(base)}--sizeX-${sizeX}`;\n  return styles ? styles[sizeXClassName] : sizeXClassName;\n}\n"],"mappings":";;;;;;;AAUO,SAASA,iBAAT,CACLC,IADK,EAQe;EAAA,IANpBC,KAMoB,uEAND,MAMC;EAAA;EALpB;AACF;AACA;AACA;EACEC,MACoB;EACpB,IAAMC,cAAc,aAAMC,MAAM,CAACJ,IAAD,CAAZ,qBAA6BC,KAA7B,CAApB;EACA,OAAOC,MAAM,GAAGA,MAAM,CAACC,cAAD,CAAT,GAA4BA,cAAzC;AACD"}

package/dist/cjs/helpers/getSizeYClassName.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSizeYClassName = getSizeYClassName;
+
+function getSizeYClassName(base) {
+  var sizeY = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "none";
+  var
+  /**
+   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+   */
+  styles = arguments.length > 2 ? arguments[2] : undefined;
+  var sizeYClassName = "".concat(String(base), "--sizeY-").concat(sizeY);
+  return styles ? styles[sizeYClassName] : sizeYClassName;
+}
+//# sourceMappingURL=getSizeYClassName.js.map

package/dist/cjs/helpers/getSizeYClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getSizeYClassName.js","names":["getSizeYClassName","base","sizeY","styles","sizeYClassName","String"],"sources":["../../../src/helpers/getSizeYClassName.ts"],"sourcesContent":["import { SizeType } from \"../lib/adaptivity\";\n\ntype SizeYType = SizeType | \"none\";\n\nexport function getSizeYClassName(base: string, sizeY?: SizeYType): string;\nexport function getSizeYClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeY?: SizeYType,\n  styles?: Styles\n): string | undefined;\nexport function getSizeYClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  sizeY: SizeYType = \"none\",\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  const sizeYClassName = `${String(base)}--sizeY-${sizeY}`;\n  return styles ? styles[sizeYClassName] : sizeYClassName;\n}\n"],"mappings":";;;;;;;AAUO,SAASA,iBAAT,CACLC,IADK,EAQe;EAAA,IANpBC,KAMoB,uEAND,MAMC;EAAA;EALpB;AACF;AACA;AACA;EACEC,MACoB;EACpB,IAAMC,cAAc,aAAMC,MAAM,CAACJ,IAAD,CAAZ,qBAA6BC,KAA7B,CAApB;EACA,OAAOC,MAAM,GAAGA,MAAM,CAACC,cAAD,CAAT,GAA4BA,cAAzC;AACD"}

package/dist/cjs/helpers/getViewHeightClassName.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getViewHeightClassName = getViewHeightClassName;
+
+var _adaptivity = require("../lib/adaptivity");
+
+function getViewHeightClassName(base, viewHeight,
+/**
+ * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+ *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+ */
+styles) {
+  var className = "".concat(String(base), "--viewHeight-");
+
+  switch (viewHeight) {
+    case _adaptivity.ViewHeight.EXTRA_SMALL:
+      className += "extraSmall";
+      break;
+
+    case _adaptivity.ViewHeight.SMALL:
+      className += "small";
+      break;
+
+    case _adaptivity.ViewHeight.MEDIUM:
+      className += "medium";
+      break;
+
+    default:
+      className += "none";
+      break;
+  }
+
+  return styles ? styles[className] : className;
+}
+//# sourceMappingURL=getViewHeightClassName.js.map

package/dist/cjs/helpers/getViewHeightClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getViewHeightClassName.js","names":["getViewHeightClassName","base","viewHeight","styles","className","String","ViewHeight","EXTRA_SMALL","SMALL","MEDIUM"],"sources":["../../../src/helpers/getViewHeightClassName.ts"],"sourcesContent":["import { ViewHeight } from \"../lib/adaptivity\";\n\nexport function getViewHeightClassName(\n  base: string,\n  viewHeight?: ViewHeight\n): string;\nexport function getViewHeightClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewHeight?: ViewHeight,\n  styles?: Styles\n): string | undefined;\nexport function getViewHeightClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewHeight?: ViewHeight,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let className = `${String(base)}--viewHeight-`;\n\n  switch (viewHeight) {\n    case ViewHeight.EXTRA_SMALL:\n      className += \"extraSmall\";\n      break;\n    case ViewHeight.SMALL:\n      className += \"small\";\n      break;\n    case ViewHeight.MEDIUM:\n      className += \"medium\";\n      break;\n\n    default:\n      className += \"none\";\n      break;\n  }\n\n  return styles ? styles[className] : className;\n}\n"],"mappings":";;;;;;;AAAA;;AAWO,SAASA,sBAAT,CACLC,IADK,EAELC,UAFK;AAGL;AACF;AACA;AACA;AACEC,MAPK,EAQe;EACpB,IAAIC,SAAS,aAAMC,MAAM,CAACJ,IAAD,CAAZ,kBAAb;;EAEA,QAAQC,UAAR;IACE,KAAKI,sBAAA,CAAWC,WAAhB;MACEH,SAAS,IAAI,YAAb;MACA;;IACF,KAAKE,sBAAA,CAAWE,KAAhB;MACEJ,SAAS,IAAI,OAAb;MACA;;IACF,KAAKE,sBAAA,CAAWG,MAAhB;MACEL,SAAS,IAAI,QAAb;MACA;;IAEF;MACEA,SAAS,IAAI,MAAb;MACA;EAbJ;;EAgBA,OAAOD,MAAM,GAAGA,MAAM,CAACC,SAAD,CAAT,GAAuBA,SAApC;AACD"}

package/dist/cjs/helpers/getViewWidthClassName.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getViewWidthClassName = getViewWidthClassName;
+
+var _adaptivity = require("../lib/adaptivity");
+
+function getViewWidthClassName(base, viewWidth,
+/**
+ * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,
+ *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.
+ */
+styles) {
+  var className = "".concat(String(base), "--viewWidth-");
+
+  switch (viewWidth) {
+    case _adaptivity.ViewWidth.SMALL_MOBILE:
+      className += "smallMobile";
+      break;
+
+    case _adaptivity.ViewWidth.MOBILE:
+      className += "mobile";
+      break;
+
+    case _adaptivity.ViewWidth.SMALL_TABLET:
+      className += "smallTablet";
+      break;
+
+    case _adaptivity.ViewWidth.TABLET:
+      className += "tablet";
+      break;
+
+    case _adaptivity.ViewWidth.DESKTOP:
+      className += "desktop";
+      break;
+
+    default:
+      className += "none";
+      break;
+  }
+
+  className = styles ? styles[className] : className;
+
+  if (viewWidth && viewWidth >= _adaptivity.ViewWidth.SMALL_TABLET) {
+    if (styles) {
+      className += " " + styles["".concat(String(base), "--viewWidth-smallTabletPlus")];
+    } else {
+      className += " ".concat(String(base), "--viewWidth-smallTabletPlus");
+    }
+  }
+
+  return className;
+}
+//# sourceMappingURL=getViewWidthClassName.js.map

package/dist/cjs/helpers/getViewWidthClassName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getViewWidthClassName.js","names":["getViewWidthClassName","base","viewWidth","styles","className","String","ViewWidth","SMALL_MOBILE","MOBILE","SMALL_TABLET","TABLET","DESKTOP"],"sources":["../../../src/helpers/getViewWidthClassName.ts"],"sourcesContent":["import { ViewWidth } from \"../lib/adaptivity\";\n\nexport function getViewWidthClassName(\n  base: string,\n  viewWidth?: ViewWidth\n): string;\nexport function getViewWidthClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewWidth?: ViewWidth,\n  styles?: Styles\n): string | undefined;\nexport function getViewWidthClassName<Styles extends Record<string, string>>(\n  base: keyof Styles,\n  viewWidth?: ViewWidth,\n  /**\n   * Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n   *  не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n   */\n  styles?: Styles\n): string | undefined {\n  let className = `${String(base)}--viewWidth-`;\n\n  switch (viewWidth) {\n    case ViewWidth.SMALL_MOBILE:\n      className += \"smallMobile\";\n      break;\n    case ViewWidth.MOBILE:\n      className += \"mobile\";\n      break;\n    case ViewWidth.SMALL_TABLET:\n      className += \"smallTablet\";\n      break;\n    case ViewWidth.TABLET:\n      className += \"tablet\";\n      break;\n    case ViewWidth.DESKTOP:\n      className += \"desktop\";\n      break;\n\n    default:\n      className += \"none\";\n      break;\n  }\n\n  className = styles ? styles[className] : className;\n\n  if (viewWidth && viewWidth >= ViewWidth.SMALL_TABLET) {\n    if (styles) {\n      className += \" \" + styles[`${String(base)}--viewWidth-smallTabletPlus`];\n    } else {\n      className += ` ${String(base)}--viewWidth-smallTabletPlus`;\n    }\n  }\n\n  return className;\n}\n"],"mappings":";;;;;;;AAAA;;AAWO,SAASA,qBAAT,CACLC,IADK,EAELC,SAFK;AAGL;AACF;AACA;AACA;AACEC,MAPK,EAQe;EACpB,IAAIC,SAAS,aAAMC,MAAM,CAACJ,IAAD,CAAZ,iBAAb;;EAEA,QAAQC,SAAR;IACE,KAAKI,qBAAA,CAAUC,YAAf;MACEH,SAAS,IAAI,aAAb;MACA;;IACF,KAAKE,qBAAA,CAAUE,MAAf;MACEJ,SAAS,IAAI,QAAb;MACA;;IACF,KAAKE,qBAAA,CAAUG,YAAf;MACEL,SAAS,IAAI,aAAb;MACA;;IACF,KAAKE,qBAAA,CAAUI,MAAf;MACEN,SAAS,IAAI,QAAb;MACA;;IACF,KAAKE,qBAAA,CAAUK,OAAf;MACEP,SAAS,IAAI,SAAb;MACA;;IAEF;MACEA,SAAS,IAAI,MAAb;MACA;EAnBJ;;EAsBAA,SAAS,GAAGD,MAAM,GAAGA,MAAM,CAACC,SAAD,CAAT,GAAuBA,SAAzC;;EAEA,IAAIF,SAAS,IAAIA,SAAS,IAAII,qBAAA,CAAUG,YAAxC,EAAsD;IACpD,IAAIN,MAAJ,EAAY;MACVC,SAAS,IAAI,MAAMD,MAAM,WAAIE,MAAM,CAACJ,IAAD,CAAV,iCAAzB;IACD,CAFD,MAEO;MACLG,SAAS,eAAQC,MAAM,CAACJ,IAAD,CAAd,gCAAT;IACD;EACF;;EAED,OAAOG,SAAP;AACD"}

package/dist/cjs/hooks/useAdaptivity.js

@@ -1,36 +1,51 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useAdaptivityIsDesktop = exports.useAdaptivity = void 0;
-
-var React = _interopRequireWildcard(require("react"));
+exports.useAdaptivity = void 0;
 
-var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
-var _usePlatform = require("./usePlatform");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _platform = require("../lib/platform");
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var useAdaptivity = function useAdaptivity() {
-  return React.useContext(_AdaptivityContext.AdaptivityContext);
-};
+var React = _interopRequireWildcard(require("react"));
 
-exports.useAdaptivity = useAdaptivity;
+var _vkjs = require("@vkontakte/vkjs");
 
-var useAdaptivityIsDesktop = function useAdaptivityIsDesktop() {
-  var platform = (0, _usePlatform.usePlatform)();
+var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
 
-  var _useAdaptivity = useAdaptivity(),
-      viewWidth = _useAdaptivity.viewWidth,
-      viewHeight = _useAdaptivity.viewHeight,
-      hasMouse = _useAdaptivity.hasMouse;
+var _excluded = ["hasMouse"];
 
-  return viewWidth >= _AdaptivityContext.ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= _AdaptivityContext.ViewHeight.MEDIUM) || platform === _platform.VKCOM;
+var useAdaptivity = function useAdaptivity() {
+  var _React$useContext = React.useContext(_AdaptivityContext.AdaptivityContext),
+      hasMouseContext = _React$useContext.hasMouse,
+      adaptivity = (0, _objectWithoutProperties2.default)(_React$useContext, _excluded);
+
+  var _React$useState = React.useState(hasMouseContext),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      hasMouse = _React$useState2[0],
+      setHasMouse = _React$useState2[1]; // определение hasMouse в @vkontakte/vkjs происходит через window.matchMedia
+  // чтобы не было ошибок при гидрации определяем значение после первого рендера
+
+
+  React.useEffect(function () {
+    if (hasMouseContext !== undefined) {
+      setHasMouse(hasMouseContext);
+    } else {
+      setHasMouse(_vkjs.hasMouse);
+    }
+  }, [hasMouseContext]);
+  return (0, _objectSpread2.default)({
+    hasMouse: hasMouse
+  }, adaptivity);
 };
 
-exports.useAdaptivityIsDesktop = useAdaptivityIsDesktop;
+exports.useAdaptivity = useAdaptivity;
 //# sourceMappingURL=useAdaptivity.js.map

package/dist/cjs/hooks/useAdaptivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAdaptivity.js","names":["useAdaptivity","React","useContext","AdaptivityContext","useAdaptivityIsDesktop","platform","usePlatform","viewWidth","viewHeight","hasMouse","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","VKCOM"],"sources":["../../../src/hooks/useAdaptivity.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  AdaptivityContext,\n  AdaptivityProps,\n  AdaptivityContextInterface,\n  ViewWidth,\n  ViewHeight,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\nimport { usePlatform } from \"./usePlatform\";\nimport { VKCOM } from \"../lib/platform\";\n\nexport type { AdaptivityProps };\n\nexport const useAdaptivity = (): AdaptivityContextInterface => {\n  return React.useContext(AdaptivityContext);\n};\n\nexport const useAdaptivityIsDesktop = (): boolean => {\n  const platform = usePlatform();\n  const { viewWidth, viewHeight, hasMouse } = useAdaptivity();\n\n  return (\n    (viewWidth >= ViewWidth.SMALL_TABLET &&\n      (hasMouse || viewHeight >= ViewHeight.MEDIUM)) ||\n    platform === VKCOM\n  );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAOA;;AACA;;AAIO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,GAAkC;EAC7D,OAAOC,KAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAAP;AACD,CAFM;;;;AAIA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,GAAe;EACnD,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAA4CN,aAAa,EAAzD;EAAA,IAAQO,SAAR,kBAAQA,SAAR;EAAA,IAAmBC,UAAnB,kBAAmBA,UAAnB;EAAA,IAA+BC,QAA/B,kBAA+BA,QAA/B;;EAEA,OACGF,SAAS,IAAIG,4BAAA,CAAUC,YAAvB,KACEF,QAAQ,IAAID,UAAU,IAAII,6BAAA,CAAWC,MADvC,CAAD,IAEAR,QAAQ,KAAKS,eAHf;AAKD,CATM"}
+{"version":3,"file":"useAdaptivity.js","names":["useAdaptivity","React","useContext","AdaptivityContext","hasMouseContext","hasMouse","adaptivity","useState","setHasMouse","useEffect","undefined","_hasMouse"],"sources":["../../../src/hooks/useAdaptivity.ts"],"sourcesContent":["import * as React from \"react\";\nimport { hasMouse as _hasMouse } from \"@vkontakte/vkjs\";\nimport {\n  AdaptivityContext,\n  type AdaptivityProps,\n} from \"../components/AdaptivityProvider/AdaptivityContext\";\n\nexport type { AdaptivityProps };\n\nexport const useAdaptivity = (): AdaptivityProps => {\n  const { hasMouse: hasMouseContext, ...adaptivity } =\n    React.useContext(AdaptivityContext);\n  const [hasMouse, setHasMouse] = React.useState(hasMouseContext);\n\n  // определение hasMouse в @vkontakte/vkjs происходит через window.matchMedia\n  // чтобы не было ошибок при гидрации определяем значение после первого рендера\n  React.useEffect(() => {\n    if (hasMouseContext !== undefined) {\n      setHasMouse(hasMouseContext);\n    } else {\n      setHasMouse(_hasMouse);\n    }\n  }, [hasMouseContext]);\n\n  return { hasMouse, ...adaptivity };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAOO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,GAAuB;EAClD,wBACEC,KAAK,CAACC,UAAN,CAAiBC,oCAAjB,CADF;EAAA,IAAkBC,eAAlB,qBAAQC,QAAR;EAAA,IAAsCC,UAAtC;;EAEA,sBAAgCL,KAAK,CAACM,QAAN,CAAeH,eAAf,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBG,WAAjB,uBAHkD,CAKlD;EACA;;;EACAP,KAAK,CAACQ,SAAN,CAAgB,YAAM;IACpB,IAAIL,eAAe,KAAKM,SAAxB,EAAmC;MACjCF,WAAW,CAACJ,eAAD,CAAX;IACD,CAFD,MAEO;MACLI,WAAW,CAACG,cAAD,CAAX;IACD;EACF,CAND,EAMG,CAACP,eAAD,CANH;EAQA;IAASC,QAAQ,EAARA;EAAT,GAAsBC,UAAtB;AACD,CAhBM"}