@vkontakte/vkui 4.36.1 → 4.37.1

package/dist/cjs/components/Typography/Caption/Caption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"names":["warn","Caption","children","weight","level","caps","Component","restProps","process","env","NODE_ENV","includes"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;;AAgBA,IAAMA,IAAI,GAAG,wBAAS,SAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAOH;AAAA,MANlBC,QAMkB,QANlBA,QAMkB;AAAA,MALlBC,MAKkB,QALlBA,MAKkB;AAAA,wBAJlBC,KAIkB;AAAA,MAJlBA,KAIkB,2BAJV,GAIU;AAAA,MAHlBC,IAGkB,QAHlBA,IAGkB;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,MAEM;AAAA,MADfC,SACe;;AAClB,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QACEP,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDQ,QAAnD,CAA4DR,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;AAGH;;AAED,SACE,qCAAC,SAAD,6BACMI,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,SADS,uBAEKH,KAFL,GAGTC,IAAI,IAAI,eAHC,EAITF,MAAM,yBAAkBA,MAAlB,CAJG;AAFb,MASGD,QATH,CADF;AAaD,CA/BM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Caption.css\";\n\nexport interface CaptionProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"bold\"`, `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\" | \"3\" | \"4\";\n  caps?: boolean;\n}\n\nconst warn = warnOnce(\"Caption\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  children,\n  weight,\n  level = \"1\",\n  caps,\n  Component = \"span\",\n  ...restProps\n}: CaptionProps) => {\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Caption\",\n        `Caption--l-${level}`,\n        caps && \"Caption--caps\",\n        weight && `Caption--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Caption.js"}
+{"version":3,"file":"Caption.js","names":["warn","warnOnce","Caption","children","weight","level","caps","Component","restProps","process","env","NODE_ENV","includes","classNames"],"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Caption.css\";\n\nexport interface CaptionProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"bold\"`, `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\" | \"3\" | \"4\";\n  caps?: boolean;\n}\n\nconst warn = warnOnce(\"Caption\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  children,\n  weight,\n  level = \"1\",\n  caps,\n  Component = \"span\",\n  ...restProps\n}: CaptionProps) => {\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Caption\",\n        `Caption--l-${level}`,\n        caps && \"Caption--caps\",\n        weight && `Caption--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;;AAgBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,SAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAOH;EAAA,IANlBC,QAMkB,QANlBA,QAMkB;EAAA,IALlBC,MAKkB,QALlBA,MAKkB;EAAA,sBAJlBC,KAIkB;EAAA,IAJlBA,KAIkB,2BAJV,GAIU;EAAA,IAHlBC,IAGkB,QAHlBA,IAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,MAEM;EAAA,IADfC,SACe;;EAClB,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IACEP,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDQ,QAAnD,CAA4DR,MAA5D,CAFF,EAIEJ,IAAI,iFACoBI,MADpB,sSAAJ;EAGH;;EAED,OACE,qCAAC,SAAD,6BACMI,SADN;IAEE,SAAS,EAAE,IAAAK,sBAAA,EACT,SADS,uBAEKR,KAFL,GAGTC,IAAI,IAAI,eAHC,EAITF,MAAM,yBAAkBA,MAAlB,CAJG;EAFb,IASGD,QATH,CADF;AAaD,CA/BM"}

package/dist/cjs/components/Typography/Footnote/Footnote.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { HasComponent } from "../../../types";
+import "./Footnote.css";
+export interface FootnoteProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта отличное от стандартного.
+     */
+    weight?: "1" | "2" | "3";
+    caps?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Footnote
+ */
+export declare const Footnote: ({ children, weight, caps, Component, ...restProps }: FootnoteProps) => JSX.Element;

package/dist/cjs/components/Typography/Footnote/Footnote.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"names":["Footnote","children","weight","caps","Component","restProps"],"mappings":";;;;;;;;;;;;;;;AAEA;;;;AAaA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAMH;AAAA,MALnBC,QAKmB,QALnBA,QAKmB;AAAA,MAJnBC,MAImB,QAJnBA,MAImB;AAAA,MAHnBC,IAGmB,QAHnBA,IAGmB;AAAA,4BAFnBC,SAEmB;AAAA,MAFnBA,SAEmB,+BAFP,MAEO;AAAA,MADhBC,SACgB;AACnB,SACE,qCAAC,SAAD,6BACMA,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,UADS,EAETF,IAAI,IAAI,gBAFC,EAGTD,MAAM,0BAAmBA,MAAnB,CAHG;AAFb,MAQGD,QARH,CADF;AAYD,CAnBM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Footnote.css\";\n\nexport interface FootnoteProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n  caps?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n  children,\n  weight,\n  caps,\n  Component = \"span\",\n  ...restProps\n}: FootnoteProps) => {\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Footnote\",\n        caps && \"Footnote--caps\",\n        weight && `Footnote--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Footnote.js"}
+{"version":3,"file":"Footnote.js","names":["Footnote","children","weight","caps","Component","restProps","classNames"],"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Footnote.css\";\n\nexport interface FootnoteProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n  caps?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n  children,\n  weight,\n  caps,\n  Component = \"span\",\n  ...restProps\n}: FootnoteProps) => {\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Footnote\",\n        caps && \"Footnote--caps\",\n        weight && `Footnote--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;;;AAaA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAMH;EAAA,IALnBC,QAKmB,QALnBA,QAKmB;EAAA,IAJnBC,MAImB,QAJnBA,MAImB;EAAA,IAHnBC,IAGmB,QAHnBA,IAGmB;EAAA,0BAFnBC,SAEmB;EAAA,IAFnBA,SAEmB,+BAFP,MAEO;EAAA,IADhBC,SACgB;EACnB,OACE,qCAAC,SAAD,6BACMA,SADN;IAEE,SAAS,EAAE,IAAAC,sBAAA,EACT,UADS,EAETH,IAAI,IAAI,gBAFC,EAGTD,MAAM,0BAAmBA,MAAnB,CAHG;EAFb,IAQGD,QARH,CADF;AAYD,CAnBM"}

package/dist/cjs/components/Typography/Headline/Headline.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../../types";
+import "./Headline.css";
+export interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта отличное от стандартного.
+     *
+     * > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
+     */
+    weight?: "regular" | "medium" | "semibold" | "1" | "2" | "3";
+    level?: "1" | "2";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Headline
+ */
+export declare const Headline: ({ children, weight, level, Component, getRootRef, ...restProps }: HeadlineProps) => JSX.Element;

package/dist/cjs/components/Typography/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":["warn","Headline","children","weight","level","Component","getRootRef","restProps","platform","sizeY","process","env","NODE_ENV"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;;AAgBA,IAAMA,IAAI,GAAG,wBAAS,UAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAOH;AAAA,MANnBC,QAMmB,QANnBA,QAMmB;AAAA,yBALnBC,MAKmB;AAAA,MALnBA,MAKmB,4BALV,GAKU;AAAA,wBAJnBC,KAImB;AAAA,MAJnBA,KAImB,2BAJX,GAIW;AAAA,4BAHnBC,SAGmB;AAAA,MAHnBA,SAGmB,+BAHP,IAGO;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;AACnB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;AACAN,IAAAA,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;AACD;;AAED,SACE,qCAAC,SAAD,6BACMO,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAE,4BACT,gCAAa,UAAb,EAAyBE,QAAzB,CADS,EAC2B;AAD3B,8BAEUC,KAFV,GAEmB;AAFnB,0BAGML,KAHN,yBAIMD,MAJN;AAHb,MAUGD,QAVH,CADF;AAcD,CAjCM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport \"./Headline.css\";\n\nexport interface HeadlineProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\";\n}\n\nconst warn = warnOnce(\"Headline\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  children,\n  weight = \"3\",\n  level = \"1\",\n  Component = \"h3\", // TODO: v5 h4\n  getRootRef,\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"Headline\", platform), // TODO: v5 remove\n        `Headline--sizeY-${sizeY}`, // TODO: новая адаптивность\n        `Headline--l-${level}`,\n        `Headline--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Headline.js"}
+{"version":3,"file":"Headline.js","names":["warn","warnOnce","Headline","children","weight","level","Component","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","process","env","NODE_ENV","classNames","getClassName"],"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport \"./Headline.css\";\n\nexport interface HeadlineProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\";\n}\n\nconst warn = warnOnce(\"Headline\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  children,\n  weight = \"3\",\n  level = \"1\",\n  Component = \"h3\", // TODO: v5 h4\n  getRootRef,\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"Headline\", platform), // TODO: v5 remove\n        `Headline--sizeY-${sizeY}`, // TODO: новая адаптивность\n        `Headline--l-${level}`,\n        `Headline--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;;AAgBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,UAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAOH;EAAA,IANnBC,QAMmB,QANnBA,QAMmB;EAAA,uBALnBC,MAKmB;EAAA,IALnBA,MAKmB,4BALV,GAKU;EAAA,sBAJnBC,KAImB;EAAA,IAJnBA,KAImB,2BAJX,GAIW;EAAA,0BAHnBC,SAGmB;EAAA,IAHnBA,SAGmB,+BAHP,IAGO;EAAA,IAFnBC,UAEmB,QAFnBA,UAEmB;EAAA,IADhBC,SACgB;EACnB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOT,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAP,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,qCAAC,SAAD,6BACMQ,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAE,IAAAS,sBAAA,EACT,IAAAC,0BAAA,EAAa,UAAb,EAAyBR,QAAzB,CADS,EAC2B;IAD3B,0BAEUG,KAFV,GAEmB;IAFnB,sBAGMP,KAHN,yBAIMD,MAJN;EAHb,IAUGD,QAVH,CADF;AAcD,CAjCM"}

