@vkontakte/vkui 4.23.0 → 4.24.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"names":["COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","AVATAR_DEFAULT_SIZE","shadow","AVATAR_DEFAULT_SHADOW","children","gradientColor","style","restProps","gradientName","fontSize"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA;;AACA;;;AA0CA,IAAMA,yBAA6F,GAAG;AACpG,KAAG,KADiG;AAEpG,KAAG,QAFiG;AAGpG,KAAG,QAHiG;AAIpG,KAAG,OAJiG;AAKpG,KAAG,QALiG;AAMpG,KAAG;AANiG,CAAtG;;AASA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;AAC/C,MAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;AACA,MAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;AACA,SAAOA,kBAAkB,GAAGG,OAA5B;AACD;;AAEM,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAOlC;AAAA,uBANzBC,IAMyB;AAAA,MANzBA,IAMyB,0BANlBC,2BAMkB;AAAA,yBALzBC,MAKyB;AAAA,MALzBA,MAKyB,4BALhBC,6BAKgB;AAAA,MAJzBC,QAIyB,QAJzBA,QAIyB;AAAA,MAHzBC,aAGyB,QAHzBA,aAGyB;AAAA,MAFzBC,KAEyB,QAFzBA,KAEyB;AAAA,MADtBC,SACsB;AACzB,MAAMC,YAAY,GAAG,OAAOH,aAAP,KAAyB,QAAzB,GAAoCA,aAApC,GAAoDb,yBAAyB,CAACa,aAAD,CAAlG;AAEA,SACE,qCAAC,eAAD,6BACME,SADN;AAEE,IAAA,KAAK,8DACAD,KADA;AAEHG,MAAAA,QAAQ,EAAEhB,mBAAmB,CAACO,IAAD;AAF1B,MAFP;AAME,IAAA,MAAM,EAAEE,MANV;AAOE,IAAA,IAAI,EAAEF,IAPR;AAQE,IAAA,SAAS,EAAE,4BACT,gBADS,kCAEgBQ,YAFhB;AARb,MAaE;AAAM,mBAAY,MAAlB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGJ,QADH,CAbF,CADF;AAmBD,CA7BM","sourcesContent":["import * as React from 'react';\nimport { HasRootRef } from '../../types';\nimport { classNames } from '../../lib/classNames';\nimport Avatar, { AVATAR_DEFAULT_SHADOW, AVATAR_DEFAULT_SIZE } from '../Avatar/Avatar';\nimport './InitialsAvatar.css';\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = 1 | 2 | 3 | 4 | 5 | 6;\nexport type InitialsAvatarTextGradients =\n  | 'red'\n  | 'pink'\n  | 'orange'\n  | 'yellow'\n  | 'green'\n  | 'l-blue'\n  | 'blue'\n  | 'violet';\n\nexport interface InitialsAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {\n  children?: React.ReactNode;\n  /**\n   * `'red' | 'pink' | 'orange' | 'yellow' | 'green' | 'l-blue' | 'blue' | 'violet'`\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   *\n   * 2: 'orange'\n   *\n   * 3: 'yellow'\n   *\n   * 4: 'green'\n   *\n   * 5: 'l-blue'\n   *\n   * 6: 'violet'\n   */\n  gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients;\n  size?: number;\n  shadow?: boolean;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<InitialsAvatarNumberGradients, InitialsAvatarTextGradients> = {\n  1: 'red',\n  2: 'orange',\n  3: 'yellow',\n  4: 'green',\n  5: 'l-blue',\n  6: 'violet',\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n  const calculatedFontSize = Math.ceil(avatarSize * 0.36);\n  const evenFix = calculatedFontSize % 2;\n  return calculatedFontSize + evenFix;\n}\n\nexport const InitialsAvatar: React.FC<InitialsAvatarProps> = ({\n  size = AVATAR_DEFAULT_SIZE,\n  shadow = AVATAR_DEFAULT_SHADOW,\n  children,\n  gradientColor,\n  style,\n  ...restProps\n}: InitialsAvatarProps) => {\n  const gradientName = typeof gradientColor === 'string' ? gradientColor : COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n  return (\n    <Avatar\n      {...restProps}\n      style={{\n        ...style,\n        fontSize: getInitialsFontSize(size),\n      }}\n      shadow={shadow}\n      size={size}\n      vkuiClass={classNames(\n        'InitialsAvatar',\n        `InitialsAvatar--color-${gradientName}`,\n      )}\n    >\n      <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n        {children}\n      </span>\n    </Avatar>\n  );\n};\n"],"file":"InitialsAvatar.js"}
+{"version":3,"sources":["../../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"names":["COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","AVATAR_DEFAULT_SIZE","children","gradientColor","style","restProps","gradientName","fontSize"],"mappings":";;;;;;;;;;;;;;;;;;;AAEA;;AACA;;;AA2CA,IAAMA,yBAGL,GAAG;AACF,KAAG,KADD;AAEF,KAAG,QAFD;AAGF,KAAG,QAHD;AAIF,KAAG,OAJD;AAKF,KAAG,QALD;AAMF,KAAG;AAND,CAHJ;;AAYA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;AAC/C,MAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;AACA,MAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;AACA,SAAOA,kBAAkB,GAAGG,OAA5B;AACD;;AAEM,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAMlC;AAAA,uBALzBC,IAKyB;AAAA,MALzBA,IAKyB,0BALlBC,2BAKkB;AAAA,MAJzBC,QAIyB,QAJzBA,QAIyB;AAAA,MAHzBC,aAGyB,QAHzBA,aAGyB;AAAA,MAFzBC,KAEyB,QAFzBA,KAEyB;AAAA,MADtBC,SACsB;AACzB,MAAMC,YAAY,GAChB,OAAOH,aAAP,KAAyB,QAAzB,GACIA,aADJ,GAEIX,yBAAyB,CAACW,aAAD,CAH/B;AAKA,SACE,qCAAC,eAAD,6BACME,SADN;AAEE,IAAA,KAAK,8DACAD,KADA;AAEHG,MAAAA,QAAQ,EAAEd,mBAAmB,CAACO,IAAD;AAF1B,MAFP;AAME,IAAA,IAAI,EAAEA,IANR;AAOE,IAAA,SAAS,EAAE,4BACT,gBADS,kCAEgBM,YAFhB;AAPb,MAYE;AAAM,mBAAY,MAAlB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGJ,QADH,CAZF,CADF;AAkBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport Avatar, { AVATAR_DEFAULT_SIZE, AvatarProps } from \"../Avatar/Avatar\";\nimport \"./InitialsAvatar.css\";\n\n/**\n * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n */\nexport type InitialsAvatarNumberGradients = 1 | 2 | 3 | 4 | 5 | 6;\nexport type InitialsAvatarTextGradients =\n  | \"red\"\n  | \"pink\"\n  | \"orange\"\n  | \"yellow\"\n  | \"green\"\n  | \"l-blue\"\n  | \"blue\"\n  | \"violet\";\n\nexport interface InitialsAvatarProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    Pick<AvatarProps, \"size\" | \"shadow\" | \"badge\"> {\n  children?: React.ReactNode;\n  /**\n   * `'red' | 'pink' | 'orange' | 'yellow' | 'green' | 'l-blue' | 'blue' | 'violet'`\n   *\n   * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n   *\n   * 1: 'red'\n   *\n   * 2: 'orange'\n   *\n   * 3: 'yellow'\n   *\n   * 4: 'green'\n   *\n   * 5: 'l-blue'\n   *\n   * 6: 'violet'\n   */\n  gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<\n  InitialsAvatarNumberGradients,\n  InitialsAvatarTextGradients\n> = {\n  1: \"red\",\n  2: \"orange\",\n  3: \"yellow\",\n  4: \"green\",\n  5: \"l-blue\",\n  6: \"violet\",\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n  const calculatedFontSize = Math.ceil(avatarSize * 0.36);\n  const evenFix = calculatedFontSize % 2;\n  return calculatedFontSize + evenFix;\n}\n\nexport const InitialsAvatar: React.FC<InitialsAvatarProps> = ({\n  size = AVATAR_DEFAULT_SIZE,\n  children,\n  gradientColor,\n  style,\n  ...restProps\n}: InitialsAvatarProps) => {\n  const gradientName =\n    typeof gradientColor === \"string\"\n      ? gradientColor\n      : COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n  return (\n    <Avatar\n      {...restProps}\n      style={{\n        ...style,\n        fontSize: getInitialsFontSize(size),\n      }}\n      size={size}\n      vkuiClass={classNames(\n        \"InitialsAvatar\",\n        `InitialsAvatar--color-${gradientName}`\n      )}\n    >\n      <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n        {children}\n      </span>\n    </Avatar>\n  );\n};\n"],"file":"InitialsAvatar.js"}

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { FormFieldProps } from '../FormField/FormField';
-import { HasAlign, HasRef, HasRootRef } from '../../types';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import './Input.css';
+import * as React from "react";
+import { FormFieldProps } from "../FormField/FormField";
+import { HasAlign, HasRef, HasRootRef } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./Input.css";
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement>, HasRootRef<HTMLDivElement>, HasAlign, AdaptivityProps, FormFieldProps {
 }
 declare const _default: React.FunctionComponent<InputProps>;

package/dist/cjs/components/Input/Input.js

@@ -38,7 +38,7 @@ var Input = function Input(_ref) {
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)(_FormField.FormField, {
-    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)('Input', platform), (0, _defineProperty2.default)({}, "Input--".concat(align), !!align), "Input--sizeY-".concat(sizeY)),
+    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)("Input", platform), (0, _defineProperty2.default)({}, "Input--".concat(align), !!align), "Input--sizeY-".concat(sizeY)),
     style: style,
     className: className,
     getRootRef: getRootRef,