package/dist/cjs/components/Typography/Paragraph/Paragraph.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../../types";
+import "./Paragraph.css";
+export interface ParagraphProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта, отличное от стандартного.
+     */
+    weight?: "1" | "2" | "3";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Paragraph
+ */
+export declare const Paragraph: ({ Component, getRootRef, weight, children, ...restProps }: ParagraphProps) => JSX.Element;

package/dist/cjs/components/Typography/Paragraph/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":["warn","Paragraph","Component","getRootRef","weight","children","restProps","process","env","NODE_ENV"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;AAcA,IAAMA,IAAI,GAAG,wBAAS,WAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAMH;AAAA,4BALpBC,SAKoB;AAAA,MALpBA,SAKoB,+BALR,MAKQ;AAAA,MAJpBC,UAIoB,QAJpBA,UAIoB;AAAA,MAHpBC,MAGoB,QAHpBA,MAGoB;AAAA,MAFpBC,QAEoB,QAFpBA,QAEoB;AAAA,MADjBC,SACiB;;AACpB,MACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;AACAH,IAAAA,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;AACD;;AAED,SACE,qCAAC,SAAD,6BACMM,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAE,4BAAW,WAAX,EAAwBC,MAAM,2BAAoBA,MAApB,CAA9B;AAHb,MAKGC,QALH,CADF;AASD,CAxBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport \"./Paragraph.css\";\n\nexport interface ParagraphProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Paragraph\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  Component = \"span\",\n  getRootRef,\n  weight,\n  children,\n  ...restProps\n}: ParagraphProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\"Paragraph\", weight && `Paragraph--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Paragraph.js"}
+{"version":3,"file":"Paragraph.js","names":["warn","warnOnce","Paragraph","Component","getRootRef","weight","children","restProps","process","env","NODE_ENV","classNames"],"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport \"./Paragraph.css\";\n\nexport interface ParagraphProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Paragraph\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  Component = \"span\",\n  getRootRef,\n  weight,\n  children,\n  ...restProps\n}: ParagraphProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\"Paragraph\", weight && `Paragraph--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;AAcA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,WAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAMH;EAAA,0BALpBC,SAKoB;EAAA,IALpBA,SAKoB,+BALR,MAKQ;EAAA,IAJpBC,UAIoB,QAJpBA,UAIoB;EAAA,IAHpBC,MAGoB,QAHpBA,MAGoB;EAAA,IAFpBC,QAEoB,QAFpBA,QAEoB;EAAA,IADjBC,SACiB;;EACpB,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAJ,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,qCAAC,SAAD,6BACMO,SADN;IAEE,GAAG,EAAEH,UAFP;IAGE,SAAS,EAAE,IAAAO,sBAAA,EAAW,WAAX,EAAwBN,MAAM,2BAAoBA,MAApB,CAA9B;EAHb,IAKGC,QALH,CADF;AASD,CAxBM"}

package/dist/cjs/components/Typography/Subhead/Subhead.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { HasComponent } from "../../../types";
+import "./Subhead.css";
+export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта отличное от стандартного.
+     *
+     * > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
+     */
+    weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Subhead
+ */
+export declare const Subhead: ({ children, weight, Component, ...restProps }: SubheadProps) => JSX.Element;

package/dist/cjs/components/Typography/Subhead/Subhead.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":["warn","Subhead","children","weight","Component","restProps","sizeY","process","env","NODE_ENV","includes"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;;AAcA,IAAMA,IAAI,GAAG,wBAAS,SAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAKH;AAAA,MAJlBC,QAIkB,QAJlBA,QAIkB;AAAA,MAHlBC,MAGkB,QAHlBA,MAGkB;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,IAEM;AAAA,MADfC,SACe;;AAClB,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;AAGH;;AAED,SACE,qCAAC,SAAD,6BACME,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,SADS,2BAESC,KAFT,GAGTH,MAAM,yBAAkBA,MAAlB,CAHG;AAFb,MAQGD,QARH,CADF;AAYD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport \"./Subhead.css\";\n\nexport interface SubheadProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Subhead\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  children,\n  weight,\n  Component = \"h5\",\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY } = useAdaptivity();\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Subhead\",\n        `Subhead--sizeY-${sizeY}`,\n        weight && `Subhead--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Subhead.js"}
+{"version":3,"file":"Subhead.js","names":["warn","warnOnce","Subhead","children","weight","Component","restProps","useAdaptivity","sizeY","process","env","NODE_ENV","includes","classNames"],"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport \"./Subhead.css\";\n\nexport interface SubheadProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Subhead\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  children,\n  weight,\n  Component = \"h5\",\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY } = useAdaptivity();\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Subhead\",\n        `Subhead--sizeY-${sizeY}`,\n        weight && `Subhead--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;;AAcA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,SAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAKH;EAAA,IAJlBC,QAIkB,QAJlBA,QAIkB;EAAA,IAHlBC,MAGkB,QAHlBA,MAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,IAEM;EAAA,IADfC,SACe;;EAClB,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IACEP,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDQ,QAAnD,CAA4DR,MAA5D,CAFF,EAIEJ,IAAI,iFACoBI,MADpB,sSAAJ;EAGH;;EAED,OACE,qCAAC,SAAD,6BACME,SADN;IAEE,SAAS,EAAE,IAAAO,sBAAA,EACT,SADS,2BAESL,KAFT,GAGTJ,MAAM,yBAAkBA,MAAlB,CAHG;EAFb,IAQGD,QARH,CADF;AAYD,CA9BM"}

package/dist/cjs/components/Typography/Text/Text.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../../types";
+import "./Text.css";
+export interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта, отличное от стандартного.
+     *
+     * > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
+     */
+    weight?: "regular" | "medium" | "semibold" | "1" | "2" | "3";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Text
+ */
+export declare const Text: ({ children, weight, Component, getRootRef, ...restProps }: TextProps) => JSX.Element;

package/dist/cjs/components/Typography/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"names":["warn","Text","children","weight","Component","getRootRef","restProps","process","env","NODE_ENV","includes","sizeY"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;;AAeA,IAAMA,IAAI,GAAG,wBAAS,MAAT,CAAb;AACA;AACA;AACA;;AACO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAMH;AAAA,MALfC,QAKe,QALfA,QAKe;AAAA,MAJfC,MAIe,QAJfA,MAIe;AAAA,4BAHfC,SAGe;AAAA,MAHfA,SAGe,+BAHH,MAGG;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;;AACf,MACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOL,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;AACAL,IAAAA,IAAI,iTAEF,OAFE,CAAJ;AAID;;AAED,MACEO,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACAN,MADA,IAEA,CAAC,UAAD,EAAa,QAAb,EAAuB,SAAvB,EAAkCO,QAAlC,CAA2CP,MAA3C,CAHF,EAIE;AACAH,IAAAA,IAAI,iFACoBG,MADpB,sSAAJ;AAGD;;AAED,uBAAkB,oCAAlB;AAAA,MAAQQ,KAAR,kBAAQA,KAAR;;AAEA,SACE,qCAAC,SAAD,6BACML,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAE,4BACT,MADS,EAET;AAFS,0BAGMM,KAHN,GAITR,MAAM,sBAAeA,MAAf,CAJG;AAHb,MAUGD,QAVH,CADF;AAcD,CA5CM","sourcesContent":["import * as React from \"react\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Text.css\";\n\nexport interface TextProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Text\");\n/**\n * @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n  children,\n  weight,\n  Component = \"span\",\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\n      `Свойство \"getRootRef\" может использоваться только с компонентами DOM`,\n      \"error\"\n    );\n  }\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    weight &&\n    [\"semibold\", \"medium\", \"regular\"].includes(weight)\n  ) {\n    warn(\n      `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n    );\n  }\n\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Text\",\n        // TODO v5.0.0 перевести на новую адаптивность\n        `Text--sizeY-${sizeY}`,\n        weight && `Text--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Text.js"}
+{"version":3,"file":"Text.js","names":["warn","warnOnce","Text","children","weight","Component","getRootRef","restProps","process","env","NODE_ENV","includes","useAdaptivity","sizeY","classNames"],"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Text.css\";\n\nexport interface TextProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Text\");\n/**\n * @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n  children,\n  weight,\n  Component = \"span\",\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\n      `Свойство \"getRootRef\" может использоваться только с компонентами DOM`,\n      \"error\"\n    );\n  }\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    weight &&\n    [\"semibold\", \"medium\", \"regular\"].includes(weight)\n  ) {\n    warn(\n      `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n    );\n  }\n\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Text\",\n        // TODO v5.0.0 перевести на новую адаптивность\n        `Text--sizeY-${sizeY}`,\n        weight && `Text--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;;AAeA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,MAAT,CAAb;AACA;AACA;AACA;;AACO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAMH;EAAA,IALfC,QAKe,QALfA,QAKe;EAAA,IAJfC,MAIe,QAJfA,MAIe;EAAA,0BAHfC,SAGe;EAAA,IAHfA,SAGe,+BAHH,MAGG;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;;EACf,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOL,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAN,IAAI,iTAEF,OAFE,CAAJ;EAID;;EAED,IACEQ,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACAN,MADA,IAEA,CAAC,UAAD,EAAa,QAAb,EAAuB,SAAvB,EAAkCO,QAAlC,CAA2CP,MAA3C,CAHF,EAIE;IACAJ,IAAI,iFACoBI,MADpB,sSAAJ;EAGD;;EAED,qBAAkB,IAAAQ,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,SAAD,6BACMN,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAE,IAAAQ,sBAAA,EACT,MADS,EAET;IAFS,sBAGMD,KAHN,GAITT,MAAM,sBAAeA,MAAf,CAJG;EAHb,IAUGD,QAVH,CADF;AAcD,CA5CM"}