@@ -51,7 +51,7 @@ var Input = function Input(_ref) {
 };
 
 Input.defaultProps = {
-  type: 'text'
+  type: "text"
 };
 
 var _default = (0, _withAdaptivity.withAdaptivity)(Input, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"names":["Input","align","getRef","className","getRootRef","sizeY","style","after","restProps","platform","disabled","defaultProps","type"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAWA,IAAMA,KAA0C,GAAG,SAA7CA,KAA6C,OASjC;AAAA,MARhBC,KAQgB,QARhBA,KAQgB;AAAA,MAPhBC,MAOgB,QAPhBA,MAOgB;AAAA,MANhBC,SAMgB,QANhBA,SAMgB;AAAA,MALhBC,UAKgB,QALhBA,UAKgB;AAAA,MAJhBC,KAIgB,QAJhBA,KAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;AAChB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,SACE,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAE,6BAAW,gCAAa,OAAb,EAAsBA,QAAtB,CAAX,qDAAyDR,KAAzD,GAAmE,CAAC,CAACA,KAArE,0BAA8FI,KAA9F,EADb;AAEE,IAAA,KAAK,EAAEC,KAFT;AAGE,IAAA,SAAS,EAAEH,SAHb;AAIE,IAAA,UAAU,EAAEC,UAJd;AAKE,IAAA,KAAK,EAAEG,KALT;AAME,IAAA,QAAQ,EAAEC,SAAS,CAACE;AANtB,KAQE,yEAAWF,SAAX;AAAsB,IAAA,SAAS,EAAC,WAAhC;AAA4C,IAAA,GAAG,EAAEN;AAAjD,KARF,CADF;AAYD,CAvBD;;AAyBAF,KAAK,CAACW,YAAN,GAAqB;AACnBC,EAAAA,IAAI,EAAE;AADa,CAArB;;eAIe,oCAAeZ,KAAf,EAAsB;AACnCK,EAAAA,KAAK,EAAE;AAD4B,CAAtB,C","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { FormField, FormFieldProps } from '../FormField/FormField';\nimport { HasAlign, HasRef, HasRootRef } from '../../types';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './Input.css';\n\nexport interface InputProps extends\n  React.InputHTMLAttributes<HTMLInputElement>,\n  HasRef<HTMLInputElement>,\n  HasRootRef<HTMLDivElement>,\n  HasAlign,\n  AdaptivityProps,\n  FormFieldProps {}\n\nconst Input: React.FunctionComponent<InputProps> = ({\n  align,\n  getRef,\n  className,\n  getRootRef,\n  sizeY,\n  style,\n  after,\n  ...restProps\n}: InputProps) => {\n  const platform = usePlatform();\n  return (\n    <FormField\n      vkuiClass={classNames(getClassName('Input', platform), { [`Input--${align}`]: !!align }, `Input--sizeY-${sizeY}`)}\n      style={style}\n      className={className}\n      getRootRef={getRootRef}\n      after={after}\n      disabled={restProps.disabled}\n    >\n      <input {...restProps} vkuiClass=\"Input__el\" ref={getRef} />\n    </FormField>\n  );\n};\n\nInput.defaultProps = {\n  type: 'text',\n};\n\nexport default withAdaptivity(Input, {\n  sizeY: true,\n});\n"],"file":"Input.js"}
+{"version":3,"sources":["../../../../src/components/Input/Input.tsx"],"names":["Input","align","getRef","className","getRootRef","sizeY","style","after","restProps","platform","disabled","defaultProps","type"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAWA,IAAMA,KAA0C,GAAG,SAA7CA,KAA6C,OASjC;AAAA,MARhBC,KAQgB,QARhBA,KAQgB;AAAA,MAPhBC,MAOgB,QAPhBA,MAOgB;AAAA,MANhBC,SAMgB,QANhBA,SAMgB;AAAA,MALhBC,UAKgB,QALhBA,UAKgB;AAAA,MAJhBC,KAIgB,QAJhBA,KAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;AAChB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,SACE,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAE,6BACT,gCAAa,OAAb,EAAsBA,QAAtB,CADS,qDAEIR,KAFJ,GAEc,CAAC,CAACA,KAFhB,0BAGOI,KAHP,EADb;AAME,IAAA,KAAK,EAAEC,KANT;AAOE,IAAA,SAAS,EAAEH,SAPb;AAQE,IAAA,UAAU,EAAEC,UARd;AASE,IAAA,KAAK,EAAEG,KATT;AAUE,IAAA,QAAQ,EAAEC,SAAS,CAACE;AAVtB,KAYE,yEAAWF,SAAX;AAAsB,IAAA,SAAS,EAAC,WAAhC;AAA4C,IAAA,GAAG,EAAEN;AAAjD,KAZF,CADF;AAgBD,CA3BD;;AA6BAF,KAAK,CAACW,YAAN,GAAqB;AACnBC,EAAAA,IAAI,EAAE;AADa,CAArB;;eAIe,oCAAeZ,KAAf,EAAsB;AACnCK,EAAAA,KAAK,EAAE;AAD4B,CAAtB,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Input.css\";\n\nexport interface InputProps\n  extends React.InputHTMLAttributes<HTMLInputElement>,\n    HasRef<HTMLInputElement>,\n    HasRootRef<HTMLDivElement>,\n    HasAlign,\n    AdaptivityProps,\n    FormFieldProps {}\n\nconst Input: React.FunctionComponent<InputProps> = ({\n  align,\n  getRef,\n  className,\n  getRootRef,\n  sizeY,\n  style,\n  after,\n  ...restProps\n}: InputProps) => {\n  const platform = usePlatform();\n  return (\n    <FormField\n      vkuiClass={classNames(\n        getClassName(\"Input\", platform),\n        { [`Input--${align}`]: !!align },\n        `Input--sizeY-${sizeY}`\n      )}\n      style={style}\n      className={className}\n      getRootRef={getRootRef}\n      after={after}\n      disabled={restProps.disabled}\n    >\n      <input {...restProps} vkuiClass=\"Input__el\" ref={getRef} />\n    </FormField>\n  );\n};\n\nInput.defaultProps = {\n  type: \"text\",\n};\n\nexport default withAdaptivity(Input, {\n  sizeY: true,\n});\n"],"file":"Input.js"}

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { TappableProps } from '../Tappable/Tappable';
-import './Link.css';
+import * as React from "react";
+import { TappableProps } from "../Tappable/Tappable";
+import "./Link.css";
 export declare type LinkProps = TappableProps;
 declare const Link: React.FC<LinkProps>;
 export default Link;

package/dist/cjs/components/Link/Link.js

@@ -26,9 +26,9 @@ var Link = function Link(_ref) {
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)(_Tappable.default, (0, _extends2.default)({
-    Component: restProps.href ? 'a' : 'button'
+    Component: restProps.href ? "a" : "button"
   }, restProps, {
-    vkuiClass: (0, _getClassName.getClassName)('Link', platform),
+    vkuiClass: (0, _getClassName.getClassName)("Link", platform),
     hasActive: false,
     hoverMode: "opacity",
     focusVisibleMode: "outside"

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Link/Link.tsx"],"names":["Link","children","restProps","platform","href"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAKA,IAAMA,IAAyB,GAAG,SAA5BA,IAA4B,OAGjB;AAAA,MAFfC,QAEe,QAFfA,QAEe;AAAA,MADZC,SACY;AACf,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,iBAAD;AACE,IAAA,SAAS,EAAED,SAAS,CAACE,IAAV,GAAiB,GAAjB,GAAuB;AADpC,KAEMF,SAFN;AAGE,IAAA,SAAS,EAAE,gCAAa,MAAb,EAAqBC,QAArB,CAHb;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,SAAS,EAAC,SALZ;AAME,IAAA,gBAAgB,EAAC;AANnB,MAQGF,QARH,CADF;AAYD,CAlBD;;eAoBeD,I","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport Tappable, { TappableProps } from '../Tappable/Tappable';\nimport './Link.css';\n\nexport type LinkProps = TappableProps;\n\nconst Link: React.FC<LinkProps> = ({\n  children,\n  ...restProps\n}: LinkProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      Component={restProps.href ? 'a' : 'button'}\n      {...restProps}\n      vkuiClass={getClassName('Link', platform)}\n      hasActive={false}\n      hoverMode=\"opacity\"\n      focusVisibleMode=\"outside\"\n    >\n      {children}\n    </Tappable>\n  );\n};\n\nexport default Link;\n"],"file":"Link.js"}
+{"version":3,"sources":["../../../../src/components/Link/Link.tsx"],"names":["Link","children","restProps","platform","href"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAKA,IAAMA,IAAyB,GAAG,SAA5BA,IAA4B,OAA2C;AAAA,MAAxCC,QAAwC,QAAxCA,QAAwC;AAAA,MAA3BC,SAA2B;AAC3E,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,iBAAD;AACE,IAAA,SAAS,EAAED,SAAS,CAACE,IAAV,GAAiB,GAAjB,GAAuB;AADpC,KAEMF,SAFN;AAGE,IAAA,SAAS,EAAE,gCAAa,MAAb,EAAqBC,QAArB,CAHb;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,SAAS,EAAC,SALZ;AAME,IAAA,gBAAgB,EAAC;AANnB,MAQGF,QARH,CADF;AAYD,CAfD;;eAiBeD,I","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport \"./Link.css\";\n\nexport type LinkProps = TappableProps;\n\nconst Link: React.FC<LinkProps> = ({ children, ...restProps }: LinkProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      Component={restProps.href ? \"a\" : \"button\"}\n      {...restProps}\n      vkuiClass={getClassName(\"Link\", platform)}\n      hasActive={false}\n      hoverMode=\"opacity\"\n      focusVisibleMode=\"outside\"\n    >\n      {children}\n    </Tappable>\n  );\n};\n\nexport default Link;\n"],"file":"Link.js"}

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import './List.css';
+import * as React from "react";
+import "./List.css";
 declare const List: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>>;
 export default List;

package/dist/cjs/components/List/List.js

@@ -42,8 +42,8 @@ var List = function List(_ref) {
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({
     role: "list"
   }, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('List', platform), {
-      'List--dragging': isDragging
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("List", platform), {
+      "List--dragging": isDragging
     })
   }), (0, _jsxRuntime.createScopedElement)(_ListContext.ListContext.Provider, {
     value: React.useMemo(function () {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/List/List.tsx"],"names":["List","children","restProps","platform","React","useState","isDragging","toggleDrag","useMemo"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,IAAMA,IAAmE,GAAG,SAAtEA,IAAsE,OAGhC;AAAA,MAF1CC,QAE0C,QAF1CA,QAE0C;AAAA,MADvCC,SACuC;AAC1C,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,wBAAiCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAjC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,UAAnB;;AAEA,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEML,SAFN;AAGE,IAAA,SAAS,EAAE,4BAAW,gCAAa,MAAb,EAAqBC,QAArB,CAAX,EAA2C;AACpD,wBAAkBG;AADkC,KAA3C;AAHb,MAOE,qCAAC,wBAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEF,KAAK,CAACI,OAAN,CAAc;AAAA,aAAO;AAAED,QAAAA,UAAU,EAAVA;AAAF,OAAP;AAAA,KAAd,EAAsC,EAAtC;AAA7B,KACGN,QADH,CAPF,CADF;AAaD,CApBD;;eAsBeD,I","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ListContext } from './ListContext';\nimport './List.css';\n\nconst List: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  const platform = usePlatform();\n  const [isDragging, toggleDrag] = React.useState(false);\n\n  return (\n    <div\n      role=\"list\"\n      {...restProps}\n      vkuiClass={classNames(getClassName('List', platform), {\n        'List--dragging': isDragging,\n      })}\n    >\n      <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n        {children}\n      </ListContext.Provider>\n    </div>\n  );\n};\n\nexport default List;\n"],"file":"List.js"}
+{"version":3,"sources":["../../../../src/components/List/List.tsx"],"names":["List","children","restProps","platform","React","useState","isDragging","toggleDrag","useMemo"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,IAAMA,IAAmE,GAAG,SAAtEA,IAAsE,OAGhC;AAAA,MAF1CC,QAE0C,QAF1CA,QAE0C;AAAA,MADvCC,SACuC;AAC1C,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,wBAAiCC,KAAK,CAACC,QAAN,CAAe,KAAf,CAAjC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,UAAnB;;AAEA,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEML,SAFN;AAGE,IAAA,SAAS,EAAE,4BAAW,gCAAa,MAAb,EAAqBC,QAArB,CAAX,EAA2C;AACpD,wBAAkBG;AADkC,KAA3C;AAHb,MAOE,qCAAC,wBAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEF,KAAK,CAACI,OAAN,CAAc;AAAA,aAAO;AAAED,QAAAA,UAAU,EAAVA;AAAF,OAAP;AAAA,KAAd,EAAsC,EAAtC;AAA7B,KACGN,QADH,CAPF,CADF;AAaD,CApBD;;eAsBeD,I","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { ListContext } from \"./ListContext\";\nimport \"./List.css\";\n\nconst List: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  const platform = usePlatform();\n  const [isDragging, toggleDrag] = React.useState(false);\n\n  return (\n    <div\n      role=\"list\"\n      {...restProps}\n      vkuiClass={classNames(getClassName(\"List\", platform), {\n        \"List--dragging\": isDragging,\n      })}\n    >\n      <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n        {children}\n      </ListContext.Provider>\n    </div>\n  );\n};\n\nexport default List;\n"],"file":"List.js"}

package/dist/cjs/components/List/ListContext.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 export declare const ListContext: React.Context<{
     toggleDrag: (value: boolean) => void;
 }>;

package/dist/cjs/components/List/ListContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/List/ListContext.ts"],"names":["ListContext","React","createContext","toggleDrag","noop"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,WAAW,gBAAGC,KAAK,CAACC,aAAN,CAAoB;AAC7CC,EAAAA,UAAU,EAAEC;AADiC,CAApB,CAApB","sourcesContent":["import * as React from 'react';\nimport { noop } from '../../lib/utils';\n\nexport const ListContext = React.createContext({\n  toggleDrag: noop as (value: boolean) => void,\n});\n"],"file":"ListContext.js"}
+{"version":3,"sources":["../../../../src/components/List/ListContext.ts"],"names":["ListContext","React","createContext","toggleDrag","noop"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,WAAW,gBAAGC,KAAK,CAACC,aAAN,CAAoB;AAC7CC,EAAAA,UAAU,EAAEC;AADiC,CAApB,CAApB","sourcesContent":["import * as React from \"react\";\nimport { noop } from \"../../lib/utils\";\n\nexport const ListContext = React.createContext({\n  toggleDrag: noop as (value: boolean) => void,\n});\n"],"file":"ListContext.js"}

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import './MiniInfoCell.css';
+import * as React from "react";
+import "./MiniInfoCell.css";
 export interface MiniInfoCellProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Иконка слева.<br />
@@ -19,7 +19,7 @@ export interface MiniInfoCellProps extends React.HTMLAttributes<HTMLDivElement>
      * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.
      * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.
      */
-    mode?: 'base' | 'add' | 'more';
+    mode?: "base" | "add" | "more";
     /**
      * Тип отображения текста:
      *
@@ -27,13 +27,13 @@ export interface MiniInfoCellProps extends React.HTMLAttributes<HTMLDivElement>
      * - `short` – максимально отображается 3 строки, остальное обрезается.
      * - `full` – текст отображается полностью.
      */
-    textWrap?: 'nowrap' | 'short' | 'full';
+    textWrap?: "nowrap" | "short" | "full";
     /**
      * Стиль текста:
      *
      * - `primary` – используйте этот стиль, если хотите выделить информацию в общем списке.<br />Пример использования: подробная информация на странице сообщества
      * - `secondary` – стиль по-умолчанию.
      */
-    textLevel?: 'primary' | 'secondary';
+    textLevel?: "primary" | "secondary";
 }
 export declare const MiniInfoCell: React.FC<MiniInfoCellProps>;

package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js

@@ -44,14 +44,14 @@ var MiniInfoCell = function MiniInfoCell(props) {
   return (0, _jsxRuntime.createScopedElement)(_Tappable.default, (0, _extends2.default)({
     Component: "div",
     disabled: !isClickable,
-    role: isClickable ? 'button' : null
+    role: isClickable ? "button" : null
   }, restProps, {
-    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)('MiniInfoCell', platform), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "MiniInfoCell--md-".concat(mode), mode !== 'base'), (0, _defineProperty2.default)(_classNames, "MiniInfoCell--wr-".concat(textWrap), textWrap !== 'nowrap'), _classNames), "MiniInfoCell--lvl-".concat(textLevel))
+    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)("MiniInfoCell", platform), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "MiniInfoCell--md-".concat(mode), mode !== "base"), (0, _defineProperty2.default)(_classNames, "MiniInfoCell--wr-".concat(textWrap), textWrap !== "nowrap"), _classNames), "MiniInfoCell--lvl-".concat(textLevel))
   }), (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "MiniInfoCell__icon"
   }, before), (0, _jsxRuntime.createScopedElement)(_Text.default, {
     vkuiClass: "MiniInfoCell__content",
-    weight: mode === 'more' ? 'medium' : 'regular'
+    weight: mode === "more" ? "medium" : "regular"
   }, children), (0, _utils.hasReactNode)(after) && (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "MiniInfoCell__after"
   }, after));
@@ -59,8 +59,8 @@ var MiniInfoCell = function MiniInfoCell(props) {
 
 exports.MiniInfoCell = MiniInfoCell;
 MiniInfoCell.defaultProps = {
-  mode: 'base',
-  textWrap: 'nowrap',
-  textLevel: 'secondary'
+  mode: "base",
+  textWrap: "nowrap",
+  textLevel: "secondary"
 };
 //# sourceMappingURL=MiniInfoCell.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"names":["MiniInfoCell","props","platform","before","after","mode","textWrap","textLevel","children","restProps","isClickable","onClick","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA4CO,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,CAACC,KAAD,EAA8B;AAAA;;AACrF,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MACEC,MADF,GAQIF,KARJ,CACEE,MADF;AAAA,MAEEC,KAFF,GAQIH,KARJ,CAEEG,KAFF;AAAA,MAGEC,IAHF,GAQIJ,KARJ,CAGEI,IAHF;AAAA,MAIEC,QAJF,GAQIL,KARJ,CAIEK,QAJF;AAAA,MAKEC,SALF,GAQIN,KARJ,CAKEM,SALF;AAAA,MAMEC,QANF,GAQIP,KARJ,CAMEO,QANF;AAAA,MAOKC,SAPL,0CAQIR,KARJ;AAUA,MAAMS,WAAW,GAAG,CAAC,CAACD,SAAS,CAACE,OAAhC;AAEA,SACE,qCAAC,iBAAD;AACE,IAAA,SAAS,EAAC,KADZ;AAEE,IAAA,QAAQ,EAAE,CAACD,WAFb;AAGE,IAAA,IAAI,EAAEA,WAAW,GAAG,QAAH,GAAc;AAHjC,KAIMD,SAJN;AAKE,IAAA,SAAS,EAAE,6BAAW,gCAAa,cAAb,EAA6BP,QAA7B,CAAX,2FACYG,IADZ,GACqBA,IAAI,KAAK,MAD9B,yEAEYC,QAFZ,GAEyBA,QAAQ,KAAK,QAFtC,6CAGaC,SAHb;AALb,MAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAsCJ,MAAtC,CAVF,EAWE,qCAAC,aAAD;AAAM,IAAA,SAAS,EAAC,uBAAhB;AAAwC,IAAA,MAAM,EAAEE,IAAI,KAAK,MAAT,GAAkB,QAAlB,GAA6B;AAA7E,KACGG,QADH,CAXF,EAcG,yBAAaJ,KAAb,KAAuB;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAuCA,KAAvC,CAd1B,CADF;AAkBD,CAhCM;;;AAkCPJ,YAAY,CAACY,YAAb,GAA4B;AAC1BP,EAAAA,IAAI,EAAE,MADoB;AAE1BC,EAAAA,QAAQ,EAAE,QAFgB;AAG1BC,EAAAA,SAAS,EAAE;AAHe,CAA5B","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getClassName } from '../../helpers/getClassName';\nimport Text from '../Typography/Text/Text';\nimport Tappable from '../../components/Tappable/Tappable';\nimport { hasReactNode } from '../../lib/utils';\nimport './MiniInfoCell.css';\n\nexport interface MiniInfoCellProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Иконка слева.<br />\n   * Рекомендуется использовать иконки размера 20.\n   */\n  before: React.ReactNode;\n\n  /**\n   * Содержимое справа.<br />\n   * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n   */\n  after?: React.ReactNode;\n\n  /**\n   * Тип ячейки:\n   *\n   * - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n   * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n   * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n   * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n   */\n  mode?: 'base' | 'add' | 'more';\n\n  /**\n   * Тип отображения текста:\n   *\n   * - `nowrap` – в одну строку, текст не переносится и обрезается.\n   * - `short` – максимально отображается 3 строки, остальное обрезается.\n   * - `full` – текст отображается полностью.\n   */\n  textWrap?: 'nowrap' | 'short' | 'full';\n\n  /**\n   * Стиль текста:\n   *\n   * - `primary` – используйте этот стиль, если хотите выделить информацию в общем списке.<br />Пример использования: подробная информация на странице сообщества\n   * - `secondary` – стиль по-умолчанию.\n   */\n  textLevel?: 'primary' | 'secondary';\n}\n\nexport const MiniInfoCell: React.FC<MiniInfoCellProps> = (props: MiniInfoCellProps) => {\n  const platform = usePlatform();\n  const {\n    before,\n    after,\n    mode,\n    textWrap,\n    textLevel,\n    children,\n    ...restProps\n  } = props;\n\n  const isClickable = !!restProps.onClick;\n\n  return (\n    <Tappable\n      Component=\"div\"\n      disabled={!isClickable}\n      role={isClickable ? 'button' : null}\n      {...restProps}\n      vkuiClass={classNames(getClassName('MiniInfoCell', platform), {\n        [`MiniInfoCell--md-${mode}`]: mode !== 'base',\n        [`MiniInfoCell--wr-${textWrap}`]: textWrap !== 'nowrap',\n      }, `MiniInfoCell--lvl-${textLevel}`)}\n    >\n      <span vkuiClass=\"MiniInfoCell__icon\">{before}</span>\n      <Text vkuiClass=\"MiniInfoCell__content\" weight={mode === 'more' ? 'medium' : 'regular'}>\n        {children}\n      </Text>\n      {hasReactNode(after) && <span vkuiClass=\"MiniInfoCell__after\">{after}</span>}\n    </Tappable>\n  );\n};\n\nMiniInfoCell.defaultProps = {\n  mode: 'base',\n  textWrap: 'nowrap',\n  textLevel: 'secondary',\n};\n"],"file":"MiniInfoCell.js"}
+{"version":3,"sources":["../../../../src/components/MiniInfoCell/MiniInfoCell.tsx"],"names":["MiniInfoCell","props","platform","before","after","mode","textWrap","textLevel","children","restProps","isClickable","onClick","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA6CO,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,CACvDC,KADuD,EAEpD;AAAA;;AACH,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAQC,MAAR,GACEF,KADF,CAAQE,MAAR;AAAA,MAAgBC,KAAhB,GACEH,KADF,CAAgBG,KAAhB;AAAA,MAAuBC,IAAvB,GACEJ,KADF,CAAuBI,IAAvB;AAAA,MAA6BC,QAA7B,GACEL,KADF,CAA6BK,QAA7B;AAAA,MAAuCC,SAAvC,GACEN,KADF,CAAuCM,SAAvC;AAAA,MAAkDC,QAAlD,GACEP,KADF,CAAkDO,QAAlD;AAAA,MAA+DC,SAA/D,0CACER,KADF;AAGA,MAAMS,WAAW,GAAG,CAAC,CAACD,SAAS,CAACE,OAAhC;AAEA,SACE,qCAAC,iBAAD;AACE,IAAA,SAAS,EAAC,KADZ;AAEE,IAAA,QAAQ,EAAE,CAACD,WAFb;AAGE,IAAA,IAAI,EAAEA,WAAW,GAAG,QAAH,GAAc;AAHjC,KAIMD,SAJN;AAKE,IAAA,SAAS,EAAE,6BACT,gCAAa,cAAb,EAA6BP,QAA7B,CADS,2FAGcG,IAHd,GAGuBA,IAAI,KAAK,MAHhC,yEAIcC,QAJd,GAI2BA,QAAQ,KAAK,QAJxC,6CAMYC,SANZ;AALb,MAcE;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAsCJ,MAAtC,CAdF,EAeE,qCAAC,aAAD;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,MAAM,EAAEE,IAAI,KAAK,MAAT,GAAkB,QAAlB,GAA6B;AAFvC,KAIGG,QAJH,CAfF,EAqBG,yBAAaJ,KAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAuCA,KAAvC,CAtBJ,CADF;AA2BD,CApCM;;;AAsCPJ,YAAY,CAACY,YAAb,GAA4B;AAC1BP,EAAAA,IAAI,EAAE,MADoB;AAE1BC,EAAAA,QAAQ,EAAE,QAFgB;AAG1BC,EAAAA,SAAS,EAAE;AAHe,CAA5B","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport Text from \"../Typography/Text/Text\";\nimport Tappable from \"../../components/Tappable/Tappable\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./MiniInfoCell.css\";\n\nexport interface MiniInfoCellProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Иконка слева.<br />\n   * Рекомендуется использовать иконки размера 20.\n   */\n  before: React.ReactNode;\n\n  /**\n   * Содержимое справа.<br />\n   * `<UsersStack size=\"s\" />` или `<Avatar size={24} />`\n   */\n  after?: React.ReactNode;\n\n  /**\n   * Тип ячейки:\n   *\n   * - `base` – базовая ячейка с серой иконкой и серым текстом.<br />\n   * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.\n   * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.\n   * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.\n   */\n  mode?: \"base\" | \"add\" | \"more\";\n\n  /**\n   * Тип отображения текста:\n   *\n   * - `nowrap` – в одну строку, текст не переносится и обрезается.\n   * - `short` – максимально отображается 3 строки, остальное обрезается.\n   * - `full` – текст отображается полностью.\n   */\n  textWrap?: \"nowrap\" | \"short\" | \"full\";\n\n  /**\n   * Стиль текста:\n   *\n   * - `primary` – используйте этот стиль, если хотите выделить информацию в общем списке.<br />Пример использования: подробная информация на странице сообщества\n   * - `secondary` – стиль по-умолчанию.\n   */\n  textLevel?: \"primary\" | \"secondary\";\n}\n\nexport const MiniInfoCell: React.FC<MiniInfoCellProps> = (\n  props: MiniInfoCellProps\n) => {\n  const platform = usePlatform();\n  const { before, after, mode, textWrap, textLevel, children, ...restProps } =\n    props;\n\n  const isClickable = !!restProps.onClick;\n\n  return (\n    <Tappable\n      Component=\"div\"\n      disabled={!isClickable}\n      role={isClickable ? \"button\" : null}\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"MiniInfoCell\", platform),\n        {\n          [`MiniInfoCell--md-${mode}`]: mode !== \"base\",\n          [`MiniInfoCell--wr-${textWrap}`]: textWrap !== \"nowrap\",\n        },\n        `MiniInfoCell--lvl-${textLevel}`\n      )}\n    >\n      <span vkuiClass=\"MiniInfoCell__icon\">{before}</span>\n      <Text\n        vkuiClass=\"MiniInfoCell__content\"\n        weight={mode === \"more\" ? \"medium\" : \"regular\"}\n      >\n        {children}\n      </Text>\n      {hasReactNode(after) && (\n        <span vkuiClass=\"MiniInfoCell__after\">{after}</span>\n      )}\n    </Tappable>\n  );\n};\n\nMiniInfoCell.defaultProps = {\n  mode: \"base\",\n  textWrap: \"nowrap\",\n  textLevel: \"secondary\",\n};\n"],"file":"MiniInfoCell.js"}

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { HasPlatform } from '../../types';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import { NavIdProps } from '../../lib/getNavId';
-import { ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';
-import './ModalCard.css';
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import { NavIdProps } from "../../lib/getNavId";
+import { ModalCardBaseProps } from "../ModalCardBase/ModalCardBase";
+import "./ModalCard.css";
 export interface ModalCardProps extends HasPlatform, AdaptivityProps, NavIdProps, ModalCardBaseProps {
 }
 declare const _default: React.FC<ModalCardProps>;

package/dist/cjs/components/ModalCard/ModalCard.js

@@ -36,7 +36,7 @@ var _warnOnce = require("../../lib/warnOnce");
 var _ModalCardBase = require("../ModalCardBase/ModalCardBase");
 
 var _excluded = ["icon", "header", "subheader", "children", "actions", "actionsLayout", "onClose", "platform", "viewWidth", "viewHeight", "hasMouse", "nav"];
-var warn = (0, _warnOnce.warnOnce)('ModalCard');
+var warn = (0, _warnOnce.warnOnce)("ModalCard");
 
 var ModalCard = function ModalCard(props) {
   var icon = props.icon,
@@ -59,8 +59,8 @@ var ModalCard = function ModalCard(props) {
       refs = _useModalRegistry.refs;
 
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('ModalCard', platform), {
-      'ModalCard--desktop': isDesktop
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalCard", platform), {
+      "ModalCard--desktop": isDesktop
     })
   }), (0, _jsxRuntime.createScopedElement)(_ModalCardBase.ModalCardBase, {
     vkuiClass: "ModalCard__in",
@@ -75,7 +75,7 @@ var ModalCard = function ModalCard(props) {
 };
 
 ModalCard.defaultProps = {
-  actionsLayout: 'horizontal'
+  actionsLayout: "horizontal"
 };
 
 var _default = (0, _withAdaptivity.withAdaptivity)((0, _withPlatform.withPlatform)(ModalCard), {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"names":["warn","ModalCard","props","icon","header","subheader","children","actions","actionsLayout","onClose","platform","viewWidth","viewHeight","hasMouse","nav","restProps","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","modalContext","React","useContext","ModalRootContext","ModalType","CARD","refs","innerElement","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAKA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;;AAEA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,CAACC,KAAD,EAA2B;AACrE,MACEC,IADF,GAcID,KAdJ,CACEC,IADF;AAAA,MAEEC,MAFF,GAcIF,KAdJ,CAEEE,MAFF;AAAA,MAGEC,SAHF,GAcIH,KAdJ,CAGEG,SAHF;AAAA,MAIEC,QAJF,GAcIJ,KAdJ,CAIEI,QAJF;AAAA,MAKEC,OALF,GAcIL,KAdJ,CAKEK,OALF;AAAA,MAMEC,aANF,GAcIN,KAdJ,CAMEM,aANF;AAAA,MAOEC,OAPF,GAcIP,KAdJ,CAOEO,OAPF;AAAA,MAQEC,QARF,GAcIR,KAdJ,CAQEQ,QARF;AAAA,MASEC,SATF,GAcIT,KAdJ,CASES,SATF;AAAA,MAUEC,UAVF,GAcIV,KAdJ,CAUEU,UAVF;AAAA,MAWEC,QAXF,GAcIX,KAdJ,CAWEW,QAXF;AAAA,MAYEC,GAZF,GAcIZ,KAdJ,CAYEY,GAZF;AAAA,MAaKC,SAbL,0CAcIb,KAdJ;AAgBA,MAAMc,SAAS,GAAGL,SAAS,IAAIM,0BAAUC,YAAvB,KAAwCL,QAAQ,IAAID,UAAU,IAAIO,2BAAWC,MAA7E,CAAlB;AAEA,MAAMC,YAAY,GAAGC,KAAK,CAACC,UAAN,CAAiBC,yBAAjB,CAArB;;AACA,0BAAiB,wCAAiB,wBAAStB,KAAT,EAAgBF,IAAhB,CAAjB,EAAwCyB,iBAAUC,IAAlD,CAAjB;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAEA,SACE,uEACMZ,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,WAAb,EAA0BL,QAA1B,CAAX,EAAgD;AACzD,4BAAsBM;AADmC,KAAhD;AAFb,MAME,qCAAC,4BAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,UAAU,EAAEW,IAAI,CAACC,YAFnB;AAGE,IAAA,IAAI,EAAEzB,IAHR;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,aAAa,EAAEC,aAPjB;AAQE,IAAA,OAAO,EAAEC,OAAO,IAAIY,YAAY,CAACZ;AARnC,KAUGH,QAVH,CANF,CADF;AAqBD,CA3CD;;AA6CAL,SAAS,CAAC4B,YAAV,GAAyB;AACvBrB,EAAAA,aAAa,EAAE;AADQ,CAAzB;;eAIe,oCAAe,gCAAaP,SAAb,CAAf,EAAwC;AACrDU,EAAAA,SAAS,EAAE,IAD0C;AAErDC,EAAAA,UAAU,EAAE,IAFyC;AAGrDC,EAAAA,QAAQ,EAAE;AAH2C,CAAxC,C","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { HasPlatform } from '../../types';\nimport { withAdaptivity, AdaptivityProps, ViewHeight, ViewWidth } from '../../hoc/withAdaptivity';\nimport ModalRootContext, { useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { ModalType } from '../ModalRoot/types';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalCardBase, ModalCardBaseProps } from '../ModalCardBase/ModalCardBase';\nimport './ModalCard.css';\n\nexport interface ModalCardProps extends HasPlatform, AdaptivityProps, NavIdProps, ModalCardBaseProps {}\n\nconst warn = warnOnce('ModalCard');\n\nconst ModalCard: React.FC<ModalCardProps> = (props: ModalCardProps) => {\n  const {\n    icon,\n    header,\n    subheader,\n    children,\n    actions,\n    actionsLayout,\n    onClose,\n    platform,\n    viewWidth,\n    viewHeight,\n    hasMouse,\n    nav,\n    ...restProps\n  } = props;\n\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.CARD);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName('ModalCard', platform), {\n        'ModalCard--desktop': isDesktop,\n      })}\n    >\n      <ModalCardBase\n        vkuiClass=\"ModalCard__in\"\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        subheader={subheader}\n        actions={actions}\n        actionsLayout={actionsLayout}\n        onClose={onClose || modalContext.onClose}\n      >\n        {children}\n      </ModalCardBase>\n    </div>\n  );\n};\n\nModalCard.defaultProps = {\n  actionsLayout: 'horizontal',\n};\n\nexport default withAdaptivity(withPlatform(ModalCard), {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"ModalCard.js"}
+{"version":3,"sources":["../../../../src/components/ModalCard/ModalCard.tsx"],"names":["warn","ModalCard","props","icon","header","subheader","children","actions","actionsLayout","onClose","platform","viewWidth","viewHeight","hasMouse","nav","restProps","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","modalContext","React","useContext","ModalRootContext","ModalType","CARD","refs","innerElement","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAMA;;AAGA;;AACA;;AACA;;AACA;;;AAYA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;;AAEA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,CAACC,KAAD,EAA2B;AACrE,MACEC,IADF,GAcID,KAdJ,CACEC,IADF;AAAA,MAEEC,MAFF,GAcIF,KAdJ,CAEEE,MAFF;AAAA,MAGEC,SAHF,GAcIH,KAdJ,CAGEG,SAHF;AAAA,MAIEC,QAJF,GAcIJ,KAdJ,CAIEI,QAJF;AAAA,MAKEC,OALF,GAcIL,KAdJ,CAKEK,OALF;AAAA,MAMEC,aANF,GAcIN,KAdJ,CAMEM,aANF;AAAA,MAOEC,OAPF,GAcIP,KAdJ,CAOEO,OAPF;AAAA,MAQEC,QARF,GAcIR,KAdJ,CAQEQ,QARF;AAAA,MASEC,SATF,GAcIT,KAdJ,CASES,SATF;AAAA,MAUEC,UAVF,GAcIV,KAdJ,CAUEU,UAVF;AAAA,MAWEC,QAXF,GAcIX,KAdJ,CAWEW,QAXF;AAAA,MAYEC,GAZF,GAcIZ,KAdJ,CAYEY,GAZF;AAAA,MAaKC,SAbL,0CAcIb,KAdJ;AAgBA,MAAMc,SAAS,GACbL,SAAS,IAAIM,0BAAUC,YAAvB,KACCL,QAAQ,IAAID,UAAU,IAAIO,2BAAWC,MADtC,CADF;AAIA,MAAMC,YAAY,GAAGC,KAAK,CAACC,UAAN,CAAiBC,yBAAjB,CAArB;;AACA,0BAAiB,wCAAiB,wBAAStB,KAAT,EAAgBF,IAAhB,CAAjB,EAAwCyB,iBAAUC,IAAlD,CAAjB;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAEA,SACE,uEACMZ,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,WAAb,EAA0BL,QAA1B,CAAX,EAAgD;AACzD,4BAAsBM;AADmC,KAAhD;AAFb,MAME,qCAAC,4BAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,UAAU,EAAEW,IAAI,CAACC,YAFnB;AAGE,IAAA,IAAI,EAAEzB,IAHR;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,SAAS,EAAEC,SALb;AAME,IAAA,OAAO,EAAEE,OANX;AAOE,IAAA,aAAa,EAAEC,aAPjB;AAQE,IAAA,OAAO,EAAEC,OAAO,IAAIY,YAAY,CAACZ;AARnC,KAUGH,QAVH,CANF,CADF;AAqBD,CA7CD;;AA+CAL,SAAS,CAAC4B,YAAV,GAAyB;AACvBrB,EAAAA,aAAa,EAAE;AADQ,CAAzB;;eAIe,oCAAe,gCAAaP,SAAb,CAAf,EAAwC;AACrDU,EAAAA,SAAS,EAAE,IAD0C;AAErDC,EAAAA,UAAU,EAAE,IAFyC;AAGrDC,EAAAA,QAAQ,EAAE;AAH2C,CAAxC,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasPlatform } from \"../../types\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport ModalRootContext, {\n  useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport {\n  ModalCardBase,\n  ModalCardBaseProps,\n} from \"../ModalCardBase/ModalCardBase\";\nimport \"./ModalCard.css\";\n\nexport interface ModalCardProps\n  extends HasPlatform,\n    AdaptivityProps,\n    NavIdProps,\n    ModalCardBaseProps {}\n\nconst warn = warnOnce(\"ModalCard\");\n\nconst ModalCard: React.FC<ModalCardProps> = (props: ModalCardProps) => {\n  const {\n    icon,\n    header,\n    subheader,\n    children,\n    actions,\n    actionsLayout,\n    onClose,\n    platform,\n    viewWidth,\n    viewHeight,\n    hasMouse,\n    nav,\n    ...restProps\n  } = props;\n\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.CARD);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName(\"ModalCard\", platform), {\n        \"ModalCard--desktop\": isDesktop,\n      })}\n    >\n      <ModalCardBase\n        vkuiClass=\"ModalCard__in\"\n        getRootRef={refs.innerElement}\n        icon={icon}\n        header={header}\n        subheader={subheader}\n        actions={actions}\n        actionsLayout={actionsLayout}\n        onClose={onClose || modalContext.onClose}\n      >\n        {children}\n      </ModalCardBase>\n    </div>\n  );\n};\n\nModalCard.defaultProps = {\n  actionsLayout: \"horizontal\",\n};\n\nexport default withAdaptivity(withPlatform(ModalCard), {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"ModalCard.js"}

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { HasRootRef } from '../../types';
-import './ModalCardBase.css';
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import "./ModalCardBase.css";
 export interface ModalCardBaseProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
     /**
      * Иконка.
@@ -25,7 +25,7 @@ export interface ModalCardBaseProps extends React.HTMLAttributes<HTMLDivElement>
     /**
      * Тип отображения кнопок: вертикальный или горизонтальный
      */
-    actionsLayout?: 'vertical' | 'horizontal';
+    actionsLayout?: "vertical" | "horizontal";
     onClose?: VoidFunction;
 }
 export declare const ModalCardBase: React.FC<ModalCardBaseProps>;

package/dist/cjs/components/ModalCardBase/ModalCardBase.js

@@ -57,13 +57,13 @@ var ModalCardBase = (0, _withAdaptivity.withAdaptivity)(function (_ref) {
   var canShowCloseBtn = viewWidth >= _withAdaptivity.ViewWidth.SMALL_TABLET;
   var canShowCloseBtnIos = platform === _platform.IOS && !canShowCloseBtn;
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('ModalCardBase', platform), {
-      'ModalCardBase--desktop': isDesktop
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalCardBase", platform), {
+      "ModalCardBase--desktop": isDesktop
     }),
     ref: getRootRef
   }), (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)('ModalCardBase__container', {
-      'ModalCardBase__container--softwareKeyboardOpened': isSoftwareKeyboardOpened
+    vkuiClass: (0, _classNames.classNames)("ModalCardBase__container", {
+      "ModalCardBase__container--softwareKeyboardOpened": isSoftwareKeyboardOpened
     })
   }, (0, _utils.hasReactNode)(icon) && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ModalCardBase__icon"
@@ -75,8 +75,8 @@ var ModalCardBase = (0, _withAdaptivity.withAdaptivity)(function (_ref) {
     weight: "regular",
     vkuiClass: "ModalCardBase__subheader"
   }, subheader), children, (0, _utils.hasReactNode)(actions) && (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)('ModalCardBase__actions', {
-      'ModalCardBase__actions--v': actionsLayout === 'vertical'
+    vkuiClass: (0, _classNames.classNames)("ModalCardBase__actions", {
+      "ModalCardBase__actions--v": actionsLayout === "vertical"
     })
   }, actions), canShowCloseBtn && (0, _jsxRuntime.createScopedElement)(_ModalDismissButton.default, {
     onClick: onClose

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":["ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","restProps","platform","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","canShowCloseBtnIos","IOS"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;AAmCO,IAAMA,aAA2C,GAAG,oCAAe,gBAa9B;AAAA,MAZ1CC,UAY0C,QAZ1CA,UAY0C;AAAA,MAX1CC,IAW0C,QAX1CA,IAW0C;AAAA,MAV1CC,MAU0C,QAV1CA,MAU0C;AAAA,MAT1CC,SAS0C,QAT1CA,SAS0C;AAAA,MAR1CC,QAQ0C,QAR1CA,QAQ0C;AAAA,MAP1CC,OAO0C,QAP1CA,OAO0C;AAAA,MAN1CC,aAM0C,QAN1CA,aAM0C;AAAA,MAL1CC,SAK0C,QAL1CA,SAK0C;AAAA,MAJ1CC,QAI0C,QAJ1CA,QAI0C;AAAA,MAH1CC,UAG0C,QAH1CA,UAG0C;AAAA,MAF1CC,OAE0C,QAF1CA,OAE0C;AAAA,MADvCC,SACuC;AAC1C,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GAAGN,SAAS,IAAIO,0BAAUC,YAAvB,KAAwCP,QAAQ,IAAIC,UAAU,IAAIO,2BAAWC,MAA7E,CAAlB;AACA,MAAMC,wBAAwB,GAAG,gCAAcC,QAA/C;AAEA,MAAMC,eAAe,GAAGb,SAAS,IAAIO,0BAAUC,YAA/C;AACA,MAAMM,kBAAkB,GAAGT,QAAQ,KAAKU,aAAb,IAAoB,CAACF,eAAhD;AAEA,SACE,uEACMT,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,eAAb,EAA8BC,QAA9B,CAAX,EAAoD;AAC7D,gCAA0BC;AADmC,KAApD,CAFb;AAKE,IAAA,GAAG,EAAEb;AALP,MAOE;AAAK,IAAA,SAAS,EAAE,4BAAW,0BAAX,EAAuC;AACrD,0DAAoDkB;AADC,KAAvC;AAAhB,KAGG,yBAAajB,IAAb,KAAsB;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,IAAtC,CAHzB,EAIG,yBAAaC,MAAb,KAAwB,qCAAC,cAAD;AAAO,IAAA,KAAK,EAAC,GAAb;AAAiB,IAAA,MAAM,EAAC,UAAxB;AAAmC,IAAA,SAAS,EAAC;AAA7C,KAAsEA,MAAtE,CAJ3B,EAKG,yBAAaC,SAAb,KAA2B,qCAAC,iBAAD;AAAU,IAAA,MAAM,EAAC,SAAjB;AAA2B,IAAA,SAAS,EAAC;AAArC,KAAiEA,SAAjE,CAL9B,EAOGC,QAPH,EASG,yBAAaC,OAAb,KACC;AAAK,IAAA,SAAS,EAAE,4BAAW,wBAAX,EAAqC;AACnD,mCAA6BC,aAAa,KAAK;AADI,KAArC;AAAhB,KAGGD,OAHH,CAVJ,EAiBGe,eAAe,IAAI,qCAAC,2BAAD;AAAoB,IAAA,OAAO,EAAEV;AAA7B,IAjBtB,EAkBGW,kBAAkB,IACjB,qCAAC,oCAAD;AAAmB,IAAA,SAAS,EAAC,oBAA7B;AAAkD,IAAA,OAAO,EAAEX;AAA3D,KACE,qCAAC,oBAAD,OADF,CAnBJ,CAPF,CADF;AAkCD,CAvD0D,EAuDxD;AACDH,EAAAA,SAAS,EAAE,IADV;AAEDE,EAAAA,UAAU,EAAE,IAFX;AAGDD,EAAAA,QAAQ,EAAE;AAHT,CAvDwD,CAApD","sourcesContent":["import * as React from 'react';\nimport { hasReactNode } from '../../lib/utils';\nimport Title from '../Typography/Title/Title';\nimport Headline from '../Typography/Headline/Headline';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { AdaptivityProps, ViewHeight, ViewWidth, withAdaptivity } from '../../hoc/withAdaptivity';\nimport { HasRootRef } from '../../types';\nimport { PanelHeaderButton } from '../PanelHeaderButton/PanelHeaderButton';\nimport { IOS } from '../../lib/platform';\nimport ModalDismissButton from '../ModalDismissButton/ModalDismissButton';\nimport { Icon24Dismiss } from '@vkontakte/icons';\nimport { useKeyboard } from '../../hooks/useKeyboard';\nimport './ModalCardBase.css';\n\nexport interface ModalCardBaseProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Заголовок карточки\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n\n  /**\n   * Кнопки-действия.\n   *\n   * Рекомендуется использовать `<Button size=\"l\" mode=\"primary\" />` или `<Button size=\"l\" mode=\"secondary\" />`\n   */\n  actions?: React.ReactNode;\n\n  /**\n   * Тип отображения кнопок: вертикальный или горизонтальный\n   */\n  actionsLayout?: 'vertical' | 'horizontal';\n  onClose?: VoidFunction;\n}\n\nexport const ModalCardBase: React.FC<ModalCardBaseProps> = withAdaptivity(({\n  getRootRef,\n  icon,\n  header,\n  subheader,\n  children,\n  actions,\n  actionsLayout,\n  viewWidth,\n  hasMouse,\n  viewHeight,\n  onClose,\n  ...restProps\n}: ModalCardBaseProps & AdaptivityProps) => {\n  const platform = usePlatform();\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n  const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n  const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n  const canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName('ModalCardBase', platform), {\n        'ModalCardBase--desktop': isDesktop,\n      })}\n      ref={getRootRef}\n    >\n      <div vkuiClass={classNames('ModalCardBase__container', {\n        'ModalCardBase__container--softwareKeyboardOpened': isSoftwareKeyboardOpened,\n      })}>\n        {hasReactNode(icon) && <div vkuiClass=\"ModalCardBase__icon\">{icon}</div>}\n        {hasReactNode(header) && <Title level=\"2\" weight=\"semibold\" vkuiClass=\"ModalCardBase__header\">{header}</Title>}\n        {hasReactNode(subheader) && <Headline weight=\"regular\" vkuiClass=\"ModalCardBase__subheader\">{subheader}</Headline>}\n\n        {children}\n\n        {hasReactNode(actions) &&\n          <div vkuiClass={classNames('ModalCardBase__actions', {\n            'ModalCardBase__actions--v': actionsLayout === 'vertical',\n          })}>\n            {actions}\n          </div>\n        }\n\n        {canShowCloseBtn && <ModalDismissButton onClick={onClose} />}\n        {canShowCloseBtnIos &&\n          <PanelHeaderButton vkuiClass=\"ModalCard__dismiss\" onClick={onClose}>\n            <Icon24Dismiss />\n          </PanelHeaderButton>\n        }\n      </div>\n    </div>\n  );\n}, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n\n"],"file":"ModalCardBase.js"}
+{"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":["ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","restProps","platform","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","canShowCloseBtnIos","IOS"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;AAqCO,IAAMA,aAA2C,GAAG,oCACzD,gBAa4C;AAAA,MAZ1CC,UAY0C,QAZ1CA,UAY0C;AAAA,MAX1CC,IAW0C,QAX1CA,IAW0C;AAAA,MAV1CC,MAU0C,QAV1CA,MAU0C;AAAA,MAT1CC,SAS0C,QAT1CA,SAS0C;AAAA,MAR1CC,QAQ0C,QAR1CA,QAQ0C;AAAA,MAP1CC,OAO0C,QAP1CA,OAO0C;AAAA,MAN1CC,aAM0C,QAN1CA,aAM0C;AAAA,MAL1CC,SAK0C,QAL1CA,SAK0C;AAAA,MAJ1CC,QAI0C,QAJ1CA,QAI0C;AAAA,MAH1CC,UAG0C,QAH1CA,UAG0C;AAAA,MAF1CC,OAE0C,QAF1CA,OAE0C;AAAA,MADvCC,SACuC;AAC1C,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GACbN,SAAS,IAAIO,0BAAUC,YAAvB,KACCP,QAAQ,IAAIC,UAAU,IAAIO,2BAAWC,MADtC,CADF;AAGA,MAAMC,wBAAwB,GAAG,gCAAcC,QAA/C;AAEA,MAAMC,eAAe,GAAGb,SAAS,IAAIO,0BAAUC,YAA/C;AACA,MAAMM,kBAAkB,GAAGT,QAAQ,KAAKU,aAAb,IAAoB,CAACF,eAAhD;AAEA,SACE,uEACMT,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,eAAb,EAA8BC,QAA9B,CAAX,EAAoD;AAC7D,gCAA0BC;AADmC,KAApD,CAFb;AAKE,IAAA,GAAG,EAAEb;AALP,MAOE;AACE,IAAA,SAAS,EAAE,4BAAW,0BAAX,EAAuC;AAChD,0DACEkB;AAF8C,KAAvC;AADb,KAMG,yBAAajB,IAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,IAAtC,CAPJ,EASG,yBAAaC,MAAb,KACC,qCAAC,cAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAC,UAFT;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGA,MALH,CAVJ,EAkBG,yBAAaC,SAAb,KACC,qCAAC,iBAAD;AAAU,IAAA,MAAM,EAAC,SAAjB;AAA2B,IAAA,SAAS,EAAC;AAArC,KACGA,SADH,CAnBJ,EAwBGC,QAxBH,EA0BG,yBAAaC,OAAb,KACC;AACE,IAAA,SAAS,EAAE,4BAAW,wBAAX,EAAqC;AAC9C,mCAA6BC,aAAa,KAAK;AADD,KAArC;AADb,KAKGD,OALH,CA3BJ,EAoCGe,eAAe,IAAI,qCAAC,2BAAD;AAAoB,IAAA,OAAO,EAAEV;AAA7B,IApCtB,EAqCGW,kBAAkB,IACjB,qCAAC,oCAAD;AAAmB,IAAA,SAAS,EAAC,oBAA7B;AAAkD,IAAA,OAAO,EAAEX;AAA3D,KACE,qCAAC,oBAAD,OADF,CAtCJ,CAPF,CADF;AAqDD,CA7EwD,EA8EzD;AACEH,EAAAA,SAAS,EAAE,IADb;AAEEE,EAAAA,UAAU,EAAE,IAFd;AAGED,EAAAA,QAAQ,EAAE;AAHZ,CA9EyD,CAApD","sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Title from \"../Typography/Title/Title\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  AdaptivityProps,\n  ViewHeight,\n  ViewWidth,\n  withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { HasRootRef } from \"../../types\";\nimport { PanelHeaderButton } from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { IOS } from \"../../lib/platform\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { useKeyboard } from \"../../hooks/useKeyboard\";\nimport \"./ModalCardBase.css\";\n\nexport interface ModalCardBaseProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка.\n   *\n   * Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n   */\n  icon?: React.ReactNode;\n\n  /**\n   * Заголовок карточки\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Подзаголовок\n   */\n  subheader?: React.ReactNode;\n\n  /**\n   * Кнопки-действия.\n   *\n   * Рекомендуется использовать `<Button size=\"l\" mode=\"primary\" />` или `<Button size=\"l\" mode=\"secondary\" />`\n   */\n  actions?: React.ReactNode;\n\n  /**\n   * Тип отображения кнопок: вертикальный или горизонтальный\n   */\n  actionsLayout?: \"vertical\" | \"horizontal\";\n  onClose?: VoidFunction;\n}\n\nexport const ModalCardBase: React.FC<ModalCardBaseProps> = withAdaptivity(\n  ({\n    getRootRef,\n    icon,\n    header,\n    subheader,\n    children,\n    actions,\n    actionsLayout,\n    viewWidth,\n    hasMouse,\n    viewHeight,\n    onClose,\n    ...restProps\n  }: ModalCardBaseProps & AdaptivityProps) => {\n    const platform = usePlatform();\n    const isDesktop =\n      viewWidth >= ViewWidth.SMALL_TABLET &&\n      (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n    const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n    const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n    const canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;\n\n    return (\n      <div\n        {...restProps}\n        vkuiClass={classNames(getClassName(\"ModalCardBase\", platform), {\n          \"ModalCardBase--desktop\": isDesktop,\n        })}\n        ref={getRootRef}\n      >\n        <div\n          vkuiClass={classNames(\"ModalCardBase__container\", {\n            \"ModalCardBase__container--softwareKeyboardOpened\":\n              isSoftwareKeyboardOpened,\n          })}\n        >\n          {hasReactNode(icon) && (\n            <div vkuiClass=\"ModalCardBase__icon\">{icon}</div>\n          )}\n          {hasReactNode(header) && (\n            <Title\n              level=\"2\"\n              weight=\"semibold\"\n              vkuiClass=\"ModalCardBase__header\"\n            >\n              {header}\n            </Title>\n          )}\n          {hasReactNode(subheader) && (\n            <Headline weight=\"regular\" vkuiClass=\"ModalCardBase__subheader\">\n              {subheader}\n            </Headline>\n          )}\n\n          {children}\n\n          {hasReactNode(actions) && (\n            <div\n              vkuiClass={classNames(\"ModalCardBase__actions\", {\n                \"ModalCardBase__actions--v\": actionsLayout === \"vertical\",\n              })}\n            >\n              {actions}\n            </div>\n          )}\n\n          {canShowCloseBtn && <ModalDismissButton onClick={onClose} />}\n          {canShowCloseBtnIos && (\n            <PanelHeaderButton vkuiClass=\"ModalCard__dismiss\" onClick={onClose}>\n              <Icon24Dismiss />\n            </PanelHeaderButton>\n          )}\n        </div>\n      </div>\n    );\n  },\n  {\n    viewWidth: true,\n    viewHeight: true,\n    hasMouse: true,\n  }\n);\n"],"file":"ModalCardBase.js"}

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import './ModalDismissButton.css';
+import * as React from "react";
+import "./ModalDismissButton.css";
 export declare type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;
 declare const ModalDismissButton: React.FC<ModalDismissButtonProps>;
 export default ModalDismissButton;

package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js

@@ -22,7 +22,7 @@ var _usePlatform = require("../../hooks/usePlatform");
 var ModalDismissButton = function ModalDismissButton(props) {
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)(_Tappable.default, (0, _extends2.default)({
-    vkuiClass: (0, _getClassName.getClassName)('ModalDismissButton', platform)
+    vkuiClass: (0, _getClassName.getClassName)("ModalDismissButton", platform)
   }, props, {
     activeMode: "ModalDismissButton--active",
     hoverMode: "ModalDismissButton--hover"
@@ -30,7 +30,7 @@ var ModalDismissButton = function ModalDismissButton(props) {
 };
 
 ModalDismissButton.defaultProps = {
-  'aria-label': 'Закрыть'
+  "aria-label": "Закрыть"
 };
 var _default = ModalDismissButton;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":["ModalDismissButton","props","platform","defaultProps"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AAKA,IAAMA,kBAAqD,GAAG,SAAxDA,kBAAwD,CAACC,KAAD,EAAoC;AAChG,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,iBAAD;AACE,IAAA,SAAS,EAAE,gCAAa,oBAAb,EAAmCA,QAAnC;AADb,KAEMD,KAFN;AAGE,IAAA,UAAU,EAAC,4BAHb;AAIE,IAAA,SAAS,EAAC;AAJZ,MAME,qCAAC,mBAAD,OANF,CADF;AAUD,CAbD;;AAeAD,kBAAkB,CAACG,YAAnB,GAAkC;AAChC,gBAAc;AADkB,CAAlC;eAIeH,kB","sourcesContent":["import * as React from 'react';\nimport { Icon20Cancel } from '@vkontakte/icons';\nimport Tappable from '../Tappable/Tappable';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './ModalDismissButton.css';\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\nconst ModalDismissButton: React.FC<ModalDismissButtonProps> = (props: ModalDismissButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      vkuiClass={getClassName('ModalDismissButton', platform)}\n      {...props}\n      activeMode=\"ModalDismissButton--active\"\n      hoverMode=\"ModalDismissButton--hover\"\n    >\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n\nModalDismissButton.defaultProps = {\n  'aria-label': 'Закрыть',\n};\n\nexport default ModalDismissButton;\n"],"file":"ModalDismissButton.js"}
+{"version":3,"sources":["../../../../src/components/ModalDismissButton/ModalDismissButton.tsx"],"names":["ModalDismissButton","props","platform","defaultProps"],"mappings":";;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AAKA,IAAMA,kBAAqD,GAAG,SAAxDA,kBAAwD,CAC5DC,KAD4D,EAEzD;AACH,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,iBAAD;AACE,IAAA,SAAS,EAAE,gCAAa,oBAAb,EAAmCA,QAAnC;AADb,KAEMD,KAFN;AAGE,IAAA,UAAU,EAAC,4BAHb;AAIE,IAAA,SAAS,EAAC;AAJZ,MAME,qCAAC,mBAAD,OANF,CADF;AAUD,CAfD;;AAiBAD,kBAAkB,CAACG,YAAnB,GAAkC;AAChC,gBAAc;AADkB,CAAlC;eAIeH,kB","sourcesContent":["import * as React from \"react\";\nimport { Icon20Cancel } from \"@vkontakte/icons\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./ModalDismissButton.css\";\n\nexport type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;\n\nconst ModalDismissButton: React.FC<ModalDismissButtonProps> = (\n  props: ModalDismissButtonProps\n) => {\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      vkuiClass={getClassName(\"ModalDismissButton\", platform)}\n      {...props}\n      activeMode=\"ModalDismissButton--active\"\n      hoverMode=\"ModalDismissButton--hover\"\n    >\n      <Icon20Cancel />\n    </Tappable>\n  );\n};\n\nModalDismissButton.defaultProps = {\n  \"aria-label\": \"Закрыть\",\n};\n\nexport default ModalDismissButton;\n"],"file":"ModalDismissButton.js"}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
-import { NavIdProps } from '../../lib/getNavId';
-import './ModalPage.css';
+import * as React from "react";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import { NavIdProps } from "../../lib/getNavId";
+import "./ModalPage.css";
 export interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps, NavIdProps {
     /**
      * Шапка модальной страницы, `<ModalPageHeader />`

package/dist/cjs/components/ModalPage/ModalPage.js

@@ -38,7 +38,7 @@ var _getNavId = require("../../lib/getNavId");
 var _warnOnce = require("../../lib/warnOnce");
 
 var _excluded = ["children", "header", "viewWidth", "viewHeight", "sizeX", "hasMouse", "onClose", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav"];
-var warn = (0, _warnOnce.warnOnce)('ModalPage');
+var warn = (0, _warnOnce.warnOnce)("ModalPage");
 
 var ModalPage = function ModalPage(props) {
   var platform = (0, _usePlatform.usePlatform)();
@@ -69,8 +69,8 @@ var ModalPage = function ModalPage(props) {
       refs = _useModalRegistry.refs;
 
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('ModalPage', platform), "ModalPage--sizeX-".concat(sizeX), {
-      'ModalPage--desktop': isDesktop
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalPage", platform), "ModalPage--sizeX-".concat(sizeX), {
+      "ModalPage--desktop": isDesktop
     })
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ModalPage__in-wrap",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":["warn","ModalPage","props","platform","React","useContext","ModalRootContext","updateModalHeight","children","header","viewWidth","viewHeight","sizeX","hasMouse","onClose","settlingHeight","dynamicContentHeight","getModalContentRef","nav","restProps","useEffect","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","canShowCloseBtn","modalContext","ModalType","PAGE","refs","innerElement","headerElement","contentElement","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAoBA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;;AACA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,CAACC,KAAD,EAA2B;AACrE,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,0BAA8BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA9B;AAAA,MAAQC,iBAAR,qBAAQA,iBAAR;;AACA,MACEC,QADF,GAaIN,KAbJ,CACEM,QADF;AAAA,MAEEC,MAFF,GAaIP,KAbJ,CAEEO,MAFF;AAAA,MAGEC,SAHF,GAaIR,KAbJ,CAGEQ,SAHF;AAAA,MAIEC,UAJF,GAaIT,KAbJ,CAIES,UAJF;AAAA,MAKEC,KALF,GAaIV,KAbJ,CAKEU,KALF;AAAA,MAMEC,QANF,GAaIX,KAbJ,CAMEW,QANF;AAAA,MAOEC,OAPF,GAaIZ,KAbJ,CAOEY,OAPF;AAAA,MAQEC,cARF,GAaIb,KAbJ,CAQEa,cARF;AAAA,MASEC,oBATF,GAaId,KAbJ,CASEc,oBATF;AAAA,MAUEC,kBAVF,GAaIf,KAbJ,CAUEe,kBAVF;AAAA,MAWEC,GAXF,GAaIhB,KAbJ,CAWEgB,GAXF;AAAA,MAYKC,SAZL,0CAaIjB,KAbJ;AAeAE,EAAAA,KAAK,CAACgB,SAAN,CAAgB,YAAM;AACpBb,IAAAA,iBAAiB;AAClB,GAFD,EAEG,CAACC,QAAD,CAFH;AAIA,MAAMa,SAAS,GAAGX,SAAS,IAAIY,0BAAUC,YAAvB,KAAwCV,QAAQ,IAAIF,UAAU,IAAIa,2BAAWC,MAA7E,CAAlB;AACA,MAAMC,eAAe,GAAGhB,SAAS,IAAIY,0BAAUC,YAA/C;AAEA,MAAMI,YAAY,GAAGvB,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAArB;;AACA,0BAAiB,wCAAiB,wBAASJ,KAAT,EAAgBF,IAAhB,CAAjB,EAAwC4B,iBAAUC,IAAlD,CAAjB;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAEA,SACE,uEACMX,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,WAAb,EAA0BhB,QAA1B,CAAX,6BAAoES,KAApE,GAA6E;AACtF,4BAAsBS;AADgE,KAA7E;AAFb,MAME;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAES,IAAI,CAACC;AAA9C,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC,mBAAf;AAAmC,IAAA,GAAG,EAAED,IAAI,CAACE;AAA7C,KACGvB,MADH,CADF,EAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAE,qBAAyBqB,IAAI,CAACG,cAA9B,EAA8ChB,kBAA9C;AAAzC,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGT,QADH,CADF,CADF,CALF,EAYGkB,eAAe,IAAI,qCAAC,2BAAD;AAAoB,IAAA,OAAO,EAAEZ,OAAO,IAAIa,YAAY,CAACb;AAArD,IAZtB,CADF,CANF,CADF;AAyBD,CArDD;;AAuDAb,SAAS,CAACiC,YAAV,GAAyB;AACvBnB,EAAAA,cAAc,EAAE;AADO,CAAzB;;eAIe,oCAAed,SAAf,EAA0B;AACvCS,EAAAA,SAAS,EAAE,IAD4B;AAEvCC,EAAAA,UAAU,EAAE,IAF2B;AAGvCC,EAAAA,KAAK,EAAE,IAHgC;AAIvCC,EAAAA,QAAQ,EAAE;AAJ6B,CAA1B,C","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { ModalRootContext, useModalRegistry } from '../ModalRoot/ModalRootContext';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { withAdaptivity, AdaptivityProps, ViewHeight, ViewWidth } from '../../hoc/withAdaptivity';\nimport ModalDismissButton from '../ModalDismissButton/ModalDismissButton';\nimport { multiRef } from '../../lib/utils';\nimport { ModalType } from '../ModalRoot/types';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport './ModalPage.css';\n\nexport interface ModalPageProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps, NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  onClose?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce('ModalPage');\nconst ModalPage: React.FC<ModalPageProps> = (props: ModalPageProps) => {\n  const platform = usePlatform();\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n  const {\n    children,\n    header,\n    viewWidth,\n    viewHeight,\n    sizeX,\n    hasMouse,\n    onClose,\n    settlingHeight,\n    dynamicContentHeight,\n    getModalContentRef,\n    nav,\n    ...restProps\n  } = props;\n\n  React.useEffect(() => {\n    updateModalHeight();\n  }, [children]);\n\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET && (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n  const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.PAGE);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(getClassName('ModalPage', platform), `ModalPage--sizeX-${sizeX}`, {\n        'ModalPage--desktop': isDesktop,\n      })}\n    >\n      <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n        <div vkuiClass=\"ModalPage__in\">\n          <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n            {header}\n          </div>\n\n          <div vkuiClass=\"ModalPage__content-wrap\">\n            <div vkuiClass=\"ModalPage__content\" ref={multiRef<HTMLDivElement>(refs.contentElement, getModalContentRef)}>\n              <div vkuiClass=\"ModalPage__content-in\">\n                {children}\n              </div>\n            </div>\n          </div>\n          {canShowCloseBtn && <ModalDismissButton onClick={onClose || modalContext.onClose} />}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModalPage.defaultProps = {\n  settlingHeight: 75,\n};\n\nexport default withAdaptivity(ModalPage, {\n  viewWidth: true,\n  viewHeight: true,\n  sizeX: true,\n  hasMouse: true,\n});\n"],"file":"ModalPage.js"}
+{"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":["warn","ModalPage","props","platform","React","useContext","ModalRootContext","updateModalHeight","children","header","viewWidth","viewHeight","sizeX","hasMouse","onClose","settlingHeight","dynamicContentHeight","getModalContentRef","nav","restProps","useEffect","isDesktop","ViewWidth","SMALL_TABLET","ViewHeight","MEDIUM","canShowCloseBtn","modalContext","ModalType","PAGE","refs","innerElement","headerElement","contentElement","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAIA;;AACA;;AAMA;;AACA;;AACA;;AACA;;AACA;;;AAuBA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;;AACA,IAAMC,SAAmC,GAAG,SAAtCA,SAAsC,CAACC,KAAD,EAA2B;AACrE,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,0BAA8BC,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAA9B;AAAA,MAAQC,iBAAR,qBAAQA,iBAAR;;AACA,MACEC,QADF,GAaIN,KAbJ,CACEM,QADF;AAAA,MAEEC,MAFF,GAaIP,KAbJ,CAEEO,MAFF;AAAA,MAGEC,SAHF,GAaIR,KAbJ,CAGEQ,SAHF;AAAA,MAIEC,UAJF,GAaIT,KAbJ,CAIES,UAJF;AAAA,MAKEC,KALF,GAaIV,KAbJ,CAKEU,KALF;AAAA,MAMEC,QANF,GAaIX,KAbJ,CAMEW,QANF;AAAA,MAOEC,OAPF,GAaIZ,KAbJ,CAOEY,OAPF;AAAA,MAQEC,cARF,GAaIb,KAbJ,CAQEa,cARF;AAAA,MASEC,oBATF,GAaId,KAbJ,CASEc,oBATF;AAAA,MAUEC,kBAVF,GAaIf,KAbJ,CAUEe,kBAVF;AAAA,MAWEC,GAXF,GAaIhB,KAbJ,CAWEgB,GAXF;AAAA,MAYKC,SAZL,0CAaIjB,KAbJ;AAeAE,EAAAA,KAAK,CAACgB,SAAN,CAAgB,YAAM;AACpBb,IAAAA,iBAAiB;AAClB,GAFD,EAEG,CAACC,QAAD,CAFH;AAIA,MAAMa,SAAS,GACbX,SAAS,IAAIY,0BAAUC,YAAvB,KACCV,QAAQ,IAAIF,UAAU,IAAIa,2BAAWC,MADtC,CADF;AAGA,MAAMC,eAAe,GAAGhB,SAAS,IAAIY,0BAAUC,YAA/C;AAEA,MAAMI,YAAY,GAAGvB,KAAK,CAACC,UAAN,CAAiBC,kCAAjB,CAArB;;AACA,0BAAiB,wCAAiB,wBAASJ,KAAT,EAAgBF,IAAhB,CAAjB,EAAwC4B,iBAAUC,IAAlD,CAAjB;AAAA,MAAQC,IAAR,qBAAQA,IAAR;;AAEA,SACE,uEACMX,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,WAAb,EAA0BhB,QAA1B,CADS,6BAEWS,KAFX,GAGT;AACE,4BAAsBS;AADxB,KAHS;AAFb,MAUE;AAAK,IAAA,SAAS,EAAC,oBAAf;AAAoC,IAAA,GAAG,EAAES,IAAI,CAACC;AAA9C,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC,mBAAf;AAAmC,IAAA,GAAG,EAAED,IAAI,CAACE;AAA7C,KACGvB,MADH,CADF,EAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AACE,IAAA,SAAS,EAAC,oBADZ;AAEE,IAAA,GAAG,EAAE,qBACHqB,IAAI,CAACG,cADF,EAEHhB,kBAFG;AAFP,KAOE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCT,QAAxC,CAPF,CADF,CALF,EAgBGkB,eAAe,IACd,qCAAC,2BAAD;AAAoB,IAAA,OAAO,EAAEZ,OAAO,IAAIa,YAAY,CAACb;AAArD,IAjBJ,CADF,CAVF,CADF;AAmCD,CAjED;;AAmEAb,SAAS,CAACiC,YAAV,GAAyB;AACvBnB,EAAAA,cAAc,EAAE;AADO,CAAzB;;eAIe,oCAAed,SAAf,EAA0B;AACvCS,EAAAA,SAAS,EAAE,IAD4B;AAEvCC,EAAAA,UAAU,EAAE,IAF2B;AAGvCC,EAAAA,KAAK,EAAE,IAHgC;AAIvCC,EAAAA,QAAQ,EAAE;AAJ6B,CAA1B,C","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n  ModalRootContext,\n  useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  AdaptivityProps,\n  ViewHeight,\n  ViewWidth,\n} from \"../../hoc/withAdaptivity\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    NavIdProps {\n  /**\n   * Шапка модальной страницы, `<ModalPageHeader />`\n   */\n  header?: React.ReactNode;\n  onClose?: VoidFunction;\n  /**\n   * Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n   */\n  settlingHeight?: number;\n  /**\n   * Если высота контента в модальной странице может поменяться, нужно установить это свойство\n   */\n  dynamicContentHeight?: boolean;\n  getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce(\"ModalPage\");\nconst ModalPage: React.FC<ModalPageProps> = (props: ModalPageProps) => {\n  const platform = usePlatform();\n  const { updateModalHeight } = React.useContext(ModalRootContext);\n  const {\n    children,\n    header,\n    viewWidth,\n    viewHeight,\n    sizeX,\n    hasMouse,\n    onClose,\n    settlingHeight,\n    dynamicContentHeight,\n    getModalContentRef,\n    nav,\n    ...restProps\n  } = props;\n\n  React.useEffect(() => {\n    updateModalHeight();\n  }, [children]);\n\n  const isDesktop =\n    viewWidth >= ViewWidth.SMALL_TABLET &&\n    (hasMouse || viewHeight >= ViewHeight.MEDIUM);\n  const canShowCloseBtn = viewWidth >= ViewWidth.SMALL_TABLET;\n\n  const modalContext = React.useContext(ModalRootContext);\n  const { refs } = useModalRegistry(getNavId(props, warn), ModalType.PAGE);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"ModalPage\", platform),\n        `ModalPage--sizeX-${sizeX}`,\n        {\n          \"ModalPage--desktop\": isDesktop,\n        }\n      )}\n    >\n      <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n        <div vkuiClass=\"ModalPage__in\">\n          <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n            {header}\n          </div>\n\n          <div vkuiClass=\"ModalPage__content-wrap\">\n            <div\n              vkuiClass=\"ModalPage__content\"\n              ref={multiRef<HTMLDivElement>(\n                refs.contentElement,\n                getModalContentRef\n              )}\n            >\n              <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n            </div>\n          </div>\n          {canShowCloseBtn && (\n            <ModalDismissButton onClick={onClose || modalContext.onClose} />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nModalPage.defaultProps = {\n  settlingHeight: 75,\n};\n\nexport default withAdaptivity(ModalPage, {\n  viewWidth: true,\n  viewHeight: true,\n  sizeX: true,\n  hasMouse: true,\n});\n"],"file":"ModalPage.js"}

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { HasRef } from '../../types';
-import './ModalPageHeader.css';
+import * as React from "react";
+import { HasRef } from "../../types";
+import "./ModalPageHeader.css";
 export interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElement>, HasRef<HTMLDivElement> {
     /**
      * Иконки, отображаемые слева

package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js

@@ -44,7 +44,7 @@ var ModalPageHeader = function ModalPageHeader(props) {
   var isPrimitive = (0, _utils.isPrimitiveReactNode)(children);
   var hasSeparator = separator && platform === _platform.VKCOM;
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('ModalPageHeader', platform), "ModalPageHeader--sizeX-".concat(sizeX)),
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalPageHeader", platform), "ModalPageHeader--sizeX-".concat(sizeX)),
     ref: getRef
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "ModalPageHeader__in"