package/dist/cjs/components/Typography/Title/Title.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { HasComponent } from "../../../types";
+import "./Title.css";
+export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта отличное от стандартного.
+     *
+     * > ⚠️ Начертания `"heavy"`, `"bold"`, `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
+     */
+    weight?: "heavy" | "bold" | "semibold" | "medium" | "regular" | "1" | "2" | "3";
+    level?: "1" | "2" | "3";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Title
+ */
+export declare const Title: ({ children, weight, level, Component, ...restProps }: TitleProps) => JSX.Element;

package/dist/cjs/components/Typography/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"names":["warn","Title","children","weight","level","Component","restProps","process","env","NODE_ENV","includes"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;;AAuBA,IAAMA,IAAI,GAAG,wBAAS,OAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAMH;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,MAJhBC,MAIgB,QAJhBA,MAIgB;AAAA,wBAHhBC,KAGgB;AAAA,MAHhBA,KAGgB,2BAHR,GAGQ;AAAA,MAFhBC,SAEgB,QAFhBA,SAEgB;AAAA,MADbC,SACa;;AAChB,MAAI,CAACD,SAAL,EAAgB;AACdA,IAAAA,SAAS,GAAI,MAAMD,KAAnB;AACD;;AAED,MAAIG,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEH,IAAI,iFACoBG,MADpB,sSAAJ;AAGH;;AAED,SACE,qCAAC,SAAD,6BACMG,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,OADS,qBAEGF,KAFH,GAGTD,MAAM,uBAAgBA,MAAhB,CAHG;AAFb,MAQGD,QARH,CADF;AAYD,CAjCM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Title.css\";\n\nexport interface TitleProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"heavy\"`, `\"bold\"`, `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?:\n    | \"heavy\"\n    | \"bold\"\n    | \"semibold\"\n    | \"medium\"\n    | \"regular\"\n    | \"1\"\n    | \"2\"\n    | \"3\";\n  level?: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Title\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n  children,\n  weight,\n  level = \"1\",\n  Component,\n  ...restProps\n}: TitleProps) => {\n  if (!Component) {\n    Component = (\"h\" + level) as React.ElementType;\n  }\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Title\",\n        `Title--l-${level}`,\n        weight && `Title--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"file":"Title.js"}
+{"version":3,"file":"Title.js","names":["warn","warnOnce","Title","children","weight","level","Component","restProps","process","env","NODE_ENV","includes","classNames"],"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Title.css\";\n\nexport interface TitleProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"heavy\"`, `\"bold\"`, `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?:\n    | \"heavy\"\n    | \"bold\"\n    | \"semibold\"\n    | \"medium\"\n    | \"regular\"\n    | \"1\"\n    | \"2\"\n    | \"3\";\n  level?: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Title\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n  children,\n  weight,\n  level = \"1\",\n  Component,\n  ...restProps\n}: TitleProps) => {\n  if (!Component) {\n    Component = (\"h\" + level) as React.ElementType;\n  }\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Title\",\n        `Title--l-${level}`,\n        weight && `Title--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;;AAuBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,OAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAMH;EAAA,IALhBC,QAKgB,QALhBA,QAKgB;EAAA,IAJhBC,MAIgB,QAJhBA,MAIgB;EAAA,sBAHhBC,KAGgB;EAAA,IAHhBA,KAGgB,2BAHR,GAGQ;EAAA,IAFhBC,SAEgB,QAFhBA,SAEgB;EAAA,IADbC,SACa;;EAChB,IAAI,CAACD,SAAL,EAAgB;IACdA,SAAS,GAAI,MAAMD,KAAnB;EACD;;EAED,IAAIG,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEJ,IAAI,iFACoBI,MADpB,sSAAJ;EAGH;;EAED,OACE,qCAAC,SAAD,6BACMG,SADN;IAEE,SAAS,EAAE,IAAAK,sBAAA,EACT,OADS,qBAEGP,KAFH,GAGTD,MAAM,uBAAgBA,MAAhB,CAHG;EAFb,IAQGD,QARH,CADF;AAYD,CAjCM"}

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

@@ -0,0 +1,31 @@
+import * as React from "react";
+import "./UsersStack.css";
+export interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Массив ссылок на фотографии
+     */
+    photos?: string[];
+    /**
+     * Размер аватарок
+     */
+    size?: "xs" | "s" | "m";
+    /**
+     * Вертикальный режим рекомендуется использовать с размером `m`
+     */
+    layout?: "vertical" | "horizontal";
+    /**
+     * Количество аватарок, которые будут показаны.
+     * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов
+     */
+    visibleCount?: number;
+    /**
+     * Число, которое будет указано в счетчике.
+     * По умолчанию высчитывается по формуле `photos.length - visibleCount`.
+     * Если число больше 99, то счетчик скроется.
+     */
+    count?: number;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/UsersStack
+ */
+export declare const UsersStack: ({ photos, visibleCount, count, size, layout, children, ...restProps }: UsersStackProps) => JSX.Element;

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

@@ -22,7 +22,7 @@ var _Footnote = require("../Typography/Footnote/Footnote");
 var _Caption = require("../Typography/Caption/Caption");
 
 var _excluded = ["photoSize", "direction"],
-    _excluded2 = ["photos", "visibleCount", "size", "layout", "children"];
+    _excluded2 = ["photos", "visibleCount", "count", "size", "layout", "children"];
 
 function PathElement(_ref) {
   var photoSize = _ref.photoSize,
@@ -81,14 +81,15 @@ var UsersStack = function UsersStack(_ref2) {
       photos = _ref2$photos === void 0 ? [] : _ref2$photos,
       _ref2$visibleCount = _ref2.visibleCount,
       visibleCount = _ref2$visibleCount === void 0 ? 3 : _ref2$visibleCount,
+      _ref2$count = _ref2.count,
+      count = _ref2$count === void 0 ? Math.max(0, photos.length - visibleCount) : _ref2$count,
       _ref2$size = _ref2.size,
       size = _ref2$size === void 0 ? "s" : _ref2$size,
       _ref2$layout = _ref2.layout,
       layout = _ref2$layout === void 0 ? "horizontal" : _ref2$layout,
       children = _ref2.children,
       restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-  var othersCount = Math.max(0, photos.length - visibleCount);
-  var canShowOthers = othersCount > 0 && size !== "xs";
+  var canShowOthers = count > 0 && size !== "xs";
   var CounterTypography = size === "m" ? _Footnote.Footnote : _Caption.Caption;
   var photoSize = {
     xs: 16,
@@ -132,7 +133,7 @@ var UsersStack = function UsersStack(_ref2) {
     ,
     vkuiClass: "UsersStack__photo UsersStack__photo--others",
     "aria-hidden": true
-  }, (0, _jsxRuntime.createScopedElement)("span", null, "+", othersCount))), (0, _utils.hasReactNode)(children) && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
+  }, (0, _jsxRuntime.createScopedElement)("span", null, "+", count))), (0, _utils.hasReactNode)(children) && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
     vkuiClass: "UsersStack__text"
   }, children));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"names":["PathElement","photoSize","direction","props","radius","UsersStack","photos","visibleCount","size","layout","children","restProps","othersCount","Math","max","length","canShowOthers","CounterTypography","Footnote","Caption","xs","s","m","directionClip","photosShown","slice","map","photo","i"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: \"xs\" | \"s\" | \"m\"; // TODO: \"s\" | \"m\" | \"l\"\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n}\n\ninterface PathElementProps extends React.SVGAttributes<SVGElement> {\n  photoSize: number;\n  direction: \"circle\" | \"right\" | \"left\";\n}\n\nfunction PathElement({ photoSize, direction, ...props }: PathElementProps) {\n  switch (direction) {\n    case \"circle\":\n      const radius = photoSize / 2;\n\n      return <circle cx={radius} cy={radius} r={radius} {...props} />;\n\n    case \"right\":\n      switch (photoSize) {\n        case 24:\n          return (\n            <path\n              d=\"M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75\"\n              {...props}\n            />\n          );\n      }\n\n    default:\n      switch (photoSize) {\n        case 16:\n          return (\n            <path\n              d=\"M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285\"\n              {...props}\n            />\n          );\n        case 24:\n          return (\n            <path\n              d=\"M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75\"\n              {...props}\n            />\n          );\n      }\n  }\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/UsersStack\n */\nexport const UsersStack = ({\n  photos = [],\n  visibleCount = 3,\n  size = \"s\",\n  layout = \"horizontal\",\n  children,\n  ...restProps\n}: UsersStackProps) => {\n  const othersCount = Math.max(0, photos.length - visibleCount);\n  const canShowOthers = othersCount > 0 && size !== \"xs\";\n  const CounterTypography = size === \"m\" ? Footnote : Caption;\n\n  const photoSize = {\n    xs: 16,\n    s: 24,\n    m: 32,\n  }[size];\n  const directionClip = canShowOthers ? \"right\" : \"left\";\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"UsersStack\",\n        `UsersStack--size-${size}`,\n        `UsersStack--l-${layout}`,\n        canShowOthers && \"UsersStack--others\"\n      )}\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => {\n          const direction =\n            i === 0 && !canShowOthers ? \"circle\" : directionClip;\n\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              vkuiClass=\"UsersStack__photo\"\n              key={i}\n              aria-hidden\n            >\n              <g vkuiClass={`UsersStack__mask--${photoSize}-${direction}`}>\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  vkuiClass=\"UsersStack__fill\"\n                />\n                <image href={photo} width={photoSize} height={photoSize} />\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  fill=\"none\"\n                  stroke=\"rgba(0, 0, 0, 0.08)\"\n                />\n              </g>\n            </svg>\n          );\n        })}\n\n        {canShowOthers && (\n          <CounterTypography\n            caps\n            weight=\"1\"\n            level=\"2\" // TODO: remove only level in #2343\n            vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n            aria-hidden\n          >\n            <span>+{othersCount}</span>\n          </CounterTypography>\n        )}\n      </div>\n      {hasReactNode(children) && (\n        <Footnote vkuiClass=\"UsersStack__text\">{children}</Footnote>\n      )}\n    </div>\n  );\n};\n"],"file":"UsersStack.js"}
+{"version":3,"file":"UsersStack.js","names":["PathElement","photoSize","direction","props","radius","UsersStack","photos","visibleCount","count","Math","max","length","size","layout","children","restProps","canShowOthers","CounterTypography","Footnote","Caption","xs","s","m","directionClip","photosShown","slice","classNames","map","photo","i","hasReactNode"],"sources":["../../../../src/components/UsersStack/UsersStack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport \"./UsersStack.css\";\n\nexport interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Массив ссылок на фотографии\n   */\n  photos?: string[];\n  /**\n   * Размер аватарок\n   */\n  size?: \"xs\" | \"s\" | \"m\"; // TODO: \"s\" | \"m\" | \"l\"\n  /**\n   * Вертикальный режим рекомендуется использовать с размером `m`\n   */\n  layout?: \"vertical\" | \"horizontal\";\n  /**\n   * Количество аватарок, которые будут показаны.\n   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов\n   */\n  visibleCount?: number;\n  /**\n   * Число, которое будет указано в счетчике.\n   * По умолчанию высчитывается по формуле `photos.length - visibleCount`.\n   * Если число больше 99, то счетчик скроется.\n   */\n  count?: number;\n}\n\ninterface PathElementProps extends React.SVGAttributes<SVGElement> {\n  photoSize: number;\n  direction: \"circle\" | \"right\" | \"left\";\n}\n\nfunction PathElement({ photoSize, direction, ...props }: PathElementProps) {\n  switch (direction) {\n    case \"circle\":\n      const radius = photoSize / 2;\n\n      return <circle cx={radius} cy={radius} r={radius} {...props} />;\n\n    case \"right\":\n      switch (photoSize) {\n        case 24:\n          return (\n            <path\n              d=\"M22,18.625A12 12 0 0 1 12 24A12 12 0 0 1 12 0A12 12 0 0 1 22 5.375A12 12 0 0 0 22,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M30,23.75A16 16 0 0 1 16 32A16 16 0 0 1 16 0A16 16 0 0 1 30 8.25A16 16 0 0 0 30,23.75\"\n              {...props}\n            />\n          );\n      }\n\n    default:\n      switch (photoSize) {\n        case 16:\n          return (\n            <path\n              d=\"M2,13.285A8 8 0 0 0 8 16A8 8 0 0 0 8 0A8 8 0 0 0 2 2.715A8 8 0 0 1 2,13.285\"\n              {...props}\n            />\n          );\n        case 24:\n          return (\n            <path\n              d=\"M2,18.625A12 12 0 0 0 12 24A12 12 0 0 0 12 0A12 12 0 0 0 2 5.375A12 12 0 0 1 2,18.625\"\n              {...props}\n            />\n          );\n\n        default:\n          return (\n            <path\n              d=\"M2,23.75A16 16 0 0 0 16 32A16 16 0 0 0 16 0A16 16 0 0 0 2 8.25A16 16 0 0 1 2,23.75\"\n              {...props}\n            />\n          );\n      }\n  }\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/UsersStack\n */\nexport const UsersStack = ({\n  photos = [],\n  visibleCount = 3,\n  count = Math.max(0, photos.length - visibleCount),\n  size = \"s\",\n  layout = \"horizontal\",\n  children,\n  ...restProps\n}: UsersStackProps) => {\n  const canShowOthers = count > 0 && size !== \"xs\";\n  const CounterTypography = size === \"m\" ? Footnote : Caption;\n\n  const photoSize = {\n    xs: 16,\n    s: 24,\n    m: 32,\n  }[size];\n  const directionClip = canShowOthers ? \"right\" : \"left\";\n\n  const photosShown = photos.slice(0, visibleCount);\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"UsersStack\",\n        `UsersStack--size-${size}`,\n        `UsersStack--l-${layout}`,\n        canShowOthers && \"UsersStack--others\"\n      )}\n    >\n      <div vkuiClass=\"UsersStack__photos\" role=\"presentation\">\n        {photosShown.map((photo, i) => {\n          const direction =\n            i === 0 && !canShowOthers ? \"circle\" : directionClip;\n\n          return (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              vkuiClass=\"UsersStack__photo\"\n              key={i}\n              aria-hidden\n            >\n              <g vkuiClass={`UsersStack__mask--${photoSize}-${direction}`}>\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  vkuiClass=\"UsersStack__fill\"\n                />\n                <image href={photo} width={photoSize} height={photoSize} />\n                <PathElement\n                  direction={direction}\n                  photoSize={photoSize}\n                  fill=\"none\"\n                  stroke=\"rgba(0, 0, 0, 0.08)\"\n                />\n              </g>\n            </svg>\n          );\n        })}\n\n        {canShowOthers && (\n          <CounterTypography\n            caps\n            weight=\"1\"\n            level=\"2\" // TODO: remove only level in #2343\n            vkuiClass=\"UsersStack__photo UsersStack__photo--others\"\n            aria-hidden\n          >\n            <span>+{count}</span>\n          </CounterTypography>\n        )}\n      </div>\n      {hasReactNode(children) && (\n        <Footnote vkuiClass=\"UsersStack__text\">{children}</Footnote>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,67 @@
+import * as React from "react";
+import { NavIdProps } from "../../lib/getNavId";
+import "./View.css";
+declare enum SwipeBackResults {
+    fail = 1,
+    success = 2
+}
+interface Scrolls {
+    [index: string]: number | undefined;
+}
+interface ViewsScrolls {
+    [index: string]: Scrolls;
+}
+export declare let scrollsCache: ViewsScrolls;
+export interface ViewProps extends React.HTMLAttributes<HTMLElement>, NavIdProps {
+    activePanel: string;
+    /**
+     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
+     *
+     * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.
+     */
+    popout?: React.ReactNode;
+    /**
+     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
+     *
+     * Свойство для отрисовки `ModalRoot`.
+     */
+    modal?: React.ReactNode;
+    onTransition?(params: {
+        isBack: boolean;
+        from: string;
+        to: string;
+    }): void;
+    /**
+     * callback свайпа назад
+     */
+    onSwipeBack?(): void;
+    /**
+     * callback начала анимации свайпа назад.
+     */
+    onSwipeBackStart?(): void;
+    /**
+     * callback завершения анимации отмененного пользователем свайпа
+     */
+    onSwipeBackCancel?(): void;
+    history?: string[];
+}
+export interface ViewState {
+    animated: boolean;
+    visiblePanels: string[];
+    activePanel: string | null;
+    isBack: boolean | undefined;
+    prevPanel: string | null;
+    nextPanel: string | null;
+    swipingBack: boolean;
+    swipeBackStartX: number;
+    swipeBackShift: number;
+    swipeBackNextPanel: string | null;
+    swipeBackPrevPanel: string | null;
+    swipeBackResult: SwipeBackResults | null;
+    browserSwipe: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/View
+ */
+export declare const View: ({ popout, modal, activePanel: activePanelProp, history, nav, onTransition, onSwipeBack, onSwipeBackStart, onSwipeBackCancel: onSwipeBackCancelProp, children, ...restProps }: ViewProps) => JSX.Element;
+export {};

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

@@ -280,6 +280,8 @@ var View = function View(_ref) {
 
       if (e.startX <= 70 && !swipingBack && history && history.length > 1) {
         if (activePanel !== null) {
+          // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.
+          (0, _dom.blurActiveElement)(document);
           scrolls.current[activePanel] = scroll === null || scroll === void 0 ? void 0 : scroll.getScroll().y;
         }
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/View/View.tsx"],"names":["SwipeBackResults","scrollsCache","warn","View","popout","modal","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","restProps","process","env","NODE_ENV","scrolls","React","useRef","id","afterTransition","noop","useEffect","current","panelNodes","window","document","scroll","configProvider","splitCol","platform","useState","animated","setAnimated","visiblePanels","setVisiblePanels","setActivePanel","undefined","isBack","setIsBack","prevPanel","setPrevPanel","nextPanel","setNextPanel","swipingBack","setSwipingBack","swipeBackStartX","setSwipeBackStartX","swipeBackShift","setSwipeBackShift","swipeBackNextPanel","setSwipeBackNextPanel","swipeBackPrevPanel","setSwipeBackPrevPanel","swipeBackResult","setSwipeBackResult","browserSwipe","setBrowserSwipe","prevActivePanel","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","transitionEndHandler","e","animationName","Boolean","waitTransitionFinish","animationFinishTimeout","IOS","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","fail","success","onMoveX","isWebView","startX","innerWidth","length","getScroll","y","slice","shiftX","onEnd","speed","duration","calcPanelSwipeStyles","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","firstLayerId","map","find","animationEvent","supported","set","isTransitionTarget","compensateScroll","el","marginTop"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { animationEvent } from \"../../lib/supportEvents\";\nimport { IOS } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { useConfigProvider } from \"../ConfigProvider/ConfigProviderContext\";\nimport { useSplitCol } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { canUseDOM, useDOM, blurActiveElement } from \"../../lib/dom\";\nimport { useScroll } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { swipeBackExcluded } from \"./utils\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport \"./View.css\";\n\nenum SwipeBackResults {\n  fail = 1,\n  success,\n}\n\ninterface Scrolls {\n  [index: string]: number | undefined;\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps\n  extends React.HTMLAttributes<HTMLElement>,\n    NavIdProps {\n  activePanel: string;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n  /**\n   * callback свайпа назад\n   */\n  onSwipeBack?(): void;\n  /**\n   * callback начала анимации свайпа назад.\n   */\n  onSwipeBackStart?(): void;\n  /**\n   * callback завершения анимации отмененного пользователем свайпа\n   */\n  onSwipeBackCancel?(): void;\n  history?: string[];\n}\n\nexport interface ViewState {\n  animated: boolean;\n\n  visiblePanels: string[];\n  activePanel: string | null;\n  isBack: boolean | undefined;\n  prevPanel: string | null;\n  nextPanel: string | null;\n\n  swipingBack: boolean;\n  swipeBackStartX: number;\n  swipeBackShift: number;\n  swipeBackNextPanel: string | null;\n  swipeBackPrevPanel: string | null;\n  swipeBackResult: SwipeBackResults | null;\n\n  browserSwipe: boolean;\n}\n\nconst warn = warnOnce(\"View\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/View\n */\nexport const View = ({\n  popout,\n  modal,\n  activePanel: activePanelProp,\n  history,\n  nav,\n  onTransition,\n  onSwipeBack,\n  onSwipeBackStart,\n  onSwipeBackCancel: onSwipeBackCancelProp,\n  children,\n\n  ...restProps\n}: ViewProps) => {\n  if (process.env.NODE_ENV === \"development\") {\n    popout &&\n      warn(\n        \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n    modal &&\n      warn(\n        \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n  }\n\n  const scrolls = React.useRef(\n    scrollsCache[getNavId({ nav, id: restProps.id }) as string] || {}\n  );\n  const afterTransition = React.useRef(noop);\n\n  React.useEffect(() => () => {\n    const id = getNavId({ nav, id: restProps.id });\n    if (id) {\n      scrollsCache[id] = scrolls.current;\n    }\n  });\n\n  const panelNodes = React.useRef<{ [id: string]: HTMLDivElement | null }>({});\n\n  const { window, document } = useDOM();\n  const scroll = useScroll();\n  const configProvider = useConfigProvider();\n  const splitCol = useSplitCol();\n  const platform = usePlatform();\n\n  const [animated, setAnimated] = React.useState(false);\n\n  const [visiblePanels, setVisiblePanels] = React.useState([activePanelProp]);\n  const [activePanel, setActivePanel] = React.useState<string | null>(\n    activePanelProp\n  );\n  const [isBack, setIsBack] = React.useState<boolean | undefined>(undefined);\n  const [prevPanel, setPrevPanel] = React.useState<string | null>(null);\n  const [nextPanel, setNextPanel] = React.useState<string | null>(null);\n\n  const [swipingBack, setSwipingBack] = React.useState<boolean>(false);\n  const [swipeBackStartX, setSwipeBackStartX] = React.useState<number>(0);\n  const [swipeBackShift, setSwipeBackShift] = React.useState<number>(0);\n  const [swipeBackNextPanel, setSwipeBackNextPanel] = React.useState<\n    string | null\n  >(null);\n  const [swipeBackPrevPanel, setSwipeBackPrevPanel] = React.useState<\n    string | null\n  >(null);\n  const [swipeBackResult, setSwipeBackResult] =\n    React.useState<SwipeBackResults | null>(null);\n\n  const [browserSwipe, setBrowserSwipe] = React.useState(false);\n\n  const prevActivePanel = usePrevious(activePanelProp);\n  const prevSwipingBack = usePrevious(swipingBack);\n  const prevBrowserSwipe = usePrevious(browserSwipe);\n  const prevSwipeBackResult = usePrevious(swipeBackResult);\n  const prevSwipeBackPrevPanel = usePrevious(swipeBackPrevPanel);\n  const prevOnTransition = usePrevious(onTransition);\n\n  const panels = (\n    React.Children.toArray(children) as React.ReactElement[]\n  ).filter((panel: React.ReactElement) => {\n    const panelId = getNavId(panel.props, warn);\n\n    return (\n      (panelId !== undefined && visiblePanels.includes(panelId)) ||\n      panelId === swipeBackPrevPanel ||\n      panelId === swipeBackNextPanel\n    );\n  });\n\n  const disableAnimation =\n    configProvider?.transitionMotionEnabled === false || !splitCol?.animate;\n\n  const pickPanel = (id: string | null) => {\n    if (id === null) {\n      return null;\n    }\n    return panelNodes.current[id];\n  };\n\n  const flushTransition = React.useCallback(\n    (prevPanel: string, isBackTransition: boolean) => {\n      if (isBackTransition) {\n        scrolls.current[prevPanel] = 0;\n      }\n      setPrevPanel(null);\n      setNextPanel(null);\n      setVisiblePanels([activePanelProp]);\n      setActivePanel(activePanelProp);\n      setAnimated(false);\n      setIsBack(undefined);\n\n      afterTransition.current = () => {\n        scroll?.scrollTo(\n          0,\n          isBackTransition ? scrolls.current[activePanelProp] : 0\n        );\n        onTransition &&\n          onTransition({\n            isBack: isBackTransition,\n            from: prevPanel,\n            to: activePanelProp,\n          });\n      };\n    },\n    [activePanelProp, onTransition, scroll]\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    afterTransition.current();\n    afterTransition.current = noop;\n  }, [afterTransition.current]);\n\n  const transitionEndHandler = React.useCallback(\n    (e?: React.AnimationEvent): void => {\n      if (\n        (!e ||\n          [\n            \"vkui-animation-ios-next-forward\",\n            \"vkui-animation-ios-prev-back\",\n            \"vkui-animation-view-next-forward\",\n            \"vkui-animation-view-prev-back\",\n          ].includes(e.animationName)) &&\n        prevPanel !== null\n      ) {\n        flushTransition(prevPanel, Boolean(isBack));\n      }\n    },\n    [flushTransition, isBack, prevPanel]\n  );\n\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n  const animationFinishTimeout = useTimeout(\n    transitionEndHandler,\n    platform === IOS ? 600 : 300\n  );\n\n  const onSwipeBackSuccess = React.useCallback(() => {\n    onSwipeBack && onSwipeBack();\n  }, [onSwipeBack]);\n\n  const onSwipeBackCancel = React.useCallback(() => {\n    onSwipeBackCancelProp && onSwipeBackCancelProp();\n    setSwipeBackPrevPanel(null);\n    setSwipeBackNextPanel(null);\n    setSwipingBack(false);\n    setSwipeBackResult(null);\n    setSwipeBackStartX(0);\n    setSwipeBackShift(0);\n  }, [onSwipeBackCancelProp]);\n\n  const swipingBackTransitionEndHandler = React.useCallback(\n    (e?: TransitionEvent): void => {\n      // indexOf because of vendor prefixes in old browsers\n      if (\n        !e ||\n        (e?.propertyName.includes(\"transform\") &&\n          e?.target === pickPanel(swipeBackNextPanel))\n      ) {\n        switch (swipeBackResult) {\n          case SwipeBackResults.fail:\n            onSwipeBackCancel();\n            break;\n          case SwipeBackResults.success:\n            onSwipeBackSuccess();\n        }\n      }\n    },\n    [onSwipeBackCancel, onSwipeBackSuccess, swipeBackNextPanel, swipeBackResult]\n  );\n\n  const onMoveX = (e: TouchEvent): void => {\n    if (swipeBackExcluded(e)) {\n      return;\n    }\n\n    if (\n      platform === IOS &&\n      !configProvider?.isWebView &&\n      (e.startX <= 70 || e.startX >= window!.innerWidth - 70) &&\n      !browserSwipe\n    ) {\n      setBrowserSwipe(true);\n    }\n\n    if (platform === IOS && configProvider?.isWebView && onSwipeBack) {\n      if ((animated && e.startX <= 70) || !window) {\n        return;\n      }\n\n      if (e.startX <= 70 && !swipingBack && history && history.length > 1) {\n        if (activePanel !== null) {\n          scrolls.current[activePanel] = scroll?.getScroll().y;\n        }\n\n        setSwipingBack(true);\n        setSwipeBackStartX(e.startX);\n        setSwipeBackPrevPanel(activePanel);\n        setSwipeBackNextPanel(history.slice(-2)[0]);\n      }\n      if (swipingBack) {\n        let swipeBackShift = 0;\n        if (e.shiftX < 0) {\n          swipeBackShift = 0;\n        } else if (e.shiftX > window.innerWidth - swipeBackStartX) {\n          swipeBackShift = window?.innerWidth;\n        } else {\n          swipeBackShift = e.shiftX;\n        }\n        setSwipeBackShift(swipeBackShift);\n      }\n    }\n  };\n\n  const onEnd = React.useCallback(\n    (e: TouchEvent): void => {\n      if (swipingBack && window) {\n        const speed = (swipeBackShift / e.duration) * 1000;\n        if (swipeBackShift === 0) {\n          onSwipeBackCancel();\n        } else if (swipeBackShift >= (window?.innerWidth ?? 0)) {\n          onSwipeBackSuccess();\n        } else if (\n          speed > 250 ||\n          swipeBackStartX + swipeBackShift > window.innerWidth / 2\n        ) {\n          setSwipeBackResult(SwipeBackResults.success);\n        } else {\n          setSwipeBackResult(SwipeBackResults.fail);\n        }\n      }\n    },\n    [\n      onSwipeBackCancel,\n      onSwipeBackSuccess,\n      swipeBackShift,\n      swipeBackStartX,\n      swipingBack,\n      window,\n    ]\n  );\n\n  const calcPanelSwipeStyles = (\n    panelId: string | undefined\n  ): React.CSSProperties => {\n    if (!canUseDOM || !window) {\n      return {};\n    }\n\n    const isPrev = panelId === swipeBackPrevPanel;\n    const isNext = panelId === swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (swipeBackShift * 100) / window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (window.innerWidth - swipeBackShift)) / window.innerWidth;\n\n    if (swipeBackResult) {\n      return isPrev\n        ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` }\n        : {};\n    }\n\n    if (isNext) {\n      return {\n        transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n      };\n    }\n    if (isPrev) {\n      return {\n        transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n      };\n    }\n\n    return {};\n  };\n\n  React.useEffect(() => {\n    popout && blurActiveElement(document);\n  }, [document, popout]);\n\n  React.useEffect(() => {\n    // Нужен переход\n    if (\n      prevActivePanel &&\n      prevActivePanel !== activePanelProp &&\n      !prevSwipingBack &&\n      !prevBrowserSwipe\n    ) {\n      const firstLayerId = (\n        React.Children.toArray(children) as React.ReactElement[]\n      )\n        .map((panel) => getNavId(panel.props, warn))\n        .find((id) => id === prevActivePanel || id === activePanelProp);\n\n      const isBackTransition = firstLayerId === activePanelProp;\n      scrolls.current[prevActivePanel] = scroll?.getScroll().y;\n\n      if (disableAnimation) {\n        flushTransition(prevActivePanel, isBackTransition);\n      } else {\n        blurActiveElement(document);\n\n        setVisiblePanels([prevActivePanel, activePanelProp]);\n        setPrevPanel(prevActivePanel);\n        setNextPanel(activePanelProp);\n        setActivePanel(null);\n        setAnimated(true);\n        setIsBack(isBackTransition);\n\n        // Фолбек анимации перехода\n        if (!animationEvent.supported) {\n          animationFinishTimeout.set();\n        }\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (\n      prevActivePanel &&\n      prevActivePanel !== activePanelProp &&\n      prevSwipingBack\n    ) {\n      const nextPanel = activePanelProp;\n      const prevPanel = prevActivePanel;\n      if (prevSwipeBackPrevPanel) {\n        scrolls.current[prevSwipeBackPrevPanel] = 0;\n      }\n\n      setSwipeBackPrevPanel(null);\n      setSwipeBackNextPanel(null);\n      setSwipingBack(false);\n      setSwipeBackResult(null);\n      setSwipeBackStartX(0);\n      setSwipeBackShift(0);\n      setActivePanel(nextPanel);\n      setVisiblePanels([nextPanel]);\n\n      afterTransition.current = () => {\n        if (nextPanel !== null) {\n          scroll?.scrollTo(0, scrolls.current[nextPanel]);\n        }\n        prevOnTransition &&\n          prevOnTransition({\n            isBack: true,\n            from: prevPanel,\n            to: nextPanel,\n          });\n      };\n    }\n\n    // Начался свайп назад\n    if (!prevSwipingBack && swipingBack) {\n      onSwipeBackStart && onSwipeBackStart();\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevSwipeBackResult && swipeBackResult) {\n      waitTransitionFinish(\n        pickPanel(swipeBackNextPanel),\n        swipingBackTransitionEndHandler,\n        platform === IOS ? 600 : 300\n      );\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (\n      prevSwipeBackResult === SwipeBackResults.fail &&\n      !swipeBackResult &&\n      activePanel !== null\n    ) {\n      scroll?.scrollTo(0, scrolls.current[activePanel]);\n    }\n\n    // Закончился Safari свайп\n    if (prevActivePanel !== activePanelProp && browserSwipe) {\n      setBrowserSwipe(false);\n      setNextPanel(null);\n      setPrevPanel(null);\n      setAnimated(false);\n      setVisiblePanels([activePanelProp]);\n      setActivePanel(activePanelProp);\n    }\n  }, [\n    activePanelProp,\n    activePanel,\n    animationFinishTimeout,\n    browserSwipe,\n    children,\n    disableAnimation,\n    document,\n    flushTransition,\n    onSwipeBackStart,\n    panels,\n    platform,\n    prevActivePanel,\n    prevBrowserSwipe,\n    prevOnTransition,\n    prevSwipeBackPrevPanel,\n    prevSwipeBackResult,\n    prevSwipingBack,\n    scroll,\n    swipeBackNextPanel,\n    swipeBackResult,\n    swipingBack,\n    swipingBackTransitionEndHandler,\n    waitTransitionFinish,\n  ]);\n\n  return (\n    <Touch\n      Component=\"section\"\n      {...restProps}\n      vkuiClass={classNames(\n        \"View\",\n        platform === IOS && \"View--ios\",\n        !disableAnimation && animated && \"View--animated\",\n        !disableAnimation && swipingBack && \"View--swiping-back\",\n        disableAnimation && \"View--no-motion\"\n      )}\n      onMoveX={onMoveX}\n      onEnd={onEnd}\n    >\n      <div vkuiClass=\"View__panels\">\n        {panels.map((panel: React.ReactElement) => {\n          const panelId = getNavId(panel.props, warn);\n          const isPrev =\n            panelId === prevPanel || panelId === swipeBackPrevPanel;\n          const isTransitionTarget =\n            animated && panelId === (isBack ? prevPanel : nextPanel);\n          const compensateScroll =\n            isPrev ||\n            panelId === swipeBackNextPanel ||\n            (panelId === nextPanel && isBack);\n\n          return (\n            <div\n              vkuiClass={classNames(\n                \"View__panel\",\n                panelId === activePanel && \"View__panel--active\",\n                panelId === prevPanel && \"View__panel--prev\",\n                panelId === nextPanel && \"View__panel--next\",\n                panelId === swipeBackPrevPanel &&\n                  \"View__panel--swipe-back-prev\",\n                panelId === swipeBackNextPanel &&\n                  \"View__panel--swipe-back-next\",\n                swipeBackResult === SwipeBackResults.success &&\n                  \"View__panel--swipe-back-success\",\n                swipeBackResult === SwipeBackResults.fail &&\n                  \"View__panel--swipe-back-failed\"\n              )}\n              onAnimationEnd={\n                isTransitionTarget ? transitionEndHandler : undefined\n              }\n              ref={(el) =>\n                panelId !== undefined && (panelNodes.current[panelId] = el)\n              }\n              style={calcPanelSwipeStyles(panelId)}\n              key={panelId}\n            >\n              <div\n                vkuiClass=\"View__panel-in\"\n                style={{\n                  marginTop: compensateScroll\n                    ? -(scrolls.current[panelId as string] ?? 0)\n                    : undefined,\n                }}\n              >\n                <NavTransitionProvider\n                  entering={\n                    panelId === nextPanel || panelId === swipeBackNextPanel\n                  }\n                >\n                  {panel}\n                </NavTransitionProvider>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n      <AppRootPortal>\n        {!!popout && <div vkuiClass=\"View__popout\">{popout}</div>}\n        {!!modal && <div vkuiClass=\"View__modal\">{modal}</div>}\n      </AppRootPortal>\n    </Touch>\n  );\n};\n"],"file":"View.js"}
+{"version":3,"file":"View.js","names":["SwipeBackResults","scrollsCache","warn","warnOnce","View","popout","modal","activePanelProp","activePanel","history","nav","onTransition","onSwipeBack","onSwipeBackStart","onSwipeBackCancelProp","onSwipeBackCancel","children","restProps","process","env","NODE_ENV","scrolls","React","useRef","getNavId","id","afterTransition","noop","useEffect","current","panelNodes","useDOM","window","document","scroll","useScroll","configProvider","useConfigProvider","splitCol","useSplitCol","platform","usePlatform","useState","animated","setAnimated","visiblePanels","setVisiblePanels","setActivePanel","undefined","isBack","setIsBack","prevPanel","setPrevPanel","nextPanel","setNextPanel","swipingBack","setSwipingBack","swipeBackStartX","setSwipeBackStartX","swipeBackShift","setSwipeBackShift","swipeBackNextPanel","setSwipeBackNextPanel","swipeBackPrevPanel","setSwipeBackPrevPanel","swipeBackResult","setSwipeBackResult","browserSwipe","setBrowserSwipe","prevActivePanel","usePrevious","prevSwipingBack","prevBrowserSwipe","prevSwipeBackResult","prevSwipeBackPrevPanel","prevOnTransition","panels","Children","toArray","filter","panel","panelId","props","includes","disableAnimation","transitionMotionEnabled","animate","pickPanel","flushTransition","useCallback","isBackTransition","scrollTo","from","to","useIsomorphicLayoutEffect","transitionEndHandler","e","animationName","Boolean","useWaitTransitionFinish","waitTransitionFinish","animationFinishTimeout","useTimeout","IOS","onSwipeBackSuccess","swipingBackTransitionEndHandler","propertyName","target","fail","success","onMoveX","swipeBackExcluded","isWebView","startX","innerWidth","length","blurActiveElement","getScroll","y","slice","shiftX","onEnd","speed","duration","calcPanelSwipeStyles","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","firstLayerId","map","find","animationEvent","supported","set","classNames","isTransitionTarget","compensateScroll","el","marginTop"],"sources":["../../../../src/components/View/View.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { animationEvent } from \"../../lib/supportEvents\";\nimport { IOS } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { useConfigProvider } from \"../ConfigProvider/ConfigProviderContext\";\nimport { useSplitCol } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { canUseDOM, useDOM, blurActiveElement } from \"../../lib/dom\";\nimport { useScroll } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { swipeBackExcluded } from \"./utils\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { noop } from \"../../lib/utils\";\nimport \"./View.css\";\n\nenum SwipeBackResults {\n  fail = 1,\n  success,\n}\n\ninterface Scrolls {\n  [index: string]: number | undefined;\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\nexport let scrollsCache: ViewsScrolls = {};\n\nexport interface ViewProps\n  extends React.HTMLAttributes<HTMLElement>,\n    NavIdProps {\n  activePanel: string;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n  /**\n   * callback свайпа назад\n   */\n  onSwipeBack?(): void;\n  /**\n   * callback начала анимации свайпа назад.\n   */\n  onSwipeBackStart?(): void;\n  /**\n   * callback завершения анимации отмененного пользователем свайпа\n   */\n  onSwipeBackCancel?(): void;\n  history?: string[];\n}\n\nexport interface ViewState {\n  animated: boolean;\n\n  visiblePanels: string[];\n  activePanel: string | null;\n  isBack: boolean | undefined;\n  prevPanel: string | null;\n  nextPanel: string | null;\n\n  swipingBack: boolean;\n  swipeBackStartX: number;\n  swipeBackShift: number;\n  swipeBackNextPanel: string | null;\n  swipeBackPrevPanel: string | null;\n  swipeBackResult: SwipeBackResults | null;\n\n  browserSwipe: boolean;\n}\n\nconst warn = warnOnce(\"View\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/View\n */\nexport const View = ({\n  popout,\n  modal,\n  activePanel: activePanelProp,\n  history,\n  nav,\n  onTransition,\n  onSwipeBack,\n  onSwipeBackStart,\n  onSwipeBackCancel: onSwipeBackCancelProp,\n  children,\n\n  ...restProps\n}: ViewProps) => {\n  if (process.env.NODE_ENV === \"development\") {\n    popout &&\n      warn(\n        \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n    modal &&\n      warn(\n        \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n      );\n  }\n\n  const scrolls = React.useRef(\n    scrollsCache[getNavId({ nav, id: restProps.id }) as string] || {}\n  );\n  const afterTransition = React.useRef(noop);\n\n  React.useEffect(() => () => {\n    const id = getNavId({ nav, id: restProps.id });\n    if (id) {\n      scrollsCache[id] = scrolls.current;\n    }\n  });\n\n  const panelNodes = React.useRef<{ [id: string]: HTMLDivElement | null }>({});\n\n  const { window, document } = useDOM();\n  const scroll = useScroll();\n  const configProvider = useConfigProvider();\n  const splitCol = useSplitCol();\n  const platform = usePlatform();\n\n  const [animated, setAnimated] = React.useState(false);\n\n  const [visiblePanels, setVisiblePanels] = React.useState([activePanelProp]);\n  const [activePanel, setActivePanel] = React.useState<string | null>(\n    activePanelProp\n  );\n  const [isBack, setIsBack] = React.useState<boolean | undefined>(undefined);\n  const [prevPanel, setPrevPanel] = React.useState<string | null>(null);\n  const [nextPanel, setNextPanel] = React.useState<string | null>(null);\n\n  const [swipingBack, setSwipingBack] = React.useState<boolean>(false);\n  const [swipeBackStartX, setSwipeBackStartX] = React.useState<number>(0);\n  const [swipeBackShift, setSwipeBackShift] = React.useState<number>(0);\n  const [swipeBackNextPanel, setSwipeBackNextPanel] = React.useState<\n    string | null\n  >(null);\n  const [swipeBackPrevPanel, setSwipeBackPrevPanel] = React.useState<\n    string | null\n  >(null);\n  const [swipeBackResult, setSwipeBackResult] =\n    React.useState<SwipeBackResults | null>(null);\n\n  const [browserSwipe, setBrowserSwipe] = React.useState(false);\n\n  const prevActivePanel = usePrevious(activePanelProp);\n  const prevSwipingBack = usePrevious(swipingBack);\n  const prevBrowserSwipe = usePrevious(browserSwipe);\n  const prevSwipeBackResult = usePrevious(swipeBackResult);\n  const prevSwipeBackPrevPanel = usePrevious(swipeBackPrevPanel);\n  const prevOnTransition = usePrevious(onTransition);\n\n  const panels = (\n    React.Children.toArray(children) as React.ReactElement[]\n  ).filter((panel: React.ReactElement) => {\n    const panelId = getNavId(panel.props, warn);\n\n    return (\n      (panelId !== undefined && visiblePanels.includes(panelId)) ||\n      panelId === swipeBackPrevPanel ||\n      panelId === swipeBackNextPanel\n    );\n  });\n\n  const disableAnimation =\n    configProvider?.transitionMotionEnabled === false || !splitCol?.animate;\n\n  const pickPanel = (id: string | null) => {\n    if (id === null) {\n      return null;\n    }\n    return panelNodes.current[id];\n  };\n\n  const flushTransition = React.useCallback(\n    (prevPanel: string, isBackTransition: boolean) => {\n      if (isBackTransition) {\n        scrolls.current[prevPanel] = 0;\n      }\n      setPrevPanel(null);\n      setNextPanel(null);\n      setVisiblePanels([activePanelProp]);\n      setActivePanel(activePanelProp);\n      setAnimated(false);\n      setIsBack(undefined);\n\n      afterTransition.current = () => {\n        scroll?.scrollTo(\n          0,\n          isBackTransition ? scrolls.current[activePanelProp] : 0\n        );\n        onTransition &&\n          onTransition({\n            isBack: isBackTransition,\n            from: prevPanel,\n            to: activePanelProp,\n          });\n      };\n    },\n    [activePanelProp, onTransition, scroll]\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    afterTransition.current();\n    afterTransition.current = noop;\n  }, [afterTransition.current]);\n\n  const transitionEndHandler = React.useCallback(\n    (e?: React.AnimationEvent): void => {\n      if (\n        (!e ||\n          [\n            \"vkui-animation-ios-next-forward\",\n            \"vkui-animation-ios-prev-back\",\n            \"vkui-animation-view-next-forward\",\n            \"vkui-animation-view-prev-back\",\n          ].includes(e.animationName)) &&\n        prevPanel !== null\n      ) {\n        flushTransition(prevPanel, Boolean(isBack));\n      }\n    },\n    [flushTransition, isBack, prevPanel]\n  );\n\n  const { waitTransitionFinish } = useWaitTransitionFinish();\n  const animationFinishTimeout = useTimeout(\n    transitionEndHandler,\n    platform === IOS ? 600 : 300\n  );\n\n  const onSwipeBackSuccess = React.useCallback(() => {\n    onSwipeBack && onSwipeBack();\n  }, [onSwipeBack]);\n\n  const onSwipeBackCancel = React.useCallback(() => {\n    onSwipeBackCancelProp && onSwipeBackCancelProp();\n    setSwipeBackPrevPanel(null);\n    setSwipeBackNextPanel(null);\n    setSwipingBack(false);\n    setSwipeBackResult(null);\n    setSwipeBackStartX(0);\n    setSwipeBackShift(0);\n  }, [onSwipeBackCancelProp]);\n\n  const swipingBackTransitionEndHandler = React.useCallback(\n    (e?: TransitionEvent): void => {\n      // indexOf because of vendor prefixes in old browsers\n      if (\n        !e ||\n        (e?.propertyName.includes(\"transform\") &&\n          e?.target === pickPanel(swipeBackNextPanel))\n      ) {\n        switch (swipeBackResult) {\n          case SwipeBackResults.fail:\n            onSwipeBackCancel();\n            break;\n          case SwipeBackResults.success:\n            onSwipeBackSuccess();\n        }\n      }\n    },\n    [onSwipeBackCancel, onSwipeBackSuccess, swipeBackNextPanel, swipeBackResult]\n  );\n\n  const onMoveX = (e: TouchEvent): void => {\n    if (swipeBackExcluded(e)) {\n      return;\n    }\n\n    if (\n      platform === IOS &&\n      !configProvider?.isWebView &&\n      (e.startX <= 70 || e.startX >= window!.innerWidth - 70) &&\n      !browserSwipe\n    ) {\n      setBrowserSwipe(true);\n    }\n\n    if (platform === IOS && configProvider?.isWebView && onSwipeBack) {\n      if ((animated && e.startX <= 70) || !window) {\n        return;\n      }\n\n      if (e.startX <= 70 && !swipingBack && history && history.length > 1) {\n        if (activePanel !== null) {\n          // Note: вызываем закрытие клавиатуры. В iOS это нативное поведение при свайпе.\n          blurActiveElement(document);\n          scrolls.current[activePanel] = scroll?.getScroll().y;\n        }\n\n        setSwipingBack(true);\n        setSwipeBackStartX(e.startX);\n        setSwipeBackPrevPanel(activePanel);\n        setSwipeBackNextPanel(history.slice(-2)[0]);\n      }\n      if (swipingBack) {\n        let swipeBackShift = 0;\n        if (e.shiftX < 0) {\n          swipeBackShift = 0;\n        } else if (e.shiftX > window.innerWidth - swipeBackStartX) {\n          swipeBackShift = window?.innerWidth;\n        } else {\n          swipeBackShift = e.shiftX;\n        }\n        setSwipeBackShift(swipeBackShift);\n      }\n    }\n  };\n\n  const onEnd = React.useCallback(\n    (e: TouchEvent): void => {\n      if (swipingBack && window) {\n        const speed = (swipeBackShift / e.duration) * 1000;\n        if (swipeBackShift === 0) {\n          onSwipeBackCancel();\n        } else if (swipeBackShift >= (window?.innerWidth ?? 0)) {\n          onSwipeBackSuccess();\n        } else if (\n          speed > 250 ||\n          swipeBackStartX + swipeBackShift > window.innerWidth / 2\n        ) {\n          setSwipeBackResult(SwipeBackResults.success);\n        } else {\n          setSwipeBackResult(SwipeBackResults.fail);\n        }\n      }\n    },\n    [\n      onSwipeBackCancel,\n      onSwipeBackSuccess,\n      swipeBackShift,\n      swipeBackStartX,\n      swipingBack,\n      window,\n    ]\n  );\n\n  const calcPanelSwipeStyles = (\n    panelId: string | undefined\n  ): React.CSSProperties => {\n    if (!canUseDOM || !window) {\n      return {};\n    }\n\n    const isPrev = panelId === swipeBackPrevPanel;\n    const isNext = panelId === swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (swipeBackShift * 100) / window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (window.innerWidth - swipeBackShift)) / window.innerWidth;\n\n    if (swipeBackResult) {\n      return isPrev\n        ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` }\n        : {};\n    }\n\n    if (isNext) {\n      return {\n        transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n      };\n    }\n    if (isPrev) {\n      return {\n        transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n      };\n    }\n\n    return {};\n  };\n\n  React.useEffect(() => {\n    popout && blurActiveElement(document);\n  }, [document, popout]);\n\n  React.useEffect(() => {\n    // Нужен переход\n    if (\n      prevActivePanel &&\n      prevActivePanel !== activePanelProp &&\n      !prevSwipingBack &&\n      !prevBrowserSwipe\n    ) {\n      const firstLayerId = (\n        React.Children.toArray(children) as React.ReactElement[]\n      )\n        .map((panel) => getNavId(panel.props, warn))\n        .find((id) => id === prevActivePanel || id === activePanelProp);\n\n      const isBackTransition = firstLayerId === activePanelProp;\n      scrolls.current[prevActivePanel] = scroll?.getScroll().y;\n\n      if (disableAnimation) {\n        flushTransition(prevActivePanel, isBackTransition);\n      } else {\n        blurActiveElement(document);\n\n        setVisiblePanels([prevActivePanel, activePanelProp]);\n        setPrevPanel(prevActivePanel);\n        setNextPanel(activePanelProp);\n        setActivePanel(null);\n        setAnimated(true);\n        setIsBack(isBackTransition);\n\n        // Фолбек анимации перехода\n        if (!animationEvent.supported) {\n          animationFinishTimeout.set();\n        }\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (\n      prevActivePanel &&\n      prevActivePanel !== activePanelProp &&\n      prevSwipingBack\n    ) {\n      const nextPanel = activePanelProp;\n      const prevPanel = prevActivePanel;\n      if (prevSwipeBackPrevPanel) {\n        scrolls.current[prevSwipeBackPrevPanel] = 0;\n      }\n\n      setSwipeBackPrevPanel(null);\n      setSwipeBackNextPanel(null);\n      setSwipingBack(false);\n      setSwipeBackResult(null);\n      setSwipeBackStartX(0);\n      setSwipeBackShift(0);\n      setActivePanel(nextPanel);\n      setVisiblePanels([nextPanel]);\n\n      afterTransition.current = () => {\n        if (nextPanel !== null) {\n          scroll?.scrollTo(0, scrolls.current[nextPanel]);\n        }\n        prevOnTransition &&\n          prevOnTransition({\n            isBack: true,\n            from: prevPanel,\n            to: nextPanel,\n          });\n      };\n    }\n\n    // Начался свайп назад\n    if (!prevSwipingBack && swipingBack) {\n      onSwipeBackStart && onSwipeBackStart();\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevSwipeBackResult && swipeBackResult) {\n      waitTransitionFinish(\n        pickPanel(swipeBackNextPanel),\n        swipingBackTransitionEndHandler,\n        platform === IOS ? 600 : 300\n      );\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (\n      prevSwipeBackResult === SwipeBackResults.fail &&\n      !swipeBackResult &&\n      activePanel !== null\n    ) {\n      scroll?.scrollTo(0, scrolls.current[activePanel]);\n    }\n\n    // Закончился Safari свайп\n    if (prevActivePanel !== activePanelProp && browserSwipe) {\n      setBrowserSwipe(false);\n      setNextPanel(null);\n      setPrevPanel(null);\n      setAnimated(false);\n      setVisiblePanels([activePanelProp]);\n      setActivePanel(activePanelProp);\n    }\n  }, [\n    activePanelProp,\n    activePanel,\n    animationFinishTimeout,\n    browserSwipe,\n    children,\n    disableAnimation,\n    document,\n    flushTransition,\n    onSwipeBackStart,\n    panels,\n    platform,\n    prevActivePanel,\n    prevBrowserSwipe,\n    prevOnTransition,\n    prevSwipeBackPrevPanel,\n    prevSwipeBackResult,\n    prevSwipingBack,\n    scroll,\n    swipeBackNextPanel,\n    swipeBackResult,\n    swipingBack,\n    swipingBackTransitionEndHandler,\n    waitTransitionFinish,\n  ]);\n\n  return (\n    <Touch\n      Component=\"section\"\n      {...restProps}\n      vkuiClass={classNames(\n        \"View\",\n        platform === IOS && \"View--ios\",\n        !disableAnimation && animated && \"View--animated\",\n        !disableAnimation && swipingBack && \"View--swiping-back\",\n        disableAnimation && \"View--no-motion\"\n      )}\n      onMoveX={onMoveX}\n      onEnd={onEnd}\n    >\n      <div vkuiClass=\"View__panels\">\n        {panels.map((panel: React.ReactElement) => {\n          const panelId = getNavId(panel.props, warn);\n          const isPrev =\n            panelId === prevPanel || panelId === swipeBackPrevPanel;\n          const isTransitionTarget =\n            animated && panelId === (isBack ? prevPanel : nextPanel);\n          const compensateScroll =\n            isPrev ||\n            panelId === swipeBackNextPanel ||\n            (panelId === nextPanel && isBack);\n\n          return (\n            <div\n              vkuiClass={classNames(\n                \"View__panel\",\n                panelId === activePanel && \"View__panel--active\",\n                panelId === prevPanel && \"View__panel--prev\",\n                panelId === nextPanel && \"View__panel--next\",\n                panelId === swipeBackPrevPanel &&\n                  \"View__panel--swipe-back-prev\",\n                panelId === swipeBackNextPanel &&\n                  \"View__panel--swipe-back-next\",\n                swipeBackResult === SwipeBackResults.success &&\n                  \"View__panel--swipe-back-success\",\n                swipeBackResult === SwipeBackResults.fail &&\n                  \"View__panel--swipe-back-failed\"\n              )}\n              onAnimationEnd={\n                isTransitionTarget ? transitionEndHandler : undefined\n              }\n              ref={(el) =>\n                panelId !== undefined && (panelNodes.current[panelId] = el)\n              }\n              style={calcPanelSwipeStyles(panelId)}\n              key={panelId}\n            >\n              <div\n                vkuiClass=\"View__panel-in\"\n                style={{\n                  marginTop: compensateScroll\n                    ? -(scrolls.current[panelId as string] ?? 0)\n                    : undefined,\n                }}\n              >\n                <NavTransitionProvider\n                  entering={\n                    panelId === nextPanel || panelId === swipeBackNextPanel\n                  }\n                >\n                  {panel}\n                </NavTransitionProvider>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n      <AppRootPortal>\n        {!!popout && <div vkuiClass=\"View__popout\">{popout}</div>}\n        {!!modal && <div vkuiClass=\"View__modal\">{modal}</div>}\n      </AppRootPortal>\n    </Touch>\n  );\n};\n"],"mappings":"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"}