@vkontakte/vkui 4.36.1 → 4.37.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Panel/Panel.tsx"],"names":["Panel","centered","children","getRootRef","sizeX","nav","restProps","platform","IOS","VKCOM","TooltipContainer","displayName"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAgBA;AACA;AACA;AACO,IAAMA,KAAK,GAAG,oCACnB,gBAA0E;AAAA,2BAAvEC,QAAuE;AAAA,MAAvEA,QAAuE,8BAA5D,KAA4D;AAAA,MAArDC,QAAqD,QAArDA,QAAqD;AAAA,MAA3CC,UAA2C,QAA3CA,UAA2C;AAAA,MAA/BC,KAA+B,QAA/BA,KAA+B;AAAA,MAAxBC,GAAwB,QAAxBA,GAAwB;AAAA,MAAhBC,SAAgB;AACxE,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,uEACMD,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAE,4BACT,OADS,EAETI,QAAQ,KAAKC,aAAb,IAAoB,YAFX,EAGTD,QAAQ,KAAKE,eAAb,IAAsB,cAHb,EAIT;AAJS,2BAKOL,KALP,GAMTH,QAAQ,IAAI,iBANH;AAHb,MAYE,qCAAC,YAAD;AAAO,IAAA,SAAS,EAAES,kCAAlB;AAAoC,IAAA,SAAS,EAAC;AAA9C,KACGH,QAAQ,KAAKC,aAAb,IAAoB;AAAK,IAAA,SAAS,EAAC;AAAf,IADvB,EAEE;AAAK,IAAA,SAAS,EAAC;AAAf,IAFF,EAGGP,QAAQ,GACP;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCC,QAAlC,CADO,GAGPA,QANJ,EAQE;AAAK,IAAA,SAAS,EAAC;AAAf,IARF,CAZF,CADF;AAyBD,CA7BkB,EA8BnB;AACEE,EAAAA,KAAK,EAAE;AADT,CA9BmB,CAAd;;AAmCPJ,KAAK,CAACW,WAAN,GAAoB,OAApB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch } from \"../Touch/Touch\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { HasRootRef } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { NavIdProps } from \"../../lib/getNavId\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./Panel.css\";\n\nexport interface PanelProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps,\n    NavIdProps {\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel = withAdaptivity<PanelProps & AdaptivityContextInterface>(\n  ({ centered = false, children, getRootRef, sizeX, nav, ...restProps }) => {\n    const platform = usePlatform();\n\n    return (\n      <div\n        {...restProps}\n        ref={getRootRef}\n        vkuiClass={classNames(\n          \"Panel\",\n          platform === IOS && \"Panel--ios\",\n          platform === VKCOM && \"Panel--vkcom\",\n          // TODO v5.0.0 поправить под новую адаптивность\n          `Panel--sizeX-${sizeX}`,\n          centered && \"Panel--centered\"\n        )}\n      >\n        <Touch Component={TooltipContainer} vkuiClass=\"Panel__in\">\n          {platform === IOS && <div vkuiClass=\"Panel__fade\" />}\n          <div vkuiClass=\"Panel__in-before\" />\n          {centered ? (\n            <div vkuiClass=\"Panel__centered\">{children}</div>\n          ) : (\n            children\n          )}\n          <div vkuiClass=\"Panel__in-after\" />\n        </Touch>\n      </div>\n    );\n  },\n  {\n    sizeX: true,\n  }\n);\n\nPanel.displayName = \"Panel\";\n"],"file":"Panel.js"}
+{"version":3,"file":"Panel.js","names":["Panel","withAdaptivity","centered","children","getRootRef","sizeX","nav","restProps","platform","usePlatform","classNames","IOS","VKCOM","TooltipContainer","displayName"],"sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch } from \"../Touch/Touch\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { HasRootRef } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { NavIdProps } from \"../../lib/getNavId\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./Panel.css\";\n\nexport interface PanelProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps,\n    NavIdProps {\n  centered?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Panel\n */\nexport const Panel = withAdaptivity<PanelProps & AdaptivityContextInterface>(\n  ({ centered = false, children, getRootRef, sizeX, nav, ...restProps }) => {\n    const platform = usePlatform();\n\n    return (\n      <div\n        {...restProps}\n        ref={getRootRef}\n        vkuiClass={classNames(\n          \"Panel\",\n          platform === IOS && \"Panel--ios\",\n          platform === VKCOM && \"Panel--vkcom\",\n          // TODO v5.0.0 поправить под новую адаптивность\n          `Panel--sizeX-${sizeX}`,\n          centered && \"Panel--centered\"\n        )}\n      >\n        <Touch Component={TooltipContainer} vkuiClass=\"Panel__in\">\n          {platform === IOS && <div vkuiClass=\"Panel__fade\" />}\n          <div vkuiClass=\"Panel__in-before\" />\n          {centered ? (\n            <div vkuiClass=\"Panel__centered\">{children}</div>\n          ) : (\n            children\n          )}\n          <div vkuiClass=\"Panel__in-after\" />\n        </Touch>\n      </div>\n    );\n  },\n  {\n    sizeX: true,\n  }\n);\n\nPanel.displayName = \"Panel\";\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAgBA;AACA;AACA;AACO,IAAMA,KAAK,GAAG,IAAAC,8BAAA,EACnB,gBAA0E;EAAA,yBAAvEC,QAAuE;EAAA,IAAvEA,QAAuE,8BAA5D,KAA4D;EAAA,IAArDC,QAAqD,QAArDA,QAAqD;EAAA,IAA3CC,UAA2C,QAA3CA,UAA2C;EAAA,IAA/BC,KAA+B,QAA/BA,KAA+B;EAAA,IAAxBC,GAAwB,QAAxBA,GAAwB;EAAA,IAAhBC,SAAgB;EACxE,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,uEACMF,SADN;IAEE,GAAG,EAAEH,UAFP;IAGE,SAAS,EAAE,IAAAM,sBAAA,EACT,OADS,EAETF,QAAQ,KAAKG,aAAb,IAAoB,YAFX,EAGTH,QAAQ,KAAKI,eAAb,IAAsB,cAHb,EAIT;IAJS,uBAKOP,KALP,GAMTH,QAAQ,IAAI,iBANH;EAHb,IAYE,qCAAC,YAAD;IAAO,SAAS,EAAEW,kCAAlB;IAAoC,SAAS,EAAC;EAA9C,GACGL,QAAQ,KAAKG,aAAb,IAAoB;IAAK,SAAS,EAAC;EAAf,EADvB,EAEE;IAAK,SAAS,EAAC;EAAf,EAFF,EAGGT,QAAQ,GACP;IAAK,SAAS,EAAC;EAAf,GAAkCC,QAAlC,CADO,GAGPA,QANJ,EAQE;IAAK,SAAS,EAAC;EAAf,EARF,CAZF,CADF;AAyBD,CA7BkB,EA8BnB;EACEE,KAAK,EAAE;AADT,CA9BmB,CAAd;;AAmCPL,KAAK,CAACc,WAAN,GAAoB,OAApB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"names":["PanelHeaderIn","before","after","separator","children","React","useContext","ConfigProviderContext","webviewType","ModalRootContext","isInsideModal","platform","VKCOM","WebviewType","INTERNAL","warn","PanelHeaderComponent","propsBefore","left","propsAfter","right","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","SizeType","REGULAR","isFixed","undefined","Platform","process","env","NODE_ENV","innerProps","VKAPPS","PanelHeader","displayName"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { Separator } from \"../Separator/Separator\";\nimport { Platform, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport {\n  ConfigProviderContext,\n  WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport {\n  AdaptivityProps,\n  SizeType,\n  withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { ModalRootContext } from \"../ModalRoot/ModalRootContext\";\nimport { Spacing } from \"../Spacing/Spacing\";\nimport \"./PanelHeader.css\";\n\nexport interface PanelHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps {\n  before?: React.ReactNode;\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте `before`\n   */\n  left?: React.ReactNode;\n  after?: React.ReactNode;\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте `after`\n   */\n  right?: React.ReactNode;\n  separator?: boolean;\n  transparent?: boolean;\n  shadow?: boolean;\n  /**\n   * Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n   */\n  visor?: boolean;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean;\n}\n\nconst PanelHeaderIn = ({\n  before,\n  after,\n  separator,\n  children,\n}: PanelHeaderProps) => {\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  return (\n    <React.Fragment>\n      <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n        <div vkuiClass=\"PanelHeader__before\">{before}</div>\n        <div vkuiClass=\"PanelHeader__content\">\n          {platform === VKCOM ? (\n            <Text weight=\"2\">{children}</Text>\n          ) : (\n            <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n          )}\n        </div>\n        <div vkuiClass=\"PanelHeader__after\">\n          {(webviewType === WebviewType.INTERNAL || isInsideModal) && after}\n        </div>\n      </TooltipContainer>\n      {separator && platform === VKCOM && <Separator wide />}\n    </React.Fragment>\n  );\n};\n\nconst warn = warnOnce(\"PanelHeader\");\nconst PanelHeaderComponent = ({\n  // TODO: поправить перед 5.0.0\n  before: propsBefore,\n  left,\n  after: propsAfter,\n  right,\n  // /end TODO\n  children,\n  separator = true,\n  visor = true,\n  transparent = false,\n  shadow,\n  getRef,\n  getRootRef,\n  sizeX,\n  sizeY,\n  fixed,\n  ...restProps\n}: PanelHeaderProps) => {\n  const platform = usePlatform();\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const needShadow = shadow && sizeX === SizeType.REGULAR;\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n  // TODO: удалить перед 5.0.0\n  const before = propsBefore ?? left;\n  const after = propsAfter ?? right;\n\n  if (process.env.NODE_ENV === \"development\") {\n    right &&\n      warn(\n        \"Свойство right устарелo и будет удалено в 5.0.0. Используйте after.\"\n      );\n    left &&\n      warn(\n        \"Свойство left устарелo и будет удалено в 5.0.0. Используйте before.\"\n      );\n  }\n  // /end TODO\n\n  const innerProps = { before, after, separator, children };\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"PanelHeader\", platform),\n        transparent && \"PanelHeader--trnsp\",\n        needShadow && \"PanelHeader--shadow\",\n        visor && \"PanelHeader--vis\",\n        separator && visor && \"PanelHeader--sep\",\n        webviewType === WebviewType.VKAPPS &&\n          !isInsideModal &&\n          \"PanelHeader--vkapps\",\n        !before && \"PanelHeader--no-before\",\n        !after && \"PanelHeader--no-after\",\n        isFixed && \"PanelHeader--fixed\",\n        // TODO v5.0.0 поправить под новую адаптивность\n        `PanelHeader--sizeX-${sizeX}`\n      )}\n      ref={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          vkuiClass=\"PanelHeader__fixed\"\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn {...innerProps} />\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn {...innerProps} />\n      )}\n      {separator &&\n        visor &&\n        platform !== VKCOM &&\n        (sizeX === SizeType.REGULAR ? <Spacing size={16} /> : <Separator />)}\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeader\n */\nexport const PanelHeader = withAdaptivity(PanelHeaderComponent, {\n  sizeX: true,\n  sizeY: true,\n});\n\nPanelHeader.displayName = \"PanelHeader\";\n"],"file":"PanelHeader.js"}
+{"version":3,"file":"PanelHeader.js","names":["PanelHeaderIn","before","after","separator","children","React","useContext","ConfigProviderContext","webviewType","ModalRootContext","isInsideModal","platform","usePlatform","VKCOM","WebviewType","INTERNAL","warn","warnOnce","PanelHeaderComponent","propsBefore","left","propsAfter","right","visor","transparent","shadow","getRef","getRootRef","sizeX","sizeY","fixed","restProps","needShadow","SizeType","REGULAR","isFixed","undefined","Platform","process","env","NODE_ENV","innerProps","classNames","getClassName","VKAPPS","PanelHeader","withAdaptivity","displayName"],"sources":["../../../../src/components/PanelHeader/PanelHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { Separator } from \"../Separator/Separator\";\nimport { Platform, VKCOM } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport {\n  ConfigProviderContext,\n  WebviewType,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport {\n  AdaptivityProps,\n  SizeType,\n  withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { ModalRootContext } from \"../ModalRoot/ModalRootContext\";\nimport { Spacing } from \"../Spacing/Spacing\";\nimport \"./PanelHeader.css\";\n\nexport interface PanelHeaderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    AdaptivityProps {\n  before?: React.ReactNode;\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте `before`\n   */\n  left?: React.ReactNode;\n  after?: React.ReactNode;\n  /**\n   * @deprecated Будет удалено в 5.0.0. Используйте `after`\n   */\n  right?: React.ReactNode;\n  separator?: boolean;\n  transparent?: boolean;\n  shadow?: boolean;\n  /**\n   * Если `false`, то шапка будет нулевой высоты и контент панели \"залезет\" под неё\n   */\n  visor?: boolean;\n  /**\n   * Если `false`, то шапка будет в потоке. По умолчанию `true`, но если платформа vkcom, то по умолчанию `false`.\n   */\n  fixed?: boolean;\n}\n\nconst PanelHeaderIn = ({\n  before,\n  after,\n  separator,\n  children,\n}: PanelHeaderProps) => {\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const platform = usePlatform();\n\n  return (\n    <React.Fragment>\n      <TooltipContainer fixed vkuiClass=\"PanelHeader__in\">\n        <div vkuiClass=\"PanelHeader__before\">{before}</div>\n        <div vkuiClass=\"PanelHeader__content\">\n          {platform === VKCOM ? (\n            <Text weight=\"2\">{children}</Text>\n          ) : (\n            <span vkuiClass=\"PanelHeader__content-in\">{children}</span>\n          )}\n        </div>\n        <div vkuiClass=\"PanelHeader__after\">\n          {(webviewType === WebviewType.INTERNAL || isInsideModal) && after}\n        </div>\n      </TooltipContainer>\n      {separator && platform === VKCOM && <Separator wide />}\n    </React.Fragment>\n  );\n};\n\nconst warn = warnOnce(\"PanelHeader\");\nconst PanelHeaderComponent = ({\n  // TODO: поправить перед 5.0.0\n  before: propsBefore,\n  left,\n  after: propsAfter,\n  right,\n  // /end TODO\n  children,\n  separator = true,\n  visor = true,\n  transparent = false,\n  shadow,\n  getRef,\n  getRootRef,\n  sizeX,\n  sizeY,\n  fixed,\n  ...restProps\n}: PanelHeaderProps) => {\n  const platform = usePlatform();\n  const { webviewType } = React.useContext(ConfigProviderContext);\n  const { isInsideModal } = React.useContext(ModalRootContext);\n  const needShadow = shadow && sizeX === SizeType.REGULAR;\n  let isFixed = fixed !== undefined ? fixed : platform !== Platform.VKCOM;\n\n  // TODO: удалить перед 5.0.0\n  const before = propsBefore ?? left;\n  const after = propsAfter ?? right;\n\n  if (process.env.NODE_ENV === \"development\") {\n    right &&\n      warn(\n        \"Свойство right устарелo и будет удалено в 5.0.0. Используйте after.\"\n      );\n    left &&\n      warn(\n        \"Свойство left устарелo и будет удалено в 5.0.0. Используйте before.\"\n      );\n  }\n  // /end TODO\n\n  const innerProps = { before, after, separator, children };\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName(\"PanelHeader\", platform),\n        transparent && \"PanelHeader--trnsp\",\n        needShadow && \"PanelHeader--shadow\",\n        visor && \"PanelHeader--vis\",\n        separator && visor && \"PanelHeader--sep\",\n        webviewType === WebviewType.VKAPPS &&\n          !isInsideModal &&\n          \"PanelHeader--vkapps\",\n        !before && \"PanelHeader--no-before\",\n        !after && \"PanelHeader--no-after\",\n        isFixed && \"PanelHeader--fixed\",\n        // TODO v5.0.0 поправить под новую адаптивность\n        `PanelHeader--sizeX-${sizeX}`\n      )}\n      ref={isFixed ? getRootRef : getRef}\n    >\n      {isFixed ? (\n        <FixedLayout\n          vkuiClass=\"PanelHeader__fixed\"\n          vertical=\"top\"\n          getRootRef={getRef}\n        >\n          <PanelHeaderIn {...innerProps} />\n        </FixedLayout>\n      ) : (\n        <PanelHeaderIn {...innerProps} />\n      )}\n      {separator &&\n        visor &&\n        platform !== VKCOM &&\n        (sizeX === SizeType.REGULAR ? <Spacing size={16} /> : <Separator />)}\n    </div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeader\n */\nexport const PanelHeader = withAdaptivity(PanelHeaderComponent, {\n  sizeX: true,\n  sizeY: true,\n});\n\nPanelHeader.displayName = \"PanelHeader\";\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"names":["PanelHeaderBackComponent","label","sizeX","ariaLabel","restProps","platform","showLabel","VKCOM","IOS","SizeType","REGULAR","ANDROID","PanelHeaderBack","React","memo","displayName"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAKA;;AAIA;;AACA;;AACA;;AAKA;;;;AAQA;AACA;AACA;AACO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,OAKQ;AAAA,MAJ9CC,KAI8C,QAJ9CA,KAI8C;AAAA,MAH9CC,KAG8C,QAH9CA,KAG8C;AAAA,4BAF9C,YAE8C;AAAA,MAFhCC,SAEgC,+BAFpB,OAEoB;AAAA,MAD3CC,SAC2C;AAC9C,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GACbD,QAAQ,KAAKE,eAAb,IAAuBF,QAAQ,KAAKG,aAAb,IAAoBN,KAAK,KAAKO,yBAASC,OADhE;AAGA,SACE,qCAAC,oCAAD,6BACMN,SADN;AAEE,kBAAYD,SAFd;AAGE,IAAA,SAAS,EAAE,4BACT,iBADS,EAETE,QAAQ,KAAKG,aAAb,IAAoB,sBAFX,EAGTH,QAAQ,KAAKE,eAAb,IAAsB,wBAHb,EAITD,SAAS,IAAI,CAAC,CAACL,KAAf,IAAwB,4BAJf,CAHb;AASE,IAAA,KAAK,EAAEK,SAAS,IAAIL;AATtB,MAWGI,QAAQ,KAAKM,iBAAb,IAAwB,qCAAC,6BAAD,OAX3B,EAYGN,QAAQ,KAAKE,eAAb,IAAsB,qCAAC,+BAAD,OAZzB,EAaGF,QAAQ,KAAKG,aAAb,IAAoB,qCAAC,wBAAD,OAbvB,CADF;AAiBD,CA3BM;;;AA6BA,IAAMI,eAAe,gBAAGC,KAAK,CAACC,IAAN,CAC7B,oCAAed,wBAAf,EAAyC;AACvCE,EAAAA,KAAK,EAAE;AADgC,CAAzC,CAD6B,CAAxB;;AAMPU,eAAe,CAACG,WAAhB,GAA8B,iBAA9B","sourcesContent":["import * as React from \"react\";\nimport {\n  Icon28ChevronBack,\n  Icon28ChevronLeftOutline,\n  Icon28ArrowLeftOutline,\n} from \"@vkontakte/icons\";\nimport {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { ANDROID, VKCOM, IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  SizeType,\n  AdaptivityProps,\n} from \"../../hoc/withAdaptivity\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./PanelHeaderBack.css\";\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps &\n  AdaptivityProps & {\n    \"aria-label\"?: string;\n  };\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderBack\n */\nexport const PanelHeaderBackComponent = ({\n  label,\n  sizeX,\n  \"aria-label\": ariaLabel = \"Назад\",\n  ...restProps\n}: PanelHeaderButtonProps & AdaptivityProps) => {\n  const platform = usePlatform();\n  const showLabel =\n    platform === VKCOM || (platform === IOS && sizeX === SizeType.REGULAR);\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      aria-label={ariaLabel}\n      vkuiClass={classNames(\n        \"PanelHeaderBack\",\n        platform === IOS && \"PanelHeaderBack--ios\",\n        platform === VKCOM && \"PanelHeaderBack--vkcom\",\n        showLabel && !!label && \"PanelHeaderBack--has-label\"\n      )}\n      label={showLabel && label}\n    >\n      {platform === ANDROID && <Icon28ArrowLeftOutline />}\n      {platform === VKCOM && <Icon28ChevronLeftOutline />}\n      {platform === IOS && <Icon28ChevronBack />}\n    </PanelHeaderButton>\n  );\n};\n\nexport const PanelHeaderBack = React.memo(\n  withAdaptivity(PanelHeaderBackComponent, {\n    sizeX: true,\n  })\n);\n\nPanelHeaderBack.displayName = \"PanelHeaderBack\";\n"],"file":"PanelHeaderBack.js"}
+{"version":3,"file":"PanelHeaderBack.js","names":["PanelHeaderBackComponent","label","sizeX","ariaLabel","restProps","platform","usePlatform","showLabel","VKCOM","IOS","SizeType","REGULAR","classNames","ANDROID","PanelHeaderBack","React","memo","withAdaptivity","displayName"],"sources":["../../../../src/components/PanelHeaderBack/PanelHeaderBack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Icon28ChevronBack,\n  Icon28ChevronLeftOutline,\n  Icon28ArrowLeftOutline,\n} from \"@vkontakte/icons\";\nimport {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { ANDROID, VKCOM, IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  withAdaptivity,\n  SizeType,\n  AdaptivityProps,\n} from \"../../hoc/withAdaptivity\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./PanelHeaderBack.css\";\n\nexport type PanelHeaderBackProps = PanelHeaderButtonProps &\n  AdaptivityProps & {\n    \"aria-label\"?: string;\n  };\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderBack\n */\nexport const PanelHeaderBackComponent = ({\n  label,\n  sizeX,\n  \"aria-label\": ariaLabel = \"Назад\",\n  ...restProps\n}: PanelHeaderButtonProps & AdaptivityProps) => {\n  const platform = usePlatform();\n  const showLabel =\n    platform === VKCOM || (platform === IOS && sizeX === SizeType.REGULAR);\n\n  return (\n    <PanelHeaderButton\n      {...restProps}\n      aria-label={ariaLabel}\n      vkuiClass={classNames(\n        \"PanelHeaderBack\",\n        platform === IOS && \"PanelHeaderBack--ios\",\n        platform === VKCOM && \"PanelHeaderBack--vkcom\",\n        showLabel && !!label && \"PanelHeaderBack--has-label\"\n      )}\n      label={showLabel && label}\n    >\n      {platform === ANDROID && <Icon28ArrowLeftOutline />}\n      {platform === VKCOM && <Icon28ChevronLeftOutline />}\n      {platform === IOS && <Icon28ChevronBack />}\n    </PanelHeaderButton>\n  );\n};\n\nexport const PanelHeaderBack = React.memo(\n  withAdaptivity(PanelHeaderBackComponent, {\n    sizeX: true,\n  })\n);\n\nPanelHeaderBack.displayName = \"PanelHeaderBack\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAKA;;AAIA;;AACA;;AACA;;AAKA;;;;AAQA;AACA;AACA;AACO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,OAKQ;EAAA,IAJ9CC,KAI8C,QAJ9CA,KAI8C;EAAA,IAH9CC,KAG8C,QAH9CA,KAG8C;EAAA,0BAF9C,YAE8C;EAAA,IAFhCC,SAEgC,+BAFpB,OAEoB;EAAA,IAD3CC,SAC2C;EAC9C,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,IAAMC,SAAS,GACbF,QAAQ,KAAKG,eAAb,IAAuBH,QAAQ,KAAKI,aAAb,IAAoBP,KAAK,KAAKQ,wBAAA,CAASC,OADhE;EAGA,OACE,qCAAC,oCAAD,6BACMP,SADN;IAEE,cAAYD,SAFd;IAGE,SAAS,EAAE,IAAAS,sBAAA,EACT,iBADS,EAETP,QAAQ,KAAKI,aAAb,IAAoB,sBAFX,EAGTJ,QAAQ,KAAKG,eAAb,IAAsB,wBAHb,EAITD,SAAS,IAAI,CAAC,CAACN,KAAf,IAAwB,4BAJf,CAHb;IASE,KAAK,EAAEM,SAAS,IAAIN;EATtB,IAWGI,QAAQ,KAAKQ,iBAAb,IAAwB,qCAAC,6BAAD,OAX3B,EAYGR,QAAQ,KAAKG,eAAb,IAAsB,qCAAC,+BAAD,OAZzB,EAaGH,QAAQ,KAAKI,aAAb,IAAoB,qCAAC,wBAAD,OAbvB,CADF;AAiBD,CA3BM;;;AA6BA,IAAMK,eAAe,gBAAGC,KAAK,CAACC,IAAN,CAC7B,IAAAC,8BAAA,EAAejB,wBAAf,EAAyC;EACvCE,KAAK,EAAE;AADgC,CAAzC,CAD6B,CAAxB;;AAMPY,eAAe,CAACI,WAAhB,GAA8B,iBAA9B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"names":["ButtonTypography","primary","children","platform","IOS","VKCOM","undefined","warn","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveLabel","hoverMode","activeMode","ANDROID","process","env","NODE_ENV","hasAccessibleName","Boolean","href"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAYA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAkD;AAAA,MAA/CC,OAA+C,QAA/CA,OAA+C;AAAA,MAAtCC,QAAsC,QAAtCA,QAAsC;AACzE,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAIA,QAAQ,KAAKC,aAAjB,EAAsB;AACpB,WACE,qCAAC,YAAD;AAAO,MAAA,SAAS,EAAC,MAAjB;AAAwB,MAAA,KAAK,EAAC,GAA9B;AAAkC,MAAA,MAAM,EAAEH,OAAO,GAAG,GAAH,GAAS;AAA1D,OACGC,QADH,CADF;AAKD;;AAED,SAAO,qCAAC,UAAD;AAAM,IAAA,MAAM,EAAEC,QAAQ,KAAKE,eAAb,GAAqBC,SAArB,GAAiC;AAA/C,KAAqDJ,QAArD,CAAP;AACD,CAZD;;AAcA,IAAMK,IAAI,GAAG,wBAAS,mBAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,QAKH;AAAA,MAJ5BN,QAI4B,SAJ5BA,QAI4B;AAAA,4BAH5BD,OAG4B;AAAA,MAH5BA,OAG4B,8BAHlB,KAGkB;AAAA,MAF5BQ,KAE4B,SAF5BA,KAE4B;AAAA,MADzBC,SACyB;AAC5B,MAAMC,WAAW,GAAG,iCAAqBT,QAArB,CAApB;AACA,MAAMU,gBAAgB,GAAG,iCAAqBH,KAArB,CAAzB;AACA,MAAMN,QAAQ,GAAG,+BAAjB;AAEA,MAAIU,SAAJ;AACA,MAAIC,UAAJ;;AAEA,UAAQX,QAAR;AACE,SAAKY,iBAAL;AACEF,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,YAAb;AACA;;AACF,SAAKV,aAAL;AACES,MAAAA,SAAS,GAAG,YAAZ;AACAC,MAAAA,UAAU,GAAG,SAAb;AACA;;AACF,SAAKT,eAAL;AACEQ,MAAAA,SAAS,GAAG,0BAAZ;AACAC,MAAAA,UAAU,GAAG,2BAAb;AAXJ;;AAcA,MAAIE,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AAC1C,QAAMC,iBAAiB,GAAGC,OAAO,CAC/B,iCAAqBlB,QAArB,KACE,iCAAqBO,KAArB,CADF,IAEEC,SAAS,CAAC,YAAD,CAFX,IAGEA,SAAS,CAAC,iBAAD,CAJoB,CAAjC;;AAOA,QAAI,CAACS,iBAAL,EAAwB;AACtBZ,MAAAA,IAAI,CACF,oMADE,EAEF,OAFE,CAAJ;AAID;AACF;;AAED,SACE,qCAAC,kBAAD,6BACMG,SADN;AAEE,IAAA,SAAS,EAAEG,SAFb;AAGE,IAAA,SAAS,EAAEH,SAAS,CAACW,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;AAIE,IAAA,iBAAiB,EAAE,GAJrB;AAKE,IAAA,UAAU,EAAEP,UALd;AAME,IAAA,SAAS,EAAE,4BACT,gCAAa,mBAAb,EAAkCX,QAAlC,CADS,EAETF,OAAO,IAAI,4BAFF,EAGTU,WAAW,IAAI,8BAHN,EAIT,CAACA,WAAD,IAAgB,CAACC,gBAAjB,IAAqC,iCAJ5B;AANb,MAaGD,WAAW,GACV,qCAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEV;AAA3B,KAAqCC,QAArC,CADU,GAGVA,QAhBJ,EAkBGU,gBAAgB,GACf,qCAAC,gBAAD;AAAkB,IAAA,OAAO,EAAEX;AAA3B,KAAqCQ,KAArC,CADe,GAGfA,KArBJ,CADF;AA0BD,CArEM","sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getTitleFromChildren, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./PanelHeaderButton.css\";\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, \"label\"> {\n  primary?: boolean;\n  label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n  primary?: PanelHeaderButtonProps[\"primary\"];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === IOS) {\n    return (\n      <Title Component=\"span\" level=\"3\" weight={primary ? \"1\" : \"3\"}>\n        {children}\n      </Title>\n    );\n  }\n\n  return <Text weight={platform === VKCOM ? undefined : \"2\"}>{children}</Text>;\n};\n\nconst warn = warnOnce(\"PanelHeaderButton\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  let hoverMode;\n  let activeMode;\n\n  switch (platform) {\n    case ANDROID:\n      hoverMode = \"background\";\n      activeMode = \"background\";\n      break;\n    case IOS:\n      hoverMode = \"background\";\n      activeMode = \"opacity\";\n      break;\n    case VKCOM:\n      hoverMode = \"PanelHeaderButton--hover\";\n      activeMode = \"PanelHeaderButton--active\";\n  }\n\n  if (process.env.NODE_ENV === \"development\") {\n    const hasAccessibleName = Boolean(\n      getTitleFromChildren(children) ||\n        getTitleFromChildren(label) ||\n        restProps[\"aria-label\"] ||\n        restProps[\"aria-labelledby\"]\n    );\n\n    if (!hasAccessibleName) {\n      warn(\n        \"a11y: У кнопки нет названия, которое может прочитать скринридер, и она недоступна для части пользователей. Замените содержимое на текст или добавьте описание действия с помощью пропа aria-label.\",\n        \"error\"\n      );\n    }\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      hoverMode={hoverMode}\n      Component={restProps.href ? \"a\" : \"button\"}\n      activeEffectDelay={200}\n      activeMode={activeMode}\n      vkuiClass={classNames(\n        getClassName(\"PanelHeaderButton\", platform),\n        primary && \"PanelHeaderButton--primary\",\n        isPrimitive && \"PanelHeaderButton--primitive\",\n        !isPrimitive && !isPrimitiveLabel && \"PanelHeaderButton--notPrimitive\"\n      )}\n    >\n      {isPrimitive ? (\n        <ButtonTypography primary={primary}>{children}</ButtonTypography>\n      ) : (\n        children\n      )}\n      {isPrimitiveLabel ? (\n        <ButtonTypography primary={primary}>{label}</ButtonTypography>\n      ) : (\n        label\n      )}\n    </Tappable>\n  );\n};\n"],"file":"PanelHeaderButton.js"}
+{"version":3,"file":"PanelHeaderButton.js","names":["ButtonTypography","primary","children","platform","usePlatform","IOS","VKCOM","undefined","warn","warnOnce","PanelHeaderButton","label","restProps","isPrimitive","isPrimitiveReactNode","isPrimitiveLabel","hoverMode","activeMode","ANDROID","process","env","NODE_ENV","hasAccessibleName","Boolean","getTitleFromChildren","href","classNames","getClassName"],"sources":["../../../../src/components/PanelHeaderButton/PanelHeaderButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getTitleFromChildren, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport \"./PanelHeaderButton.css\";\n\nexport interface PanelHeaderButtonProps extends Omit<TappableProps, \"label\"> {\n  primary?: boolean;\n  label?: React.ReactNode;\n}\n\ninterface ButtonTypographyProps extends React.AllHTMLAttributes<HTMLElement> {\n  primary?: PanelHeaderButtonProps[\"primary\"];\n}\n\nconst ButtonTypography = ({ primary, children }: ButtonTypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === IOS) {\n    return (\n      <Title Component=\"span\" level=\"3\" weight={primary ? \"1\" : \"3\"}>\n        {children}\n      </Title>\n    );\n  }\n\n  return <Text weight={platform === VKCOM ? undefined : \"2\"}>{children}</Text>;\n};\n\nconst warn = warnOnce(\"PanelHeaderButton\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderButton\n */\nexport const PanelHeaderButton = ({\n  children,\n  primary = false,\n  label,\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const isPrimitive = isPrimitiveReactNode(children);\n  const isPrimitiveLabel = isPrimitiveReactNode(label);\n  const platform = usePlatform();\n\n  let hoverMode;\n  let activeMode;\n\n  switch (platform) {\n    case ANDROID:\n      hoverMode = \"background\";\n      activeMode = \"background\";\n      break;\n    case IOS:\n      hoverMode = \"background\";\n      activeMode = \"opacity\";\n      break;\n    case VKCOM:\n      hoverMode = \"PanelHeaderButton--hover\";\n      activeMode = \"PanelHeaderButton--active\";\n  }\n\n  if (process.env.NODE_ENV === \"development\") {\n    const hasAccessibleName = Boolean(\n      getTitleFromChildren(children) ||\n        getTitleFromChildren(label) ||\n        restProps[\"aria-label\"] ||\n        restProps[\"aria-labelledby\"]\n    );\n\n    if (!hasAccessibleName) {\n      warn(\n        \"a11y: У кнопки нет названия, которое может прочитать скринридер, и она недоступна для части пользователей. Замените содержимое на текст или добавьте описание действия с помощью пропа aria-label.\",\n        \"error\"\n      );\n    }\n  }\n\n  return (\n    <Tappable\n      {...restProps}\n      hoverMode={hoverMode}\n      Component={restProps.href ? \"a\" : \"button\"}\n      activeEffectDelay={200}\n      activeMode={activeMode}\n      vkuiClass={classNames(\n        getClassName(\"PanelHeaderButton\", platform),\n        primary && \"PanelHeaderButton--primary\",\n        isPrimitive && \"PanelHeaderButton--primitive\",\n        !isPrimitive && !isPrimitiveLabel && \"PanelHeaderButton--notPrimitive\"\n      )}\n    >\n      {isPrimitive ? (\n        <ButtonTypography primary={primary}>{children}</ButtonTypography>\n      ) : (\n        children\n      )}\n      {isPrimitiveLabel ? (\n        <ButtonTypography primary={primary}>{label}</ButtonTypography>\n      ) : (\n        label\n      )}\n    </Tappable>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAYA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAkD;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,QAAsC,QAAtCA,QAAsC;EACzE,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EAEA,IAAID,QAAQ,KAAKE,aAAjB,EAAsB;IACpB,OACE,qCAAC,YAAD;MAAO,SAAS,EAAC,MAAjB;MAAwB,KAAK,EAAC,GAA9B;MAAkC,MAAM,EAAEJ,OAAO,GAAG,GAAH,GAAS;IAA1D,GACGC,QADH,CADF;EAKD;;EAED,OAAO,qCAAC,UAAD;IAAM,MAAM,EAAEC,QAAQ,KAAKG,eAAb,GAAqBC,SAArB,GAAiC;EAA/C,GAAqDL,QAArD,CAAP;AACD,CAZD;;AAcA,IAAMM,IAAI,GAAG,IAAAC,kBAAA,EAAS,mBAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,QAKH;EAAA,IAJ5BR,QAI4B,SAJ5BA,QAI4B;EAAA,0BAH5BD,OAG4B;EAAA,IAH5BA,OAG4B,8BAHlB,KAGkB;EAAA,IAF5BU,KAE4B,SAF5BA,KAE4B;EAAA,IADzBC,SACyB;EAC5B,IAAMC,WAAW,GAAG,IAAAC,2BAAA,EAAqBZ,QAArB,CAApB;EACA,IAAMa,gBAAgB,GAAG,IAAAD,2BAAA,EAAqBH,KAArB,CAAzB;EACA,IAAMR,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,IAAIY,SAAJ;EACA,IAAIC,UAAJ;;EAEA,QAAQd,QAAR;IACE,KAAKe,iBAAL;MACEF,SAAS,GAAG,YAAZ;MACAC,UAAU,GAAG,YAAb;MACA;;IACF,KAAKZ,aAAL;MACEW,SAAS,GAAG,YAAZ;MACAC,UAAU,GAAG,SAAb;MACA;;IACF,KAAKX,eAAL;MACEU,SAAS,GAAG,0BAAZ;MACAC,UAAU,GAAG,2BAAb;EAXJ;;EAcA,IAAIE,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IAAMC,iBAAiB,GAAGC,OAAO,CAC/B,IAAAC,2BAAA,EAAqBtB,QAArB,KACE,IAAAsB,2BAAA,EAAqBb,KAArB,CADF,IAEEC,SAAS,CAAC,YAAD,CAFX,IAGEA,SAAS,CAAC,iBAAD,CAJoB,CAAjC;;IAOA,IAAI,CAACU,iBAAL,EAAwB;MACtBd,IAAI,CACF,oMADE,EAEF,OAFE,CAAJ;IAID;EACF;;EAED,OACE,qCAAC,kBAAD,6BACMI,SADN;IAEE,SAAS,EAAEI,SAFb;IAGE,SAAS,EAAEJ,SAAS,CAACa,IAAV,GAAiB,GAAjB,GAAuB,QAHpC;IAIE,iBAAiB,EAAE,GAJrB;IAKE,UAAU,EAAER,UALd;IAME,SAAS,EAAE,IAAAS,sBAAA,EACT,IAAAC,0BAAA,EAAa,mBAAb,EAAkCxB,QAAlC,CADS,EAETF,OAAO,IAAI,4BAFF,EAGTY,WAAW,IAAI,8BAHN,EAIT,CAACA,WAAD,IAAgB,CAACE,gBAAjB,IAAqC,iCAJ5B;EANb,IAaGF,WAAW,GACV,qCAAC,gBAAD;IAAkB,OAAO,EAAEZ;EAA3B,GAAqCC,QAArC,CADU,GAGVA,QAhBJ,EAkBGa,gBAAgB,GACf,qCAAC,gBAAD;IAAkB,OAAO,EAAEd;EAA3B,GAAqCU,KAArC,CADe,GAGfA,KArBJ,CADF;AA0BD,CArEM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"names":["PanelHeaderClose","children","restProps","platform","IOS"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAGF;AAAA,2BAF5BC,QAE4B;AAAA,MAF5BA,QAE4B,8BAFjB,QAEiB;AAAA,MADzBC,SACyB;AAC5B,MAAMC,QAAQ,GAAG,+BAAjB;AACA,SACE,qCAAC,oCAAD;AACE,kBAAY,iCAAqBF,QAArB;AADd,KAEMC,SAFN,GAIGC,QAAQ,KAAKC,aAAb,GAAmBH,QAAnB,GAA8B,qCAAC,0BAAD,OAJjC,CADF;AAQD,CAbM","sourcesContent":["import { Icon28CancelOutline } from \"@vkontakte/icons\";\nimport {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { IOS } from \"../../lib/platform\";\nimport { getTitleFromChildren } from \"../../lib/utils\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose\n */\nexport const PanelHeaderClose = ({\n  children = \"Отмена\",\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  return (\n    <PanelHeaderButton\n      aria-label={getTitleFromChildren(children)}\n      {...restProps}\n    >\n      {platform === IOS ? children : <Icon28CancelOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"file":"PanelHeaderClose.js"}
+{"version":3,"file":"PanelHeaderClose.js","names":["PanelHeaderClose","children","restProps","platform","usePlatform","getTitleFromChildren","IOS"],"sources":["../../../../src/components/PanelHeaderClose/PanelHeaderClose.tsx"],"sourcesContent":["import { Icon28CancelOutline } from \"@vkontakte/icons\";\nimport {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { IOS } from \"../../lib/platform\";\nimport { getTitleFromChildren } from \"../../lib/utils\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderClose\n */\nexport const PanelHeaderClose = ({\n  children = \"Отмена\",\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n  return (\n    <PanelHeaderButton\n      aria-label={getTitleFromChildren(children)}\n      {...restProps}\n    >\n      {platform === IOS ? children : <Icon28CancelOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAIA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAGF;EAAA,yBAF5BC,QAE4B;EAAA,IAF5BA,QAE4B,8BAFjB,QAEiB;EAAA,IADzBC,SACyB;EAC5B,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EACA,OACE,qCAAC,oCAAD;IACE,cAAY,IAAAC,2BAAA,EAAqBJ,QAArB;EADd,GAEMC,SAFN,GAIGC,QAAQ,KAAKG,aAAb,GAAmBL,QAAnB,GAA8B,qCAAC,0BAAD,OAJjC,CADF;AAQD,CAbM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"names":["PanelHeaderChildren","platform","hasStatus","hasBefore","children","Platform","VKCOM","PanelHeaderContent","className","style","aside","status","before","onClick","restProps","InComponent","Tappable","rootProps","inProps","activeEffectDelay","hasActive","IOS","activeMode","ANDROID"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAiBA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAKI;AAAA,MAJ9BC,QAI8B,QAJ9BA,QAI8B;AAAA,MAH9BC,SAG8B,QAH9BA,SAG8B;AAAA,MAF9BC,SAE8B,QAF9BA,SAE8B;AAAA,MAD9BC,QAC8B,QAD9BA,QAC8B;;AAC9B,MAAIH,QAAQ,KAAKI,mBAASC,KAA1B,EAAiC;AAC/B,WACE,qCAAC,UAAD;AAAM,MAAA,SAAS,EAAC,KAAhB;AAAsB,MAAA,MAAM,EAAC;AAA7B,OACGF,QADH,CADF;AAKD;;AAED,SAAOF,SAAS,IAAIC,SAAb,GACL,qCAAC,kBAAD;AAAU,IAAA,SAAS,EAAC,KAApB;AAA0B,IAAA,MAAM,EAAC;AAAjC,KACGC,QADH,CADK,GAKL;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkDA,QAAlD,CALF;AAOD,CArBD;AAuBA;AACA;AACA;;;AACO,IAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,QASH;AAAA,MAR7BC,SAQ6B,SAR7BA,SAQ6B;AAAA,MAP7BC,KAO6B,SAP7BA,KAO6B;AAAA,MAN7BC,KAM6B,SAN7BA,KAM6B;AAAA,MAL7BC,MAK6B,SAL7BA,MAK6B;AAAA,MAJ7BC,MAI6B,SAJ7BA,MAI6B;AAAA,MAH7BR,QAG6B,SAH7BA,QAG6B;AAAA,MAF7BS,OAE6B,SAF7BA,OAE6B;AAAA,MAD1BC,SAC0B;AAC7B,MAAMC,WAAW,GAAGF,OAAO,GAAGG,kBAAH,GAAc,KAAzC;AACA,MAAMC,SAAS,GAAGJ,OAAO,GAAG,EAAH,GAAQC,SAAjC;AACA,MAAMb,QAAQ,GAAG,+BAAjB;AACA,MAAMiB,OAAO,GAAGL,OAAO,+DAEdC,SAFc;AAGjBD,IAAAA,OAAO,EAAPA,OAHiB;AAIjBM,IAAAA,iBAAiB,EAAE,GAJF;AAKjBC,IAAAA,SAAS,EAAEnB,QAAQ,KAAKoB,aALP;AAMjBC,IAAAA,UAAU,EAAE;AANK,OAQnB,EARJ;AAUA,SACE,uEACML,SADN;AAEE,IAAA,SAAS,EAAE,gCAAa,oBAAb,EAAmChB,QAAnC,CAFb;AAGE,IAAA,KAAK,EAAEQ,KAHT;AAIE,IAAA,SAAS,EAAED;AAJb,MAMG,yBAAaI,MAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CA,MAA7C,CAPJ,EASE,qCAAC,WAAD,6BACMM,OADN;AAEE,IAAA,SAAS,EAAE,4BACT,wBADS,EAET,CAACN,MAAD,IAAWX,QAAQ,KAAKsB,iBAAxB,IAAmC,kCAF1B;AAFb,MAOG,yBAAaZ,MAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAiDA,MAAjD,CARJ,EAUE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,mBAAD;AACE,IAAA,QAAQ,EAAEV,QADZ;AAEE,IAAA,SAAS,EAAE,yBAAaU,MAAb,CAFb;AAGE,IAAA,SAAS,EAAE,yBAAaC,MAAb;AAHb,KAKGR,QALH,CADF,EAQG,yBAAaM,KAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA4CA,KAA5C,CATJ,CAVF,EAsBG,yBAAaE,MAAb,KAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,IAtB3B,CATF,CADF;AAoCD,CA3DM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { IOS, ANDROID, Platform } from \"../../lib/platform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { HasPlatform } from \"../../types\";\nimport \"./PanelHeaderContent.css\";\n\nexport interface PanelHeaderContentProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  aside?: React.ReactNode;\n  before?: React.ReactNode;\n  status?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasPlatform {\n  hasStatus: boolean;\n  hasBefore: boolean;\n  children?: React.ReactNode;\n}\n\nconst PanelHeaderChildren = ({\n  platform,\n  hasStatus,\n  hasBefore,\n  children,\n}: PanelHeaderChildrenProps) => {\n  if (platform === Platform.VKCOM) {\n    return (\n      <Text Component=\"div\" weight=\"2\">\n        {children}\n      </Text>\n    );\n  }\n\n  return hasStatus || hasBefore ? (\n    <Headline Component=\"div\" weight=\"2\">\n      {children}\n    </Headline>\n  ) : (\n    <div vkuiClass=\"PanelHeaderContent__children-in\">{children}</div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\n  className,\n  style,\n  aside,\n  status,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps) => {\n  const InComponent = onClick ? Tappable : \"div\";\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick\n    ? {\n        ...restProps,\n        onClick,\n        activeEffectDelay: 200,\n        hasActive: platform === IOS,\n        activeMode: \"opacity\",\n      }\n    : {};\n\n  return (\n    <div\n      {...rootProps}\n      vkuiClass={getClassName(\"PanelHeaderContent\", platform)}\n      style={style}\n      className={className}\n    >\n      {hasReactNode(before) && (\n        <div vkuiClass=\"PanelHeaderContent__before\">{before}</div>\n      )}\n      <InComponent\n        {...inProps}\n        vkuiClass={classNames(\n          \"PanelHeaderContent__in\",\n          !before && platform !== ANDROID && \"PanelHeaderContent__in--centered\"\n        )}\n      >\n        {hasReactNode(status) && (\n          <Caption vkuiClass=\"PanelHeaderContent__status\">{status}</Caption>\n        )}\n        <div vkuiClass=\"PanelHeaderContent__children\">\n          <PanelHeaderChildren\n            platform={platform}\n            hasStatus={hasReactNode(status)}\n            hasBefore={hasReactNode(before)}\n          >\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && (\n            <div vkuiClass=\"PanelHeaderContent__aside\">{aside}</div>\n          )}\n        </div>\n        {hasReactNode(before) && <div vkuiClass=\"PanelHeaderContent__width\" />}\n      </InComponent>\n    </div>\n  );\n};\n"],"file":"PanelHeaderContent.js"}
+{"version":3,"file":"PanelHeaderContent.js","names":["PanelHeaderChildren","platform","hasStatus","hasBefore","children","Platform","VKCOM","PanelHeaderContent","className","style","aside","status","before","onClick","restProps","InComponent","Tappable","rootProps","usePlatform","inProps","activeEffectDelay","hasActive","IOS","activeMode","getClassName","hasReactNode","classNames","ANDROID"],"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { IOS, ANDROID, Platform } from \"../../lib/platform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { HasPlatform } from \"../../types\";\nimport \"./PanelHeaderContent.css\";\n\nexport interface PanelHeaderContentProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  aside?: React.ReactNode;\n  before?: React.ReactNode;\n  status?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasPlatform {\n  hasStatus: boolean;\n  hasBefore: boolean;\n  children?: React.ReactNode;\n}\n\nconst PanelHeaderChildren = ({\n  platform,\n  hasStatus,\n  hasBefore,\n  children,\n}: PanelHeaderChildrenProps) => {\n  if (platform === Platform.VKCOM) {\n    return (\n      <Text Component=\"div\" weight=\"2\">\n        {children}\n      </Text>\n    );\n  }\n\n  return hasStatus || hasBefore ? (\n    <Headline Component=\"div\" weight=\"2\">\n      {children}\n    </Headline>\n  ) : (\n    <div vkuiClass=\"PanelHeaderContent__children-in\">{children}</div>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\n  className,\n  style,\n  aside,\n  status,\n  before,\n  children,\n  onClick,\n  ...restProps\n}: PanelHeaderContentProps) => {\n  const InComponent = onClick ? Tappable : \"div\";\n  const rootProps = onClick ? {} : restProps;\n  const platform = usePlatform();\n  const inProps = onClick\n    ? {\n        ...restProps,\n        onClick,\n        activeEffectDelay: 200,\n        hasActive: platform === IOS,\n        activeMode: \"opacity\",\n      }\n    : {};\n\n  return (\n    <div\n      {...rootProps}\n      vkuiClass={getClassName(\"PanelHeaderContent\", platform)}\n      style={style}\n      className={className}\n    >\n      {hasReactNode(before) && (\n        <div vkuiClass=\"PanelHeaderContent__before\">{before}</div>\n      )}\n      <InComponent\n        {...inProps}\n        vkuiClass={classNames(\n          \"PanelHeaderContent__in\",\n          !before && platform !== ANDROID && \"PanelHeaderContent__in--centered\"\n        )}\n      >\n        {hasReactNode(status) && (\n          <Caption vkuiClass=\"PanelHeaderContent__status\">{status}</Caption>\n        )}\n        <div vkuiClass=\"PanelHeaderContent__children\">\n          <PanelHeaderChildren\n            platform={platform}\n            hasStatus={hasReactNode(status)}\n            hasBefore={hasReactNode(before)}\n          >\n            {children}\n          </PanelHeaderChildren>\n          {hasReactNode(aside) && (\n            <div vkuiClass=\"PanelHeaderContent__aside\">{aside}</div>\n          )}\n        </div>\n        {hasReactNode(before) && <div vkuiClass=\"PanelHeaderContent__width\" />}\n      </InComponent>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAiBA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAKI;EAAA,IAJ9BC,QAI8B,QAJ9BA,QAI8B;EAAA,IAH9BC,SAG8B,QAH9BA,SAG8B;EAAA,IAF9BC,SAE8B,QAF9BA,SAE8B;EAAA,IAD9BC,QAC8B,QAD9BA,QAC8B;;EAC9B,IAAIH,QAAQ,KAAKI,kBAAA,CAASC,KAA1B,EAAiC;IAC/B,OACE,qCAAC,UAAD;MAAM,SAAS,EAAC,KAAhB;MAAsB,MAAM,EAAC;IAA7B,GACGF,QADH,CADF;EAKD;;EAED,OAAOF,SAAS,IAAIC,SAAb,GACL,qCAAC,kBAAD;IAAU,SAAS,EAAC,KAApB;IAA0B,MAAM,EAAC;EAAjC,GACGC,QADH,CADK,GAKL;IAAK,SAAS,EAAC;EAAf,GAAkDA,QAAlD,CALF;AAOD,CArBD;AAuBA;AACA;AACA;;;AACO,IAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,QASH;EAAA,IAR7BC,SAQ6B,SAR7BA,SAQ6B;EAAA,IAP7BC,KAO6B,SAP7BA,KAO6B;EAAA,IAN7BC,KAM6B,SAN7BA,KAM6B;EAAA,IAL7BC,MAK6B,SAL7BA,MAK6B;EAAA,IAJ7BC,MAI6B,SAJ7BA,MAI6B;EAAA,IAH7BR,QAG6B,SAH7BA,QAG6B;EAAA,IAF7BS,OAE6B,SAF7BA,OAE6B;EAAA,IAD1BC,SAC0B;EAC7B,IAAMC,WAAW,GAAGF,OAAO,GAAGG,kBAAH,GAAc,KAAzC;EACA,IAAMC,SAAS,GAAGJ,OAAO,GAAG,EAAH,GAAQC,SAAjC;EACA,IAAMb,QAAQ,GAAG,IAAAiB,wBAAA,GAAjB;EACA,IAAMC,OAAO,GAAGN,OAAO,+DAEdC,SAFc;IAGjBD,OAAO,EAAPA,OAHiB;IAIjBO,iBAAiB,EAAE,GAJF;IAKjBC,SAAS,EAAEpB,QAAQ,KAAKqB,aALP;IAMjBC,UAAU,EAAE;EANK,KAQnB,EARJ;EAUA,OACE,uEACMN,SADN;IAEE,SAAS,EAAE,IAAAO,0BAAA,EAAa,oBAAb,EAAmCvB,QAAnC,CAFb;IAGE,KAAK,EAAEQ,KAHT;IAIE,SAAS,EAAED;EAJb,IAMG,IAAAiB,mBAAA,EAAab,MAAb,KACC;IAAK,SAAS,EAAC;EAAf,GAA6CA,MAA7C,CAPJ,EASE,qCAAC,WAAD,6BACMO,OADN;IAEE,SAAS,EAAE,IAAAO,sBAAA,EACT,wBADS,EAET,CAACd,MAAD,IAAWX,QAAQ,KAAK0B,iBAAxB,IAAmC,kCAF1B;EAFb,IAOG,IAAAF,mBAAA,EAAad,MAAb,KACC,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAAiDA,MAAjD,CARJ,EAUE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,mBAAD;IACE,QAAQ,EAAEV,QADZ;IAEE,SAAS,EAAE,IAAAwB,mBAAA,EAAad,MAAb,CAFb;IAGE,SAAS,EAAE,IAAAc,mBAAA,EAAab,MAAb;EAHb,GAKGR,QALH,CADF,EAQG,IAAAqB,mBAAA,EAAaf,KAAb,KACC;IAAK,SAAS,EAAC;EAAf,GAA4CA,KAA5C,CATJ,CAVF,EAsBG,IAAAe,mBAAA,EAAab,MAAb,KAAwB;IAAK,SAAS,EAAC;EAAf,EAtB3B,CATF,CADF;AAoCD,CA3DM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"names":["PanelHeaderContext","children","onClose","opened","restProps","document","platform","React","useState","visible","setVisible","closing","viewWidth","isDesktop","ViewWidth","SMALL_TABLET","elementRef","useRef","event","current","contains","target","onAnimationEnd","animationFallback","useEffect","set","clear","IOS","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AASA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAKH;AAAA,MAJ7BC,QAI6B,QAJ7BA,QAI6B;AAAA,MAH7BC,OAG6B,QAH7BA,OAG6B;AAAA,yBAF7BC,MAE6B;AAAA,MAF7BA,MAE6B,4BAFpB,KAEoB;AAAA,MAD1BC,SAC0B;;AAC7B,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AACA,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,wBAA8BC,KAAK,CAACC,QAAN,CAAeL,MAAf,CAA9B;AAAA;AAAA,MAAOM,OAAP;AAAA,MAAgBC,UAAhB;;AACA,MAAMC,OAAO,GAAGF,OAAO,IAAI,CAACN,MAA5B;;AACA,uBAAsB,oCAAtB;AAAA,MAAQS,SAAR,kBAAQA,SAAR;;AACA,MAAMC,SAAS,GAAGD,SAAS,IAAIE,6BAAUC,YAAzC;AACA,MAAMC,UAAU,GAAGT,KAAK,CAACU,MAAN,CAA6B,IAA7B,CAAnB;AAEA,4DAA0B,YAAM;AAC9Bd,IAAAA,MAAM,IAAIO,UAAU,CAAC,IAAD,CAApB;AACD,GAFD,EAEG,CAACP,MAAD,CAFH;AAIA,oCAAc,CAACU,SAAD,IAAcV,MAA5B,EAb6B,CAe7B;;AACA,sDACEE,QADF,EAEE,OAFF,EAGEQ,SAAS,IACPV,MADF,IAEE,CAACQ,OAFH,IAGG,UAACO,KAAD,EAAW;AACV,QACEF,UAAU,CAACG,OAAX,IACA,CAACH,UAAU,CAACG,OAAX,CAAmBC,QAAnB,CAA4BF,KAAK,CAACG,MAAlC,CAFH,EAGE;AACAnB,MAAAA,OAAO;AACR;AACF,GAbL,EAhB6B,CAgC7B;;AACA,MAAMoB,cAAc,GAAG,SAAjBA,cAAiB;AAAA,WAAMZ,UAAU,CAAC,KAAD,CAAhB;AAAA,GAAvB;;AACA,MAAMa,iBAAiB,GAAG,4BAAWD,cAAX,EAA2B,GAA3B,CAA1B;AACAf,EAAAA,KAAK,CAACiB,SAAN,CACE;AAAA,WAAOb,OAAO,GAAGY,iBAAiB,CAACE,GAAlB,EAAH,GAA6BF,iBAAiB,CAACG,KAAlB,EAA3C;AAAA,GADF,EAEE,CAACH,iBAAD,EAAoBZ,OAApB,CAFF;AAKA,SACE,qCAAC,wBAAD,6BACMP,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,oBADS,EAETE,QAAQ,KAAKqB,aAAb,IAAoB,yBAFX,EAGTxB,MAAM,IAAI,4BAHD,EAITQ,OAAO,IAAI,6BAJF,EAKTE,SAAS,IAAI,6BALJ,EAMT;AACA,KAACP,QAAQ,KAAKqB,aAAb,IAAqBrB,QAAQ,KAAKqB,aAAb,IAAoBd,SAA1C,KACE,6BARO,CAFb;AAYE,IAAA,QAAQ,EAAC;AAZX,MAcE;AACE,IAAA,SAAS,EAAC,wBADZ;AAEE,IAAA,GAAG,EAAEG,UAFP;AAGE,IAAA,cAAc,EAAEL,OAAO,GAAGW,cAAH,GAAoBM;AAH7C,KAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA8CnB,OAAO,IAAIR,QAAzD,CALF,CAdF,EAqBG,CAACY,SAAD,IAAcJ,OAAd,IACC;AAAK,IAAA,OAAO,EAAEP,OAAd;AAAuB,IAAA,SAAS,EAAC;AAAjC,IAtBJ,CADF;AA2BD,CAxEM","sourcesContent":["import * as React from \"react\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ViewWidth } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport { IOS } from \"../../lib/platform\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport \"./PanelHeaderContext.css\";\n\nexport interface PanelHeaderContextProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  opened: boolean;\n  onClose: VoidFunction;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext\n */\nexport const PanelHeaderContext = ({\n  children,\n  onClose,\n  opened = false,\n  ...restProps\n}: PanelHeaderContextProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const [visible, setVisible] = React.useState(opened);\n  const closing = visible && !opened;\n  const { viewWidth } = useAdaptivity();\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    opened && setVisible(true);\n  }, [opened]);\n\n  useScrollLock(!isDesktop && opened);\n\n  // start closing on outer click\n  useGlobalEventListener(\n    document,\n    \"click\",\n    isDesktop &&\n      opened &&\n      !closing &&\n      ((event) => {\n        if (\n          elementRef.current &&\n          !elementRef.current.contains(event.target as Node)\n        ) {\n          onClose();\n        }\n      })\n  );\n\n  // fallback onAnimationEnd when animationend not supported\n  const onAnimationEnd = () => setVisible(false);\n  const animationFallback = useTimeout(onAnimationEnd, 200);\n  React.useEffect(\n    () => (closing ? animationFallback.set() : animationFallback.clear()),\n    [animationFallback, closing]\n  );\n\n  return (\n    <FixedLayout\n      {...restProps}\n      vkuiClass={classNames(\n        \"PanelHeaderContext\",\n        platform === IOS && \"PanelHeaderContext--ios\",\n        opened && \"PanelHeaderContext--opened\",\n        closing && \"PanelHeaderContext--closing\",\n        isDesktop && \"PanelHeaderContext--desktop\",\n        // TODO v5.0.0 поправить под новую адаптивность\n        (platform !== IOS || (platform === IOS && isDesktop)) &&\n          \"PanelHeaderContext--rounded\"\n      )}\n      vertical=\"top\"\n    >\n      <div\n        vkuiClass=\"PanelHeaderContext__in\"\n        ref={elementRef}\n        onAnimationEnd={closing ? onAnimationEnd : undefined}\n      >\n        <div vkuiClass=\"PanelHeaderContext__content\">{visible && children}</div>\n      </div>\n      {!isDesktop && visible && (\n        <div onClick={onClose} vkuiClass=\"PanelHeaderContext__fade\" />\n      )}\n    </FixedLayout>\n  );\n};\n"],"file":"PanelHeaderContext.js"}
+{"version":3,"file":"PanelHeaderContext.js","names":["PanelHeaderContext","children","onClose","opened","restProps","useDOM","document","platform","usePlatform","React","useState","visible","setVisible","closing","useAdaptivity","viewWidth","isDesktop","ViewWidth","SMALL_TABLET","elementRef","useRef","useIsomorphicLayoutEffect","useScrollLock","useGlobalEventListener","event","current","contains","target","onAnimationEnd","animationFallback","useTimeout","useEffect","set","clear","classNames","IOS","undefined"],"sources":["../../../../src/components/PanelHeaderContext/PanelHeaderContext.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ViewWidth } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useDOM } from \"../../lib/dom\";\nimport { IOS } from \"../../lib/platform\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport \"./PanelHeaderContext.css\";\n\nexport interface PanelHeaderContextProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  opened: boolean;\n  onClose: VoidFunction;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContext\n */\nexport const PanelHeaderContext = ({\n  children,\n  onClose,\n  opened = false,\n  ...restProps\n}: PanelHeaderContextProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const [visible, setVisible] = React.useState(opened);\n  const closing = visible && !opened;\n  const { viewWidth } = useAdaptivity();\n  const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n  const elementRef = React.useRef<HTMLDivElement>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    opened && setVisible(true);\n  }, [opened]);\n\n  useScrollLock(!isDesktop && opened);\n\n  // start closing on outer click\n  useGlobalEventListener(\n    document,\n    \"click\",\n    isDesktop &&\n      opened &&\n      !closing &&\n      ((event) => {\n        if (\n          elementRef.current &&\n          !elementRef.current.contains(event.target as Node)\n        ) {\n          onClose();\n        }\n      })\n  );\n\n  // fallback onAnimationEnd when animationend not supported\n  const onAnimationEnd = () => setVisible(false);\n  const animationFallback = useTimeout(onAnimationEnd, 200);\n  React.useEffect(\n    () => (closing ? animationFallback.set() : animationFallback.clear()),\n    [animationFallback, closing]\n  );\n\n  return (\n    <FixedLayout\n      {...restProps}\n      vkuiClass={classNames(\n        \"PanelHeaderContext\",\n        platform === IOS && \"PanelHeaderContext--ios\",\n        opened && \"PanelHeaderContext--opened\",\n        closing && \"PanelHeaderContext--closing\",\n        isDesktop && \"PanelHeaderContext--desktop\",\n        // TODO v5.0.0 поправить под новую адаптивность\n        (platform !== IOS || (platform === IOS && isDesktop)) &&\n          \"PanelHeaderContext--rounded\"\n      )}\n      vertical=\"top\"\n    >\n      <div\n        vkuiClass=\"PanelHeaderContext__in\"\n        ref={elementRef}\n        onAnimationEnd={closing ? onAnimationEnd : undefined}\n      >\n        <div vkuiClass=\"PanelHeaderContext__content\">{visible && children}</div>\n      </div>\n      {!isDesktop && visible && (\n        <div onClick={onClose} vkuiClass=\"PanelHeaderContext__fade\" />\n      )}\n    </FixedLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AASA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAKH;EAAA,IAJ7BC,QAI6B,QAJ7BA,QAI6B;EAAA,IAH7BC,OAG6B,QAH7BA,OAG6B;EAAA,uBAF7BC,MAE6B;EAAA,IAF7BA,MAE6B,4BAFpB,KAEoB;EAAA,IAD1BC,SAC0B;;EAC7B,cAAqB,IAAAC,WAAA,GAArB;EAAA,IAAQC,QAAR,WAAQA,QAAR;;EACA,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,sBAA8BC,KAAK,CAACC,QAAN,CAAeP,MAAf,CAA9B;EAAA;EAAA,IAAOQ,OAAP;EAAA,IAAgBC,UAAhB;;EACA,IAAMC,OAAO,GAAGF,OAAO,IAAI,CAACR,MAA5B;;EACA,qBAAsB,IAAAW,6BAAA,GAAtB;EAAA,IAAQC,SAAR,kBAAQA,SAAR;;EACA,IAAMC,SAAS,GAAGD,SAAS,IAAIE,4BAAA,CAAUC,YAAzC;EACA,IAAMC,UAAU,GAAGV,KAAK,CAACW,MAAN,CAA6B,IAA7B,CAAnB;EAEA,IAAAC,oDAAA,EAA0B,YAAM;IAC9BlB,MAAM,IAAIS,UAAU,CAAC,IAAD,CAApB;EACD,CAFD,EAEG,CAACT,MAAD,CAFH;EAIA,IAAAmB,4BAAA,EAAc,CAACN,SAAD,IAAcb,MAA5B,EAb6B,CAe7B;;EACA,IAAAoB,8CAAA,EACEjB,QADF,EAEE,OAFF,EAGEU,SAAS,IACPb,MADF,IAEE,CAACU,OAFH,IAGG,UAACW,KAAD,EAAW;IACV,IACEL,UAAU,CAACM,OAAX,IACA,CAACN,UAAU,CAACM,OAAX,CAAmBC,QAAnB,CAA4BF,KAAK,CAACG,MAAlC,CAFH,EAGE;MACAzB,OAAO;IACR;EACF,CAbL,EAhB6B,CAgC7B;;EACA,IAAM0B,cAAc,GAAG,SAAjBA,cAAiB;IAAA,OAAMhB,UAAU,CAAC,KAAD,CAAhB;EAAA,CAAvB;;EACA,IAAMiB,iBAAiB,GAAG,IAAAC,sBAAA,EAAWF,cAAX,EAA2B,GAA3B,CAA1B;EACAnB,KAAK,CAACsB,SAAN,CACE;IAAA,OAAOlB,OAAO,GAAGgB,iBAAiB,CAACG,GAAlB,EAAH,GAA6BH,iBAAiB,CAACI,KAAlB,EAA3C;EAAA,CADF,EAEE,CAACJ,iBAAD,EAAoBhB,OAApB,CAFF;EAKA,OACE,qCAAC,wBAAD,6BACMT,SADN;IAEE,SAAS,EAAE,IAAA8B,sBAAA,EACT,oBADS,EAET3B,QAAQ,KAAK4B,aAAb,IAAoB,yBAFX,EAGThC,MAAM,IAAI,4BAHD,EAITU,OAAO,IAAI,6BAJF,EAKTG,SAAS,IAAI,6BALJ,EAMT;IACA,CAACT,QAAQ,KAAK4B,aAAb,IAAqB5B,QAAQ,KAAK4B,aAAb,IAAoBnB,SAA1C,KACE,6BARO,CAFb;IAYE,QAAQ,EAAC;EAZX,IAcE;IACE,SAAS,EAAC,wBADZ;IAEE,GAAG,EAAEG,UAFP;IAGE,cAAc,EAAEN,OAAO,GAAGe,cAAH,GAAoBQ;EAH7C,GAKE;IAAK,SAAS,EAAC;EAAf,GAA8CzB,OAAO,IAAIV,QAAzD,CALF,CAdF,EAqBG,CAACe,SAAD,IAAcL,OAAd,IACC;IAAK,OAAO,EAAET,OAAd;IAAuB,SAAS,EAAC;EAAjC,EAtBJ,CADF;AA2BD,CAxEM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"names":["PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","iOSText","AndroidIcon","Icon28DoneOutline","Icon28EditOutline","platform","IOS"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAIA;;AACA;;AACA;;;;AAiBA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAKH;AAAA,2BAJ1BC,QAI0B;AAAA,MAJ1BA,QAI0B,8BAJf,KAIe;AAAA,4BAH1BC,SAG0B;AAAA,MAH1BA,SAG0B,+BAHd,eAGc;AAAA,4BAF1BC,SAE0B;AAAA,MAF1BA,SAE0B,+BAFd,QAEc;AAAA,MADvBC,SACuB;AAC1B,MAAMC,OAAO,GAAGJ,QAAQ,GAAGE,SAAH,GAAeD,SAAvC;AACA,MAAMI,WAAW,GAAGL,QAAQ,GAAGM,wBAAH,GAAuBC,wBAAnD;AACA,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,oCAAD;AAAmB,kBAAYJ;AAA/B,KAA4CD,SAA5C,GACGK,QAAQ,KAAKC,aAAb,GAAmBL,OAAnB,GAA6B,qCAAC,WAAD,OADhC,CADF;AAKD,CAfM","sourcesContent":["import {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { IOS } from \"../../lib/platform\";\nimport { Icon28EditOutline, Icon28DoneOutline } from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\n\nexport interface PanelHeaderEditProps extends PanelHeaderButtonProps {\n  /**\n   * Включен ли режим редактирования\n   */\n  isActive?: boolean;\n  /**\n   * iOS only. Текст кнопки, когда режим редактирования не активен\n   */\n  editLabel?: string;\n  /**\n   * iOS only. Текст кнопки при активном режиме редактирования для выхода из него\n   */\n  doneLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderEdit\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\n  editLabel = \"Редактировать\",\n  doneLabel = \"Готово\",\n  ...restProps\n}: PanelHeaderEditProps) => {\n  const iOSText = isActive ? doneLabel : editLabel;\n  const AndroidIcon = isActive ? Icon28DoneOutline : Icon28EditOutline;\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={iOSText} {...restProps}>\n      {platform === IOS ? iOSText : <AndroidIcon />}\n    </PanelHeaderButton>\n  );\n};\n"],"file":"PanelHeaderEdit.js"}
+{"version":3,"file":"PanelHeaderEdit.js","names":["PanelHeaderEdit","isActive","editLabel","doneLabel","restProps","iOSText","AndroidIcon","Icon28DoneOutline","Icon28EditOutline","platform","usePlatform","IOS"],"sources":["../../../../src/components/PanelHeaderEdit/PanelHeaderEdit.tsx"],"sourcesContent":["import {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { IOS } from \"../../lib/platform\";\nimport { Icon28EditOutline, Icon28DoneOutline } from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\n\nexport interface PanelHeaderEditProps extends PanelHeaderButtonProps {\n  /**\n   * Включен ли режим редактирования\n   */\n  isActive?: boolean;\n  /**\n   * iOS only. Текст кнопки, когда режим редактирования не активен\n   */\n  editLabel?: string;\n  /**\n   * iOS only. Текст кнопки при активном режиме редактирования для выхода из него\n   */\n  doneLabel?: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderEdit\n */\nexport const PanelHeaderEdit = ({\n  isActive = false,\n  editLabel = \"Редактировать\",\n  doneLabel = \"Готово\",\n  ...restProps\n}: PanelHeaderEditProps) => {\n  const iOSText = isActive ? doneLabel : editLabel;\n  const AndroidIcon = isActive ? Icon28DoneOutline : Icon28EditOutline;\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton aria-label={iOSText} {...restProps}>\n      {platform === IOS ? iOSText : <AndroidIcon />}\n    </PanelHeaderButton>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAIA;;AACA;;AACA;;;;AAiBA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAKH;EAAA,yBAJ1BC,QAI0B;EAAA,IAJ1BA,QAI0B,8BAJf,KAIe;EAAA,0BAH1BC,SAG0B;EAAA,IAH1BA,SAG0B,+BAHd,eAGc;EAAA,0BAF1BC,SAE0B;EAAA,IAF1BA,SAE0B,+BAFd,QAEc;EAAA,IADvBC,SACuB;EAC1B,IAAMC,OAAO,GAAGJ,QAAQ,GAAGE,SAAH,GAAeD,SAAvC;EACA,IAAMI,WAAW,GAAGL,QAAQ,GAAGM,wBAAH,GAAuBC,wBAAnD;EACA,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,qCAAC,oCAAD;IAAmB,cAAYL;EAA/B,GAA4CD,SAA5C,GACGK,QAAQ,KAAKE,aAAb,GAAmBN,OAAnB,GAA6B,qCAAC,WAAD,OADhC,CADF;AAKD,CAfM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx"],"names":["PanelHeaderSubmit","children","restProps","platform","IOS"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAIA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAGH;AAAA,2BAF5BC,QAE4B;AAAA,MAF5BA,QAE4B,8BAFjB,QAEiB;AAAA,MADzBC,SACyB;AAC5B,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,oCAAD;AACE,kBAAY,iCAAqBF,QAArB,CADd;AAEE,IAAA,OAAO;AAFT,KAGMC,SAHN,GAKGC,QAAQ,KAAKC,aAAb,GAAmBH,QAAnB,GAA8B,qCAAC,wBAAD,OALjC,CADF;AASD,CAfM","sourcesContent":["import {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { Icon28DoneOutline } from \"@vkontakte/icons\";\nimport { IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getTitleFromChildren } from \"../../lib/utils\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderSubmit\n */\nexport const PanelHeaderSubmit = ({\n  children = \"Готово\",\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton\n      aria-label={getTitleFromChildren(children)}\n      primary\n      {...restProps}\n    >\n      {platform === IOS ? children : <Icon28DoneOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"file":"PanelHeaderSubmit.js"}
+{"version":3,"file":"PanelHeaderSubmit.js","names":["PanelHeaderSubmit","children","restProps","platform","usePlatform","getTitleFromChildren","IOS"],"sources":["../../../../src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx"],"sourcesContent":["import {\n  PanelHeaderButton,\n  PanelHeaderButtonProps,\n} from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { Icon28DoneOutline } from \"@vkontakte/icons\";\nimport { IOS } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getTitleFromChildren } from \"../../lib/utils\";\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderSubmit\n */\nexport const PanelHeaderSubmit = ({\n  children = \"Готово\",\n  ...restProps\n}: PanelHeaderButtonProps) => {\n  const platform = usePlatform();\n\n  return (\n    <PanelHeaderButton\n      aria-label={getTitleFromChildren(children)}\n      primary\n      {...restProps}\n    >\n      {platform === IOS ? children : <Icon28DoneOutline />}\n    </PanelHeaderButton>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAIA;;AACA;;AACA;;AACA;;;;AAEA;AACA;AACA;AACO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAGH;EAAA,yBAF5BC,QAE4B;EAAA,IAF5BA,QAE4B,8BAFjB,QAEiB;EAAA,IADzBC,SACyB;EAC5B,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,qCAAC,oCAAD;IACE,cAAY,IAAAC,2BAAA,EAAqBJ,QAArB,CADd;IAEE,OAAO;EAFT,GAGMC,SAHN,GAKGC,QAAQ,KAAKG,aAAb,GAAmBL,QAAnB,GAA8B,qCAAC,wBAAD,OALjC,CADF;AASD,CAfM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PanelSpinner/PanelSpinner.tsx"],"names":["PanelSpinner","React","memo","height","style","restProps","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAMA;AACA;AACA;AACO,IAAMA,YAAY,gBAAGC,KAAK,CAACC,IAAN,CAC1B;AAAA,yBAAGC,MAAH;AAAA,MAAGA,MAAH,4BAAY,EAAZ;AAAA,MAAgBC,KAAhB,QAAgBA,KAAhB;AAAA,MAA0BC,SAA1B;AAAA,SACE,qCAAC,gBAAD;AAAS,IAAA,IAAI,EAAC;AAAd,KAA4BA,SAA5B;AAAuC,IAAA,KAAK;AAAIF,MAAAA,MAAM,EAANA;AAAJ,OAAeC,KAAf;AAA5C,KADF;AAAA,CAD0B,CAArB;;AAMPJ,YAAY,CAACM,WAAb,GAA2B,cAA3B","sourcesContent":["import * as React from \"react\";\nimport { Spinner, SpinnerProps } from \"../Spinner/Spinner\";\n\nexport interface PanelSpinnerProps extends SpinnerProps {\n  height?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelSpinner\n */\nexport const PanelSpinner = React.memo(\n  ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (\n    <Spinner size=\"regular\" {...restProps} style={{ height, ...style }} />\n  )\n);\n\nPanelSpinner.displayName = \"PanelSpinner\";\n"],"file":"PanelSpinner.js"}
+{"version":3,"file":"PanelSpinner.js","names":["PanelSpinner","React","memo","height","style","restProps","displayName"],"sources":["../../../../src/components/PanelSpinner/PanelSpinner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Spinner, SpinnerProps } from \"../Spinner/Spinner\";\n\nexport interface PanelSpinnerProps extends SpinnerProps {\n  height?: number;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelSpinner\n */\nexport const PanelSpinner = React.memo(\n  ({ height = 96, style, ...restProps }: PanelSpinnerProps) => (\n    <Spinner size=\"regular\" {...restProps} style={{ height, ...style }} />\n  )\n);\n\nPanelSpinner.displayName = \"PanelSpinner\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAMA;AACA;AACA;AACO,IAAMA,YAAY,gBAAGC,KAAK,CAACC,IAAN,CAC1B;EAAA,uBAAGC,MAAH;EAAA,IAAGA,MAAH,4BAAY,EAAZ;EAAA,IAAgBC,KAAhB,QAAgBA,KAAhB;EAAA,IAA0BC,SAA1B;EAAA,OACE,qCAAC,gBAAD;IAAS,IAAI,EAAC;EAAd,GAA4BA,SAA5B;IAAuC,KAAK;MAAIF,MAAM,EAANA;IAAJ,GAAeC,KAAf;EAA5C,GADF;AAAA,CAD0B,CAArB;;AAMPJ,YAAY,CAACM,WAAb,GAA2B,cAA3B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Placeholder/Placeholder.tsx"],"names":["Placeholder","icon","header","action","children","stretched","getRootRef","restProps"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAyBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc;AAAA,MACzBC,IADyB,QACzBA,IADyB;AAAA,MAEzBC,MAFyB,QAEzBA,MAFyB;AAAA,MAGzBC,MAHyB,QAGzBA,MAHyB;AAAA,MAIzBC,QAJyB,QAIzBA,QAJyB;AAAA,MAKzBC,SALyB,QAKzBA,SALyB;AAAA,MAMzBC,UANyB,QAMzBA,UANyB;AAAA,MAOtBC,SAPsB;AAAA,SASzB,uEACMA,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAE,4BAAW,aAAX,EAA0BD,SAAS,IAAI,wBAAvC;AAHb,MAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACG,yBAAaJ,IAAb,KAAsB;AAAK,IAAA,SAAS,EAAC;AAAf,KAAoCA,IAApC,CADzB,EAEG,yBAAaC,MAAb,KACC,qCAAC,YAAD;AAAO,IAAA,KAAK,EAAC,GAAb;AAAiB,IAAA,MAAM,EAAC,GAAxB;AAA4B,IAAA,SAAS,EAAC;AAAtC,KACGA,MADH,CAHJ,EAOG,yBAAaE,QAAb,KACC,qCAAC,kBAAD;AAAU,IAAA,MAAM,EAAC,GAAjB;AAAqB,IAAA,SAAS,EAAC;AAA/B,KACGA,QADH,CARJ,EAYG,yBAAaD,MAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,MAAtC,CAbJ,CALF,CATyB;AAAA,CAApB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Placeholder.css\";\n\nexport interface PlaceholderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Заголовок плейсхолдера\n   */\n  header?: React.ReactNode;\n  /**\n   * Кнопка действия\n   */\n  action?: React.ReactNode;\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер\n   */\n  stretched?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Placeholder\n */\nexport const Placeholder = ({\n  icon,\n  header,\n  action,\n  children,\n  stretched,\n  getRootRef,\n  ...restProps\n}: PlaceholderProps) => (\n  <div\n    {...restProps}\n    ref={getRootRef}\n    vkuiClass={classNames(\"Placeholder\", stretched && \"Placeholder--stretched\")}\n  >\n    <div vkuiClass=\"Placeholder__in\">\n      {hasReactNode(icon) && <div vkuiClass=\"Placeholder__icon\">{icon}</div>}\n      {hasReactNode(header) && (\n        <Title level=\"2\" weight=\"2\" vkuiClass=\"Placeholder__header\">\n          {header}\n        </Title>\n      )}\n      {hasReactNode(children) && (\n        <Headline weight=\"3\" vkuiClass=\"Placeholder__text\">\n          {children}\n        </Headline>\n      )}\n      {hasReactNode(action) && (\n        <div vkuiClass=\"Placeholder__action\">{action}</div>\n      )}\n    </div>\n  </div>\n);\n"],"file":"Placeholder.js"}
+{"version":3,"file":"Placeholder.js","names":["Placeholder","icon","header","action","children","stretched","getRootRef","restProps","classNames","hasReactNode"],"sources":["../../../../src/components/Placeholder/Placeholder.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Placeholder.css\";\n\nexport interface PlaceholderProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  /**\n   * Иконка\n   */\n  icon?: React.ReactNode;\n  /**\n   * Заголовок плейсхолдера\n   */\n  header?: React.ReactNode;\n  /**\n   * Кнопка действия\n   */\n  action?: React.ReactNode;\n  /**\n   * Растягивает плейсхолдер на весь экран, но в таком случае на экране должен быть только плейсхолдер\n   */\n  stretched?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Placeholder\n */\nexport const Placeholder = ({\n  icon,\n  header,\n  action,\n  children,\n  stretched,\n  getRootRef,\n  ...restProps\n}: PlaceholderProps) => (\n  <div\n    {...restProps}\n    ref={getRootRef}\n    vkuiClass={classNames(\"Placeholder\", stretched && \"Placeholder--stretched\")}\n  >\n    <div vkuiClass=\"Placeholder__in\">\n      {hasReactNode(icon) && <div vkuiClass=\"Placeholder__icon\">{icon}</div>}\n      {hasReactNode(header) && (\n        <Title level=\"2\" weight=\"2\" vkuiClass=\"Placeholder__header\">\n          {header}\n        </Title>\n      )}\n      {hasReactNode(children) && (\n        <Headline weight=\"3\" vkuiClass=\"Placeholder__text\">\n          {children}\n        </Headline>\n      )}\n      {hasReactNode(action) && (\n        <div vkuiClass=\"Placeholder__action\">{action}</div>\n      )}\n    </div>\n  </div>\n);\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAyBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc;EAAA,IACzBC,IADyB,QACzBA,IADyB;EAAA,IAEzBC,MAFyB,QAEzBA,MAFyB;EAAA,IAGzBC,MAHyB,QAGzBA,MAHyB;EAAA,IAIzBC,QAJyB,QAIzBA,QAJyB;EAAA,IAKzBC,SALyB,QAKzBA,SALyB;EAAA,IAMzBC,UANyB,QAMzBA,UANyB;EAAA,IAOtBC,SAPsB;EAAA,OASzB,uEACMA,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAE,IAAAE,sBAAA,EAAW,aAAX,EAA0BH,SAAS,IAAI,wBAAvC;EAHb,IAKE;IAAK,SAAS,EAAC;EAAf,GACG,IAAAI,mBAAA,EAAaR,IAAb,KAAsB;IAAK,SAAS,EAAC;EAAf,GAAoCA,IAApC,CADzB,EAEG,IAAAQ,mBAAA,EAAaP,MAAb,KACC,qCAAC,YAAD;IAAO,KAAK,EAAC,GAAb;IAAiB,MAAM,EAAC,GAAxB;IAA4B,SAAS,EAAC;EAAtC,GACGA,MADH,CAHJ,EAOG,IAAAO,mBAAA,EAAaL,QAAb,KACC,qCAAC,kBAAD;IAAU,MAAM,EAAC,GAAjB;IAAqB,SAAS,EAAC;EAA/B,GACGA,QADH,CARJ,EAYG,IAAAK,mBAAA,EAAaN,MAAb,KACC;IAAK,SAAS,EAAC;EAAf,GAAsCA,MAAtC,CAbJ,CALF,CATyB;AAAA,CAApB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PopoutRoot/PopoutRoot.tsx"],"names":["PopoutRootComponent","popout","modal","viewWidth","viewHeight","hasMouse","children","getRootRef","restProps","document","isDesktop","React","useEffect","displayName","PopoutRoot"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAKA;;;;AAWO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OASiB;AAAA,MARlDC,MAQkD,QARlDA,MAQkD;AAAA,MAPlDC,KAOkD,QAPlDA,KAOkD;AAAA,MANlDC,SAMkD,QANlDA,SAMkD;AAAA,MALlDC,UAKkD,QALlDA,UAKkD;AAAA,MAJlDC,QAIkD,QAJlDA,QAIkD;AAAA,MAHlDC,QAGkD,QAHlDA,QAGkD;AAAA,MAFlDC,UAEkD,QAFlDA,UAEkD;AAAA,MAD/CC,SAC+C;;AAClD,gBAAqB,kBAArB;AAAA,MAAQC,QAAR,WAAQA,QAAR;;AAEA,MAAMC,SAAS,GAAG,4CAAlB;AAEAC,EAAAA,KAAK,CAACC,SAAN,CAAgB,YAAM;AACpBX,IAAAA,MAAM,IAAI,4BAAkBQ,QAAlB,CAAV;AACD,GAFD,EAEG,CAACA,QAAD,EAAWR,MAAX,CAFH;AAIA,SACE,uEAASO,SAAT;AAAoB,IAAA,SAAS,EAAC,YAA9B;AAA2C,IAAA,GAAG,EAAED;AAAhD,MACGD,QADH,EAEE,qCAAC,4BAAD,QACG,CAAC,CAACL,MAAF,IACC;AACE,IAAA,SAAS,EACPS,SAAS,GAAG,sBAAH,GAA4B;AAFzC,KAKGT,MALH,CAFJ,EAUG,CAAC,CAACC,KAAF,IAAW;AAAK,IAAA,SAAS,EAAC;AAAf,KAAoCA,KAApC,CAVd,CAFF,CADF;AAiBD,CAnCM;;;AAqCPF,mBAAmB,CAACa,WAApB,GAAkC,YAAlC;AAEO,IAAMC,UAAU,GAAG,oCAAed,mBAAf,EAAoC;AAC5DG,EAAAA,SAAS,EAAE,IADiD;AAE5DC,EAAAA,UAAU,EAAE,IAFgD;AAG5DC,EAAAA,QAAQ,EAAE;AAHkD,CAApC,CAAnB","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { blurActiveElement, useDOM } from \"../../lib/dom\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./PopoutRoot.css\";\n\nexport interface PopoutRootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    HasRootRef<HTMLDivElement> {\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n}\n\nexport const PopoutRootComponent = ({\n  popout,\n  modal,\n  viewWidth,\n  viewHeight,\n  hasMouse,\n  children,\n  getRootRef,\n  ...restProps\n}: PopoutRootProps & AdaptivityContextInterface) => {\n  const { document } = useDOM();\n\n  const isDesktop = useAdaptivityIsDesktop();\n\n  React.useEffect(() => {\n    popout && blurActiveElement(document);\n  }, [document, popout]);\n\n  return (\n    <div {...restProps} vkuiClass=\"PopoutRoot\" ref={getRootRef}>\n      {children}\n      <AppRootPortal>\n        {!!popout && (\n          <div\n            vkuiClass={\n              isDesktop ? \"PopoutRoot--absolute\" : \"PopoutRoot__popout\"\n            }\n          >\n            {popout}\n          </div>\n        )}\n        {!!modal && <div vkuiClass=\"PopoutRoot__modal\">{modal}</div>}\n      </AppRootPortal>\n    </div>\n  );\n};\n\nPopoutRootComponent.displayName = \"PopoutRoot\";\n\nexport const PopoutRoot = withAdaptivity(PopoutRootComponent, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"file":"PopoutRoot.js"}
+{"version":3,"file":"PopoutRoot.js","names":["PopoutRootComponent","popout","modal","viewWidth","viewHeight","hasMouse","children","getRootRef","restProps","useDOM","document","isDesktop","useAdaptivityIsDesktop","React","useEffect","blurActiveElement","displayName","PopoutRoot","withAdaptivity"],"sources":["../../../../src/components/PopoutRoot/PopoutRoot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { blurActiveElement, useDOM } from \"../../lib/dom\";\nimport {\n  AdaptivityContextInterface,\n  AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./PopoutRoot.css\";\n\nexport interface PopoutRootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    AdaptivityProps,\n    HasRootRef<HTMLDivElement> {\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n}\n\nexport const PopoutRootComponent = ({\n  popout,\n  modal,\n  viewWidth,\n  viewHeight,\n  hasMouse,\n  children,\n  getRootRef,\n  ...restProps\n}: PopoutRootProps & AdaptivityContextInterface) => {\n  const { document } = useDOM();\n\n  const isDesktop = useAdaptivityIsDesktop();\n\n  React.useEffect(() => {\n    popout && blurActiveElement(document);\n  }, [document, popout]);\n\n  return (\n    <div {...restProps} vkuiClass=\"PopoutRoot\" ref={getRootRef}>\n      {children}\n      <AppRootPortal>\n        {!!popout && (\n          <div\n            vkuiClass={\n              isDesktop ? \"PopoutRoot--absolute\" : \"PopoutRoot__popout\"\n            }\n          >\n            {popout}\n          </div>\n        )}\n        {!!modal && <div vkuiClass=\"PopoutRoot__modal\">{modal}</div>}\n      </AppRootPortal>\n    </div>\n  );\n};\n\nPopoutRootComponent.displayName = \"PopoutRoot\";\n\nexport const PopoutRoot = withAdaptivity(PopoutRootComponent, {\n  viewWidth: true,\n  viewHeight: true,\n  hasMouse: true,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAKA;;;;AAWO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OASiB;EAAA,IARlDC,MAQkD,QARlDA,MAQkD;EAAA,IAPlDC,KAOkD,QAPlDA,KAOkD;EAAA,IANlDC,SAMkD,QANlDA,SAMkD;EAAA,IALlDC,UAKkD,QALlDA,UAKkD;EAAA,IAJlDC,QAIkD,QAJlDA,QAIkD;EAAA,IAHlDC,QAGkD,QAHlDA,QAGkD;EAAA,IAFlDC,UAEkD,QAFlDA,UAEkD;EAAA,IAD/CC,SAC+C;;EAClD,cAAqB,IAAAC,WAAA,GAArB;EAAA,IAAQC,QAAR,WAAQA,QAAR;;EAEA,IAAMC,SAAS,GAAG,IAAAC,qCAAA,GAAlB;EAEAC,KAAK,CAACC,SAAN,CAAgB,YAAM;IACpBb,MAAM,IAAI,IAAAc,sBAAA,EAAkBL,QAAlB,CAAV;EACD,CAFD,EAEG,CAACA,QAAD,EAAWT,MAAX,CAFH;EAIA,OACE,uEAASO,SAAT;IAAoB,SAAS,EAAC,YAA9B;IAA2C,GAAG,EAAED;EAAhD,IACGD,QADH,EAEE,qCAAC,4BAAD,QACG,CAAC,CAACL,MAAF,IACC;IACE,SAAS,EACPU,SAAS,GAAG,sBAAH,GAA4B;EAFzC,GAKGV,MALH,CAFJ,EAUG,CAAC,CAACC,KAAF,IAAW;IAAK,SAAS,EAAC;EAAf,GAAoCA,KAApC,CAVd,CAFF,CADF;AAiBD,CAnCM;;;AAqCPF,mBAAmB,CAACgB,WAApB,GAAkC,YAAlC;AAEO,IAAMC,UAAU,GAAG,IAAAC,8BAAA,EAAelB,mBAAf,EAAoC;EAC5DG,SAAS,EAAE,IADiD;EAE5DC,UAAU,EAAE,IAFgD;EAG5DC,QAAQ,EAAE;AAHkD,CAApC,CAAnB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PopoutWrapper/PopoutWrapper.tsx"],"names":["PopoutWrapper","alignY","alignX","closing","hasMask","fixed","children","onClick","restProps","platform","React","useState","opened","setOpened","elRef","useRef","onFadeInEnd","e","animationName","animationFinishFallback","IOS","useEffect","set","window","preventDefault","passive","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAYA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OASH;AAAA,yBARxBC,MAQwB;AAAA,MARxBA,MAQwB,4BARf,QAQe;AAAA,yBAPxBC,MAOwB;AAAA,MAPxBA,MAOwB,4BAPf,QAOe;AAAA,0BANxBC,OAMwB;AAAA,MANxBA,OAMwB,6BANd,KAMc;AAAA,0BALxBC,OAKwB;AAAA,MALxBA,OAKwB,6BALd,IAKc;AAAA,wBAJxBC,KAIwB;AAAA,MAJxBA,KAIwB,2BAJhB,IAIgB;AAAA,MAHxBC,QAGwB,QAHxBA,QAGwB;AAAA,MAFxBC,OAEwB,QAFxBA,OAEwB;AAAA,MADrBC,SACqB;AACxB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,wBAA4BC,KAAK,CAACC,QAAN,CAAe,CAACP,OAAhB,CAA5B;AAAA;AAAA,MAAOQ,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAMC,KAAK,GAAGJ,KAAK,CAACK,MAAN,CAA6B,IAA7B,CAAd;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAA8B;AAChD,QAAI,CAACA,CAAD,IAAMA,CAAC,CAACC,aAAF,KAAoB,6BAA9B,EAA6D;AAC3DL,MAAAA,SAAS,CAAC,IAAD,CAAT;AACD;AACF,GAJD;;AAKA,MAAMM,uBAAuB,GAAG,4BAC9BH,WAD8B,EAE9BP,QAAQ,KAAKW,aAAb,GAAmB,GAAnB,GAAyB,GAFK,CAAhC;AAIAV,EAAAA,KAAK,CAACW,SAAN,CAAgB,YAAM;AACpB,KAACT,MAAD,IAAWO,uBAAuB,CAACG,GAAxB,EAAX;AACD,GAFD,EAEG,CAACH,uBAAD,EAA0BP,MAA1B,CAFH;;AAIA,gBAAmB,kBAAnB;AAAA,MAAQW,MAAR,WAAQA,MAAR;;AACA,sDAAuBA,MAAvB,EAA+B,WAA/B,EAA4C,UAACN,CAAD;AAAA,WAAOA,CAAC,CAACO,cAAF,EAAP;AAAA,GAA5C,EAAuE;AACrEC,IAAAA,OAAO,EAAE;AAD4D,GAAvE;AAIA,SACE,uEACMjB,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,eADS,6BAEWP,MAFX,8BAGWC,MAHX,GAITC,OAAO,IAAI,wBAJF,EAKTS,MAAM,IAAI,uBALD,EAMTP,KAAK,IAAI,sBANA,EAOTD,OAAO,IAAI,uBAPF,CAFb;AAWE,IAAA,cAAc,EAAEQ,MAAM,GAAGc,SAAH,GAAeV,WAXvC;AAYE,IAAA,GAAG,EAAEF;AAZP,MAcE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC,wBAAf;AAAwC,IAAA,OAAO,EAAEP;AAAjD,IADF,EAEE;AAAK,IAAA,SAAS,EAAC;AAAf,KAAyCD,QAAzC,CAFF,CAdF,CADF;AAqBD,CArDM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./PopoutWrapper.css\";\n\nexport interface PopoutWrapperProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  hasMask?: boolean;\n  fixed?: boolean;\n  alignY?: \"top\" | \"center\" | \"bottom\";\n  alignX?: \"left\" | \"center\" | \"right\";\n  closing?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PopoutWrapper\n */\nexport const PopoutWrapper = ({\n  alignY = \"center\",\n  alignX = \"center\",\n  closing = false,\n  hasMask = true,\n  fixed = true,\n  children,\n  onClick,\n  ...restProps\n}: PopoutWrapperProps) => {\n  const platform = usePlatform();\n  const [opened, setOpened] = React.useState(!hasMask);\n  const elRef = React.useRef<HTMLDivElement>(null);\n\n  const onFadeInEnd = (e?: React.AnimationEvent) => {\n    if (!e || e.animationName === \"vkui-animation-full-fade-in\") {\n      setOpened(true);\n    }\n  };\n  const animationFinishFallback = useTimeout(\n    onFadeInEnd,\n    platform === IOS ? 300 : 200\n  );\n  React.useEffect(() => {\n    !opened && animationFinishFallback.set();\n  }, [animationFinishFallback, opened]);\n\n  const { window } = useDOM();\n  useGlobalEventListener(window, \"touchmove\", (e) => e.preventDefault(), {\n    passive: false,\n  });\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"PopoutWrapper\",\n        `PopoutWrapper--v-${alignY}`,\n        `PopoutWrapper--h-${alignX}`,\n        closing && \"PopoutWrapper--closing\",\n        opened && \"PopoutWrapper--opened\",\n        fixed && \"PopoutWrapper--fixed\",\n        hasMask && \"PopoutWrapper--masked\"\n      )}\n      onAnimationEnd={opened ? undefined : onFadeInEnd}\n      ref={elRef}\n    >\n      <div vkuiClass=\"PopoutWrapper__container\">\n        <div vkuiClass=\"PopoutWrapper__overlay\" onClick={onClick} />\n        <div vkuiClass=\"PopoutWrapper__content\">{children}</div>\n      </div>\n    </div>\n  );\n};\n"],"file":"PopoutWrapper.js"}
+{"version":3,"file":"PopoutWrapper.js","names":["PopoutWrapper","alignY","alignX","closing","hasMask","fixed","children","onClick","restProps","platform","usePlatform","React","useState","opened","setOpened","elRef","useRef","onFadeInEnd","e","animationName","animationFinishFallback","useTimeout","IOS","useEffect","set","useDOM","window","useGlobalEventListener","preventDefault","passive","classNames","undefined"],"sources":["../../../../src/components/PopoutWrapper/PopoutWrapper.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { useDOM } from \"../../lib/dom\";\nimport \"./PopoutWrapper.css\";\n\nexport interface PopoutWrapperProps\n  extends React.HTMLAttributes<HTMLDivElement> {\n  hasMask?: boolean;\n  fixed?: boolean;\n  alignY?: \"top\" | \"center\" | \"bottom\";\n  alignX?: \"left\" | \"center\" | \"right\";\n  closing?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PopoutWrapper\n */\nexport const PopoutWrapper = ({\n  alignY = \"center\",\n  alignX = \"center\",\n  closing = false,\n  hasMask = true,\n  fixed = true,\n  children,\n  onClick,\n  ...restProps\n}: PopoutWrapperProps) => {\n  const platform = usePlatform();\n  const [opened, setOpened] = React.useState(!hasMask);\n  const elRef = React.useRef<HTMLDivElement>(null);\n\n  const onFadeInEnd = (e?: React.AnimationEvent) => {\n    if (!e || e.animationName === \"vkui-animation-full-fade-in\") {\n      setOpened(true);\n    }\n  };\n  const animationFinishFallback = useTimeout(\n    onFadeInEnd,\n    platform === IOS ? 300 : 200\n  );\n  React.useEffect(() => {\n    !opened && animationFinishFallback.set();\n  }, [animationFinishFallback, opened]);\n\n  const { window } = useDOM();\n  useGlobalEventListener(window, \"touchmove\", (e) => e.preventDefault(), {\n    passive: false,\n  });\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"PopoutWrapper\",\n        `PopoutWrapper--v-${alignY}`,\n        `PopoutWrapper--h-${alignX}`,\n        closing && \"PopoutWrapper--closing\",\n        opened && \"PopoutWrapper--opened\",\n        fixed && \"PopoutWrapper--fixed\",\n        hasMask && \"PopoutWrapper--masked\"\n      )}\n      onAnimationEnd={opened ? undefined : onFadeInEnd}\n      ref={elRef}\n    >\n      <div vkuiClass=\"PopoutWrapper__container\">\n        <div vkuiClass=\"PopoutWrapper__overlay\" onClick={onClick} />\n        <div vkuiClass=\"PopoutWrapper__content\">{children}</div>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAYA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OASH;EAAA,uBARxBC,MAQwB;EAAA,IARxBA,MAQwB,4BARf,QAQe;EAAA,uBAPxBC,MAOwB;EAAA,IAPxBA,MAOwB,4BAPf,QAOe;EAAA,wBANxBC,OAMwB;EAAA,IANxBA,OAMwB,6BANd,KAMc;EAAA,wBALxBC,OAKwB;EAAA,IALxBA,OAKwB,6BALd,IAKc;EAAA,sBAJxBC,KAIwB;EAAA,IAJxBA,KAIwB,2BAJhB,IAIgB;EAAA,IAHxBC,QAGwB,QAHxBA,QAGwB;EAAA,IAFxBC,OAEwB,QAFxBA,OAEwB;EAAA,IADrBC,SACqB;EACxB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,sBAA4BC,KAAK,CAACC,QAAN,CAAe,CAACR,OAAhB,CAA5B;EAAA;EAAA,IAAOS,MAAP;EAAA,IAAeC,SAAf;;EACA,IAAMC,KAAK,GAAGJ,KAAK,CAACK,MAAN,CAA6B,IAA7B,CAAd;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAA8B;IAChD,IAAI,CAACA,CAAD,IAAMA,CAAC,CAACC,aAAF,KAAoB,6BAA9B,EAA6D;MAC3DL,SAAS,CAAC,IAAD,CAAT;IACD;EACF,CAJD;;EAKA,IAAMM,uBAAuB,GAAG,IAAAC,sBAAA,EAC9BJ,WAD8B,EAE9BR,QAAQ,KAAKa,aAAb,GAAmB,GAAnB,GAAyB,GAFK,CAAhC;EAIAX,KAAK,CAACY,SAAN,CAAgB,YAAM;IACpB,CAACV,MAAD,IAAWO,uBAAuB,CAACI,GAAxB,EAAX;EACD,CAFD,EAEG,CAACJ,uBAAD,EAA0BP,MAA1B,CAFH;;EAIA,cAAmB,IAAAY,WAAA,GAAnB;EAAA,IAAQC,MAAR,WAAQA,MAAR;;EACA,IAAAC,8CAAA,EAAuBD,MAAvB,EAA+B,WAA/B,EAA4C,UAACR,CAAD;IAAA,OAAOA,CAAC,CAACU,cAAF,EAAP;EAAA,CAA5C,EAAuE;IACrEC,OAAO,EAAE;EAD4D,CAAvE;EAIA,OACE,uEACMrB,SADN;IAEE,SAAS,EAAE,IAAAsB,sBAAA,EACT,eADS,6BAEW7B,MAFX,8BAGWC,MAHX,GAITC,OAAO,IAAI,wBAJF,EAKTU,MAAM,IAAI,uBALD,EAMTR,KAAK,IAAI,sBANA,EAOTD,OAAO,IAAI,uBAPF,CAFb;IAWE,cAAc,EAAES,MAAM,GAAGkB,SAAH,GAAed,WAXvC;IAYE,GAAG,EAAEF;EAZP,IAcE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC,wBAAf;IAAwC,OAAO,EAAER;EAAjD,EADF,EAEE;IAAK,SAAS,EAAC;EAAf,GAAyCD,QAAzC,CAFF,CAdF,CADF;AAqBD,CArDM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Popper/Popper.tsx"],"names":["ARROW_PADDING","ARROW_WIDTH","ARROW_HEIGHT","preventOverflowModifier","name","options","mainAxis","flipModifier","arrowModifier","padding","sameWidthModifier","enabled","phase","requires","fn","state","styles","popper","width","rects","reference","effect","elements","style","offsetWidth","Popper","targetRef","children","getRef","placement","onPlacementChange","arrow","arrowClassName","sameWidth","offsetDistance","offsetSkidding","forcePortal","compStyles","customModifiers","renderContent","restProps","React","useState","popperNode","setPopperNode","smallTargetOffsetSkidding","setSmallTargetOffsetSkidding","platform","setExternalRef","modifiers","useMemo","offset","push","current","attributes","resolvedPlacement","isEdgePlacement","includes","placementDirection","startsWith","arrowSize","targetSize","offsetHeight","useEffect","dropdown","minWidth","scrollWidth","undefined","className"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePopper, Modifier } from \"react-popper\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { PopperArrow } from \"../PopperArrow/PopperArrow\";\nimport { HasRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport \"./Popper.css\";\n\nexport type Placement =\n  | \"auto\"\n  | \"auto-start\"\n  | \"auto-end\"\n  | \"top-start\"\n  | \"top-end\"\n  | \"bottom-start\"\n  | \"bottom-end\"\n  | \"right-start\"\n  | \"right-end\"\n  | \"left-start\"\n  | \"left-end\"\n  | \"top\"\n  | \"bottom\"\n  | \"left\"\n  | \"right\";\n\nexport interface PopperRenderContentProps {\n  className: string;\n}\n\nexport interface PopperCommonProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  /**\n   * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n   */\n  placement?: Placement;\n  /**\n   * Отступ по вспомогательной оси\n   */\n  offsetSkidding?: number;\n  /**\n   * Отступ по главной оси\n   */\n  offsetDistance?: number;\n  /**\n   * Отображать ли стрелку, указывающую на якорный элемент\n   */\n  arrow?: boolean;\n  /**\n   * Стиль стрелки\n   */\n  arrowClassName?: string;\n  /**\n   * Выставлять ширину равной target элементу\n   */\n  sameWidth?: boolean;\n  forcePortal?: boolean;\n  onPlacementChange?: (data: { placement?: Placement }) => void;\n  /**\n   * Массив кастомных модификаторов для Popper (необходимо мемоизировать)\n   */\n  customModifiers?: Array<Modifier<string>>;\n  /**\n   * При передаче содержимого в `children`, он будет обёрнут во внутренний контейнер.\n   *\n   * Если хочется управлять этим контейнером, то используйте данную функцию.\n   *\n   * > ⚠️ Параметр `children` будет проигнорирован.\n   */\n  renderContent?(props: PopperRenderContentProps): React.ReactNode;\n}\n\nexport interface PopperProps extends PopperCommonProps {\n  targetRef: React.RefObject<HTMLElement>;\n}\n\nconst ARROW_PADDING = 8;\nconst ARROW_WIDTH = 20;\nconst ARROW_HEIGHT = 8;\n\nconst preventOverflowModifier: Modifier<string> = {\n  name: \"preventOverflow\",\n  options: {\n    mainAxis: false,\n  },\n};\n\nconst flipModifier: Modifier<string> = {\n  name: \"flip\",\n};\n\nconst arrowModifier: Modifier<string> = {\n  name: \"arrow\",\n  options: {\n    padding: ARROW_PADDING,\n  },\n};\n\nconst sameWidthModifier: Modifier<string> = {\n  name: \"sameWidth\",\n  enabled: true,\n  phase: \"beforeWrite\",\n  requires: [\"computeStyles\"],\n  fn: ({ state }) => {\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n  },\n  effect: ({ state }) => {\n    state.elements.popper.style.width = `${\n      (state.elements.reference as HTMLElement).offsetWidth\n    }px`;\n  },\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Popper\n */\nexport const Popper = ({\n  targetRef,\n  children,\n  getRef,\n  placement = \"bottom-start\",\n  onPlacementChange,\n  arrow,\n  arrowClassName,\n  sameWidth,\n  offsetDistance = 8,\n  offsetSkidding = 0,\n  forcePortal = true,\n  style: compStyles,\n  customModifiers,\n  renderContent,\n  ...restProps\n}: PopperProps) => {\n  const [popperNode, setPopperNode] = React.useState<HTMLDivElement | null>(\n    null\n  );\n  const [smallTargetOffsetSkidding, setSmallTargetOffsetSkidding] =\n    React.useState(0);\n  const platform = usePlatform();\n\n  const setExternalRef = useExternRef<HTMLDivElement>(getRef, setPopperNode);\n\n  const modifiers = React.useMemo(() => {\n    const modifiers: Array<Modifier<string>> = [\n      preventOverflowModifier,\n      {\n        name: \"offset\",\n        options: {\n          offset: [\n            arrow ? offsetSkidding - smallTargetOffsetSkidding : offsetSkidding,\n            arrow ? offsetDistance + ARROW_HEIGHT : offsetDistance,\n          ],\n        },\n      },\n      flipModifier,\n    ];\n\n    if (arrow) {\n      modifiers.push(arrowModifier);\n    }\n\n    if (sameWidth) {\n      modifiers.push(sameWidthModifier);\n    }\n\n    if (customModifiers) {\n      modifiers.push(...customModifiers);\n    }\n    return modifiers;\n  }, [\n    arrow,\n    sameWidth,\n    smallTargetOffsetSkidding,\n    offsetSkidding,\n    offsetDistance,\n    customModifiers,\n  ]);\n\n  const { styles, state, attributes } = usePopper(\n    targetRef.current,\n    popperNode,\n    {\n      placement,\n      modifiers,\n    }\n  );\n\n  const resolvedPlacement = state?.placement;\n  const isEdgePlacement =\n    !!resolvedPlacement && resolvedPlacement.includes(\"-\"); // true, если поппер отрисован с краю\n\n  // Если поппер рисуется с краю, то нужно опционально сместить его в тех случаях, когда стрелка не дотягивается до\n  // таргета из-за маленьких размеров последнего\n  useIsomorphicLayoutEffect(() => {\n    if (arrow && isEdgePlacement) {\n      const placementDirection =\n        resolvedPlacement?.startsWith(\"bottom\") ||\n        resolvedPlacement?.startsWith(\"top\")\n          ? \"vertical\"\n          : \"horizontal\";\n\n      const arrowSize =\n        placementDirection === \"vertical\" ? ARROW_WIDTH : ARROW_HEIGHT;\n      const targetSize =\n        (placementDirection === \"vertical\"\n          ? targetRef.current?.offsetWidth\n          : targetRef.current?.offsetHeight) ?? 0;\n\n      if (targetSize < arrowSize + 2 * ARROW_PADDING) {\n        setSmallTargetOffsetSkidding(ARROW_PADDING + arrowSize / 2);\n      }\n    } else {\n      setSmallTargetOffsetSkidding(0);\n    }\n  }, [arrow, isEdgePlacement]);\n\n  React.useEffect(() => {\n    if (resolvedPlacement) {\n      onPlacementChange && onPlacementChange({ placement: resolvedPlacement });\n    }\n  }, [onPlacementChange, resolvedPlacement]);\n\n  const dropdown = (\n    <div\n      {...restProps}\n      {...attributes.popper}\n      vkuiClass={getClassName(\"Popper\", platform)}\n      ref={setExternalRef}\n      style={{\n        ...compStyles,\n        ...styles.popper,\n        minWidth: sameWidth ? targetRef.current?.scrollWidth : undefined,\n      }}\n    >\n      {arrow && (\n        <PopperArrow\n          attributes={attributes.arrow}\n          style={styles.arrow}\n          arrowClassName={arrowClassName}\n        />\n      )}\n      {renderContent ? (\n        renderContent({ className: \"Popper__content\" })\n      ) : (\n        <div vkuiClass=\"Popper__content\">{children}</div>\n      )}\n    </div>\n  );\n\n  return (\n    <AppRootPortal forcePortal={forcePortal} vkuiClass=\"PopperPortal\">\n      {dropdown}\n    </AppRootPortal>\n  );\n};\n"],"file":"Popper.js"}
+{"version":3,"file":"Popper.js","names":["ARROW_PADDING","ARROW_WIDTH","ARROW_HEIGHT","preventOverflowModifier","name","options","mainAxis","flipModifier","arrowModifier","padding","sameWidthModifier","enabled","phase","requires","fn","state","styles","popper","width","rects","reference","effect","elements","style","offsetWidth","Popper","targetRef","children","getRef","placement","onPlacementChange","arrow","arrowClassName","sameWidth","offsetDistance","offsetSkidding","forcePortal","compStyles","customModifiers","renderContent","restProps","React","useState","popperNode","setPopperNode","smallTargetOffsetSkidding","setSmallTargetOffsetSkidding","platform","usePlatform","setExternalRef","useExternRef","modifiers","useMemo","offset","push","usePopper","current","attributes","resolvedPlacement","isEdgePlacement","includes","useIsomorphicLayoutEffect","placementDirection","startsWith","arrowSize","targetSize","offsetHeight","useEffect","dropdown","getClassName","minWidth","scrollWidth","undefined","className"],"sources":["../../../../src/components/Popper/Popper.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { usePopper, Modifier } from \"react-popper\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { PopperArrow } from \"../PopperArrow/PopperArrow\";\nimport { HasRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport \"./Popper.css\";\n\nexport type Placement =\n  | \"auto\"\n  | \"auto-start\"\n  | \"auto-end\"\n  | \"top-start\"\n  | \"top-end\"\n  | \"bottom-start\"\n  | \"bottom-end\"\n  | \"right-start\"\n  | \"right-end\"\n  | \"left-start\"\n  | \"left-end\"\n  | \"top\"\n  | \"bottom\"\n  | \"left\"\n  | \"right\";\n\nexport interface PopperRenderContentProps {\n  className: string;\n}\n\nexport interface PopperCommonProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  /**\n   * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n   */\n  placement?: Placement;\n  /**\n   * Отступ по вспомогательной оси\n   */\n  offsetSkidding?: number;\n  /**\n   * Отступ по главной оси\n   */\n  offsetDistance?: number;\n  /**\n   * Отображать ли стрелку, указывающую на якорный элемент\n   */\n  arrow?: boolean;\n  /**\n   * Стиль стрелки\n   */\n  arrowClassName?: string;\n  /**\n   * Выставлять ширину равной target элементу\n   */\n  sameWidth?: boolean;\n  forcePortal?: boolean;\n  onPlacementChange?: (data: { placement?: Placement }) => void;\n  /**\n   * Массив кастомных модификаторов для Popper (необходимо мемоизировать)\n   */\n  customModifiers?: Array<Modifier<string>>;\n  /**\n   * При передаче содержимого в `children`, он будет обёрнут во внутренний контейнер.\n   *\n   * Если хочется управлять этим контейнером, то используйте данную функцию.\n   *\n   * > ⚠️ Параметр `children` будет проигнорирован.\n   */\n  renderContent?(props: PopperRenderContentProps): React.ReactNode;\n}\n\nexport interface PopperProps extends PopperCommonProps {\n  targetRef: React.RefObject<HTMLElement>;\n}\n\nconst ARROW_PADDING = 8;\nconst ARROW_WIDTH = 20;\nconst ARROW_HEIGHT = 8;\n\nconst preventOverflowModifier: Modifier<string> = {\n  name: \"preventOverflow\",\n  options: {\n    mainAxis: false,\n  },\n};\n\nconst flipModifier: Modifier<string> = {\n  name: \"flip\",\n};\n\nconst arrowModifier: Modifier<string> = {\n  name: \"arrow\",\n  options: {\n    padding: ARROW_PADDING,\n  },\n};\n\nconst sameWidthModifier: Modifier<string> = {\n  name: \"sameWidth\",\n  enabled: true,\n  phase: \"beforeWrite\",\n  requires: [\"computeStyles\"],\n  fn: ({ state }) => {\n    state.styles.popper.width = `${state.rects.reference.width}px`;\n  },\n  effect: ({ state }) => {\n    state.elements.popper.style.width = `${\n      (state.elements.reference as HTMLElement).offsetWidth\n    }px`;\n  },\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Popper\n */\nexport const Popper = ({\n  targetRef,\n  children,\n  getRef,\n  placement = \"bottom-start\",\n  onPlacementChange,\n  arrow,\n  arrowClassName,\n  sameWidth,\n  offsetDistance = 8,\n  offsetSkidding = 0,\n  forcePortal = true,\n  style: compStyles,\n  customModifiers,\n  renderContent,\n  ...restProps\n}: PopperProps) => {\n  const [popperNode, setPopperNode] = React.useState<HTMLDivElement | null>(\n    null\n  );\n  const [smallTargetOffsetSkidding, setSmallTargetOffsetSkidding] =\n    React.useState(0);\n  const platform = usePlatform();\n\n  const setExternalRef = useExternRef<HTMLDivElement>(getRef, setPopperNode);\n\n  const modifiers = React.useMemo(() => {\n    const modifiers: Array<Modifier<string>> = [\n      preventOverflowModifier,\n      {\n        name: \"offset\",\n        options: {\n          offset: [\n            arrow ? offsetSkidding - smallTargetOffsetSkidding : offsetSkidding,\n            arrow ? offsetDistance + ARROW_HEIGHT : offsetDistance,\n          ],\n        },\n      },\n      flipModifier,\n    ];\n\n    if (arrow) {\n      modifiers.push(arrowModifier);\n    }\n\n    if (sameWidth) {\n      modifiers.push(sameWidthModifier);\n    }\n\n    if (customModifiers) {\n      modifiers.push(...customModifiers);\n    }\n    return modifiers;\n  }, [\n    arrow,\n    sameWidth,\n    smallTargetOffsetSkidding,\n    offsetSkidding,\n    offsetDistance,\n    customModifiers,\n  ]);\n\n  const { styles, state, attributes } = usePopper(\n    targetRef.current,\n    popperNode,\n    {\n      placement,\n      modifiers,\n    }\n  );\n\n  const resolvedPlacement = state?.placement;\n  const isEdgePlacement =\n    !!resolvedPlacement && resolvedPlacement.includes(\"-\"); // true, если поппер отрисован с краю\n\n  // Если поппер рисуется с краю, то нужно опционально сместить его в тех случаях, когда стрелка не дотягивается до\n  // таргета из-за маленьких размеров последнего\n  useIsomorphicLayoutEffect(() => {\n    if (arrow && isEdgePlacement) {\n      const placementDirection =\n        resolvedPlacement?.startsWith(\"bottom\") ||\n        resolvedPlacement?.startsWith(\"top\")\n          ? \"vertical\"\n          : \"horizontal\";\n\n      const arrowSize =\n        placementDirection === \"vertical\" ? ARROW_WIDTH : ARROW_HEIGHT;\n      const targetSize =\n        (placementDirection === \"vertical\"\n          ? targetRef.current?.offsetWidth\n          : targetRef.current?.offsetHeight) ?? 0;\n\n      if (targetSize < arrowSize + 2 * ARROW_PADDING) {\n        setSmallTargetOffsetSkidding(ARROW_PADDING + arrowSize / 2);\n      }\n    } else {\n      setSmallTargetOffsetSkidding(0);\n    }\n  }, [arrow, isEdgePlacement]);\n\n  React.useEffect(() => {\n    if (resolvedPlacement) {\n      onPlacementChange && onPlacementChange({ placement: resolvedPlacement });\n    }\n  }, [onPlacementChange, resolvedPlacement]);\n\n  const dropdown = (\n    <div\n      {...restProps}\n      {...attributes.popper}\n      vkuiClass={getClassName(\"Popper\", platform)}\n      ref={setExternalRef}\n      style={{\n        ...compStyles,\n        ...styles.popper,\n        minWidth: sameWidth ? targetRef.current?.scrollWidth : undefined,\n      }}\n    >\n      {arrow && (\n        <PopperArrow\n          attributes={attributes.arrow}\n          style={styles.arrow}\n          arrowClassName={arrowClassName}\n        />\n      )}\n      {renderContent ? (\n        renderContent({ className: \"Popper__content\" })\n      ) : (\n        <div vkuiClass=\"Popper__content\">{children}</div>\n      )}\n    </div>\n  );\n\n  return (\n    <AppRootPortal forcePortal={forcePortal} vkuiClass=\"PopperPortal\">\n      {dropdown}\n    </AppRootPortal>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PopperArrow/PopperArrow.tsx"],"names":["PopperArrow","style","attributes","arrowClassName"],"mappings":";;;;;;;;;;;;;AASO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAIH;AAAA,MAHtBC,KAGsB,QAHtBA,KAGsB;AAAA,MAFtBC,UAEsB,QAFtBA,UAEsB;AAAA,MADtBC,cACsB,QADtBA,cACsB;AACtB,SACE;AACE,IAAA,KAAK,EAAEF;AADT,KAEMC,UAFN;AAGE,IAAA,SAAS,EAAC,aAHZ;AAIE,yBAAmB;AAJrB,MAME;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,IAAA,SAAS,EAAEC,cAFb;AAGE,IAAA,KAAK,EAAC,IAHR;AAIE,IAAA,MAAM,EAAC,GAJT;AAKE,IAAA,OAAO,EAAC,UALV;AAME,IAAA,IAAI,EAAC,MANP;AAOE,IAAA,KAAK,EAAC;AAPR,KASE;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,QAAQ,EAAC,SAFX;AAGE,IAAA,CAAC,EAAC,gDAHJ;AAIE,IAAA,IAAI,EAAC;AAJP,IATF,CANF,CADF;AAyBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport \"./PopperArrow.css\";\n\nexport interface PopperArrowProps {\n  style?: React.CSSProperties;\n  attributes?: React.HTMLAttributes<HTMLDivElement> | null;\n  arrowClassName?: string;\n}\n\nexport const PopperArrow = ({\n  style,\n  attributes,\n  arrowClassName,\n}: PopperArrowProps) => {\n  return (\n    <div\n      style={style}\n      {...attributes}\n      vkuiClass=\"PopperArrow\"\n      data-popper-arrow={true}\n    >\n      <svg\n        vkuiClass=\"PopperArrow__in\"\n        className={arrowClassName}\n        width=\"20\"\n        height=\"8\"\n        viewBox=\"0 0 20 8\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M10 0C13 0 15.9999 8 20 8H0C3.9749 8 7 0 10 0Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </div>\n  );\n};\n"],"file":"PopperArrow.js"}
+{"version":3,"file":"PopperArrow.js","names":["PopperArrow","style","attributes","arrowClassName"],"sources":["../../../../src/components/PopperArrow/PopperArrow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport \"./PopperArrow.css\";\n\nexport interface PopperArrowProps {\n  style?: React.CSSProperties;\n  attributes?: React.HTMLAttributes<HTMLDivElement> | null;\n  arrowClassName?: string;\n}\n\nexport const PopperArrow = ({\n  style,\n  attributes,\n  arrowClassName,\n}: PopperArrowProps) => {\n  return (\n    <div\n      style={style}\n      {...attributes}\n      vkuiClass=\"PopperArrow\"\n      data-popper-arrow={true}\n    >\n      <svg\n        vkuiClass=\"PopperArrow__in\"\n        className={arrowClassName}\n        width=\"20\"\n        height=\"8\"\n        viewBox=\"0 0 20 8\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M10 0C13 0 15.9999 8 20 8H0C3.9749 8 7 0 10 0Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AASO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAIH;EAAA,IAHtBC,KAGsB,QAHtBA,KAGsB;EAAA,IAFtBC,UAEsB,QAFtBA,UAEsB;EAAA,IADtBC,cACsB,QADtBA,cACsB;EACtB,OACE;IACE,KAAK,EAAEF;EADT,GAEMC,UAFN;IAGE,SAAS,EAAC,aAHZ;IAIE,qBAAmB;EAJrB,IAME;IACE,SAAS,EAAC,iBADZ;IAEE,SAAS,EAAEC,cAFb;IAGE,KAAK,EAAC,IAHR;IAIE,MAAM,EAAC,GAJT;IAKE,OAAO,EAAC,UALV;IAME,IAAI,EAAC,MANP;IAOE,KAAK,EAAC;EAPR,GASE;IACE,QAAQ,EAAC,SADX;IAEE,QAAQ,EAAC,SAFX;IAGE,CAAC,EAAC,gDAHJ;IAIE,IAAI,EAAC;EAJP,EATF,CANF,CADF;AAyBD,CA9BM"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Progress/Progress.tsx"],"names":["PROGRESS_MIN_VALUE","PROGRESS_MAX_VALUE","Progress","value","getRootRef","restProps","progress","Math","max","min","width"],"mappings":";;;;;;;;;;;;;;;;AAUA,IAAMA,kBAAkB,GAAG,CAA3B;AACA,IAAMC,kBAAkB,GAAG,GAA3B;AAEA;AACA;AACA;;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAIH;AAAA,wBAHnBC,KAGmB;AAAA,MAHnBA,KAGmB,2BAHX,CAGW;AAAA,MAFnBC,UAEmB,QAFnBA,UAEmB;AAAA,MADhBC,SACgB;AACnB,MAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAL,CACfR,kBADe,EAEfO,IAAI,CAACE,GAAL,CAASN,KAAT,EAAgBF,kBAAhB,CAFe,CAAjB;AAKA,SACE;AACE,qBAAeE;AADjB,KAEME,SAFN;AAGE,IAAA,IAAI,EAAC,aAHP;AAIE,qBAAeL,kBAJjB;AAKE,qBAAeC,kBALjB;AAME,IAAA,GAAG,EAAEG,UANP;AAOE,IAAA,SAAS,EAAC;AAPZ,MASE;AACE,IAAA,SAAS,EAAC,cADZ;AAEE,IAAA,KAAK,EAAE;AAAEM,MAAAA,KAAK,YAAKJ,QAAL;AAAP,KAFT;AAGE;AAHF,IATF,CADF;AAiBD,CA3BM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Progress.css\";\n\nexport interface ProgressProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  value?: number;\n}\n\nconst PROGRESS_MIN_VALUE = 0;\nconst PROGRESS_MAX_VALUE = 100;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Progress\n */\nexport const Progress = ({\n  value = 0,\n  getRootRef,\n  ...restProps\n}: ProgressProps) => {\n  const progress = Math.max(\n    PROGRESS_MIN_VALUE,\n    Math.min(value, PROGRESS_MAX_VALUE)\n  );\n\n  return (\n    <div\n      aria-valuenow={value}\n      {...restProps}\n      role=\"progressbar\"\n      aria-valuemin={PROGRESS_MIN_VALUE}\n      aria-valuemax={PROGRESS_MAX_VALUE}\n      ref={getRootRef}\n      vkuiClass=\"Progress\"\n    >\n      <div\n        vkuiClass=\"Progress__in\"\n        style={{ width: `${progress}%` }}\n        aria-hidden\n      />\n    </div>\n  );\n};\n"],"file":"Progress.js"}
+{"version":3,"file":"Progress.js","names":["PROGRESS_MIN_VALUE","PROGRESS_MAX_VALUE","Progress","value","getRootRef","restProps","progress","Math","max","min","width"],"sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Progress.css\";\n\nexport interface ProgressProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement> {\n  value?: number;\n}\n\nconst PROGRESS_MIN_VALUE = 0;\nconst PROGRESS_MAX_VALUE = 100;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Progress\n */\nexport const Progress = ({\n  value = 0,\n  getRootRef,\n  ...restProps\n}: ProgressProps) => {\n  const progress = Math.max(\n    PROGRESS_MIN_VALUE,\n    Math.min(value, PROGRESS_MAX_VALUE)\n  );\n\n  return (\n    <div\n      aria-valuenow={value}\n      {...restProps}\n      role=\"progressbar\"\n      aria-valuemin={PROGRESS_MIN_VALUE}\n      aria-valuemax={PROGRESS_MAX_VALUE}\n      ref={getRootRef}\n      vkuiClass=\"Progress\"\n    >\n      <div\n        vkuiClass=\"Progress__in\"\n        style={{ width: `${progress}%` }}\n        aria-hidden\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AAUA,IAAMA,kBAAkB,GAAG,CAA3B;AACA,IAAMC,kBAAkB,GAAG,GAA3B;AAEA;AACA;AACA;;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAIH;EAAA,sBAHnBC,KAGmB;EAAA,IAHnBA,KAGmB,2BAHX,CAGW;EAAA,IAFnBC,UAEmB,QAFnBA,UAEmB;EAAA,IADhBC,SACgB;EACnB,IAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAL,CACfR,kBADe,EAEfO,IAAI,CAACE,GAAL,CAASN,KAAT,EAAgBF,kBAAhB,CAFe,CAAjB;EAKA,OACE;IACE,iBAAeE;EADjB,GAEME,SAFN;IAGE,IAAI,EAAC,aAHP;IAIE,iBAAeL,kBAJjB;IAKE,iBAAeC,kBALjB;IAME,GAAG,EAAEG,UANP;IAOE,SAAS,EAAC;EAPZ,IASE;IACE,SAAS,EAAC,cADZ;IAEE,KAAK,EAAE;MAAEM,KAAK,YAAKJ,QAAL;IAAP,CAFT;IAGE;EAHF,EATF,CADF;AAiBD,CA3BM"}

package/dist/cjs/components/PromoBanner/PromoBanner.js

@@ -96,7 +96,7 @@ var PromoBanner = function PromoBanner(_ref) {
     after: (0, _jsxRuntime.createScopedElement)(_Button.Button, {
       mode: "outline"
     }, bannerData.ctaText),
-    description: bannerData.domain
+    subtitle: bannerData.domain
   }, bannerData.title), currentPixel.length > 0 && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "PromoBanner__pixels"
   }, (0, _jsxRuntime.createScopedElement)("img", {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PromoBanner/PromoBanner.tsx"],"names":["warn","PromoBanner","bannerData","onClose","isCloseButtonHidden","restProps","ageRestrictions","parseInt","ageRestriction","process","env","NODE_ENV","React","useState","currentPixel","setCurrentPixel","statsPixels","useMemo","statistics","reduce","acc","item","type","url","onClick","useCallback","click","useEffect","playbackStarted","advertisingLabel","trackingLink","iconLink","title","ctaText","domain","length"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { Button } from \"../Button/Button\";\nimport { SimpleCell } from \"../SimpleCell/SimpleCell\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./PromoBanner.css\";\n\ntype StatsType =\n  | \"playbackStarted\" // Начало показа\n  | \"click\"; // Клик по баннеру\n\ntype BannerData = {\n  title?: string;\n  url_types?: string; // eslint-disable-line camelcase\n  bannerID?: string;\n  imageWidth?: number;\n  imageHeight?: number;\n  imageLink?: string;\n  trackingLink?: string;\n  type?: string;\n  iconWidth?: number;\n  domain?: string;\n  ctaText?: string;\n  advertisingLabel?: string;\n  iconLink?: string;\n  statistics?: Array<{ type: StatsType; url: string }>;\n  openInBrowser?: boolean;\n  iconHeight?: number;\n  directLink?: boolean;\n  navigationType?: string;\n  description?: string;\n  ageRestrictions?: string;\n  /** @deprecated */\n  ageRestriction?: number;\n};\n\nexport interface PromoBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Данные рекламного баннера, полученные из VKWebAppGetAds */\n  bannerData: BannerData;\n  /** Флаг скрытия кнопки закрытия рекламы */\n  isCloseButtonHidden?: boolean;\n  /** Хандлер закрытия рекламы */\n  onClose: () => void;\n}\n\nconst warn = warnOnce(\"PromoBanner\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PromoBanner\n */\nexport const PromoBanner = ({\n  bannerData = {},\n  onClose,\n  isCloseButtonHidden,\n  ...restProps\n}: PromoBannerProps) => {\n  const ageRestrictions =\n    bannerData.ageRestrictions != null\n      ? parseInt(bannerData.ageRestrictions)\n      : bannerData.ageRestriction;\n\n  if (bannerData.ageRestriction && process.env.NODE_ENV === \"development\") {\n    warn(\n      \"Свойство bannerData.ageRestriction устарело и будет удалено в 5.0.0. Используйте bannerData.ageRestrictions\"\n    );\n  }\n\n  const [currentPixel, setCurrentPixel] = React.useState(\"\");\n\n  const statsPixels = React.useMemo(\n    () =>\n      (bannerData.statistics\n        ? bannerData.statistics.reduce(\n            (acc, item) => ({ ...acc, [item.type]: item.url }),\n            {}\n          )\n        : {}) as Record<StatsType, string | void>,\n    [bannerData.statistics]\n  );\n\n  const onClick = React.useCallback(\n    () => setCurrentPixel(statsPixels.click || \"\"),\n    [statsPixels.click]\n  );\n\n  React.useEffect(() => {\n    if (statsPixels.playbackStarted) {\n      setCurrentPixel(statsPixels.playbackStarted);\n    }\n  }, [statsPixels.playbackStarted]);\n\n  return (\n    <div vkuiClass=\"PromoBanner\" {...restProps}>\n      <div vkuiClass=\"PromoBanner__head\">\n        <Caption vkuiClass=\"PromoBanner__label\">\n          {bannerData.advertisingLabel || \"Advertisement\"}\n        </Caption>\n        {ageRestrictions != null && (\n          <Caption vkuiClass=\"PromoBanner__age\">{ageRestrictions}+</Caption>\n        )}\n\n        {!isCloseButtonHidden && (\n          <div vkuiClass=\"PromoBanner__close\" onClick={onClose}>\n            <Icon24Dismiss />\n          </div>\n        )}\n      </div>\n      <SimpleCell\n        href={bannerData.trackingLink}\n        onClick={onClick}\n        rel=\"nofollow noopener noreferrer\"\n        target=\"_blank\"\n        before={\n          <Avatar\n            mode=\"image\"\n            size={48}\n            src={bannerData.iconLink}\n            alt={bannerData.title}\n          />\n        }\n        after={<Button mode=\"outline\">{bannerData.ctaText}</Button>}\n        description={bannerData.domain}\n      >\n        {bannerData.title}\n      </SimpleCell>\n\n      {currentPixel.length > 0 && (\n        <div vkuiClass=\"PromoBanner__pixels\">\n          <img src={currentPixel} alt=\"\" />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"file":"PromoBanner.js"}
+{"version":3,"file":"PromoBanner.js","names":["warn","warnOnce","PromoBanner","bannerData","onClose","isCloseButtonHidden","restProps","ageRestrictions","parseInt","ageRestriction","process","env","NODE_ENV","React","useState","currentPixel","setCurrentPixel","statsPixels","useMemo","statistics","reduce","acc","item","type","url","onClick","useCallback","click","useEffect","playbackStarted","advertisingLabel","trackingLink","iconLink","title","ctaText","domain","length"],"sources":["../../../../src/components/PromoBanner/PromoBanner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { Button } from \"../Button/Button\";\nimport { SimpleCell } from \"../SimpleCell/SimpleCell\";\nimport { Avatar } from \"../Avatar/Avatar\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./PromoBanner.css\";\n\ntype StatsType =\n  | \"playbackStarted\" // Начало показа\n  | \"click\"; // Клик по баннеру\n\ntype BannerData = {\n  title?: string;\n  url_types?: string; // eslint-disable-line camelcase\n  bannerID?: string;\n  imageWidth?: number;\n  imageHeight?: number;\n  imageLink?: string;\n  trackingLink?: string;\n  type?: string;\n  iconWidth?: number;\n  domain?: string;\n  ctaText?: string;\n  advertisingLabel?: string;\n  iconLink?: string;\n  statistics?: Array<{ type: StatsType; url: string }>;\n  openInBrowser?: boolean;\n  iconHeight?: number;\n  directLink?: boolean;\n  navigationType?: string;\n  description?: string;\n  ageRestrictions?: string;\n  /** @deprecated */\n  ageRestriction?: number;\n};\n\nexport interface PromoBannerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Данные рекламного баннера, полученные из VKWebAppGetAds */\n  bannerData: BannerData;\n  /** Флаг скрытия кнопки закрытия рекламы */\n  isCloseButtonHidden?: boolean;\n  /** Хандлер закрытия рекламы */\n  onClose: () => void;\n}\n\nconst warn = warnOnce(\"PromoBanner\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PromoBanner\n */\nexport const PromoBanner = ({\n  bannerData = {},\n  onClose,\n  isCloseButtonHidden,\n  ...restProps\n}: PromoBannerProps) => {\n  const ageRestrictions =\n    bannerData.ageRestrictions != null\n      ? parseInt(bannerData.ageRestrictions)\n      : bannerData.ageRestriction;\n\n  if (bannerData.ageRestriction && process.env.NODE_ENV === \"development\") {\n    warn(\n      \"Свойство bannerData.ageRestriction устарело и будет удалено в 5.0.0. Используйте bannerData.ageRestrictions\"\n    );\n  }\n\n  const [currentPixel, setCurrentPixel] = React.useState(\"\");\n\n  const statsPixels = React.useMemo(\n    () =>\n      (bannerData.statistics\n        ? bannerData.statistics.reduce(\n            (acc, item) => ({ ...acc, [item.type]: item.url }),\n            {}\n          )\n        : {}) as Record<StatsType, string | void>,\n    [bannerData.statistics]\n  );\n\n  const onClick = React.useCallback(\n    () => setCurrentPixel(statsPixels.click || \"\"),\n    [statsPixels.click]\n  );\n\n  React.useEffect(() => {\n    if (statsPixels.playbackStarted) {\n      setCurrentPixel(statsPixels.playbackStarted);\n    }\n  }, [statsPixels.playbackStarted]);\n\n  return (\n    <div vkuiClass=\"PromoBanner\" {...restProps}>\n      <div vkuiClass=\"PromoBanner__head\">\n        <Caption vkuiClass=\"PromoBanner__label\">\n          {bannerData.advertisingLabel || \"Advertisement\"}\n        </Caption>\n        {ageRestrictions != null && (\n          <Caption vkuiClass=\"PromoBanner__age\">{ageRestrictions}+</Caption>\n        )}\n\n        {!isCloseButtonHidden && (\n          <div vkuiClass=\"PromoBanner__close\" onClick={onClose}>\n            <Icon24Dismiss />\n          </div>\n        )}\n      </div>\n      <SimpleCell\n        href={bannerData.trackingLink}\n        onClick={onClick}\n        rel=\"nofollow noopener noreferrer\"\n        target=\"_blank\"\n        before={\n          <Avatar\n            mode=\"image\"\n            size={48}\n            src={bannerData.iconLink}\n            alt={bannerData.title}\n          />\n        }\n        after={<Button mode=\"outline\">{bannerData.ctaText}</Button>}\n        subtitle={bannerData.domain}\n      >\n        {bannerData.title}\n      </SimpleCell>\n\n      {currentPixel.length > 0 && (\n        <div vkuiClass=\"PromoBanner__pixels\">\n          <img src={currentPixel} alt=\"\" />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"names":["cancelEvent","event","originalEvent","preventDefault","cancelable","stopPropagation","TOUCH_MOVE_EVENT_PARAMS","passive","PullToRefresh","children","isFetching","onRefresh","restProps","platform","scroll","document","prevIsFetching","initParams","React","useMemo","start","IOS","max","maxY","refreshing","positionMultiplier","useState","spinnerY","setSpinnerY","watching","setWatching","setRefreshing","canRefresh","setCanRefresh","touchDown","setTouchDown","prevTouchDown","touchY","useRef","contentShift","setContentShift","spinnerProgress","setSpinnerProgress","onWindowTouchMove","resetRefreshingState","useCallback","onRefreshingFinish","setWaitFetchingTimeout","set","clearWaitFetchingTimeout","clear","undefined","runRefreshing","prevSpinnerY","onTouchStart","e","onTouchMove","isY","shiftY","pageYOffset","getScroll","y","shift","Math","current","currentY","min","progress","abs","onTouchEnd","spinnerTransform","contentTransform","transform","WebkitTransform","opacity"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { AnyFunction, HasPlatform } from \"../../types\";\nimport { DOMProps, useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { runTapticImpactOccurred } from \"../../lib/taptic\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { ScrollContextInterface, useScroll } from \"../AppRoot/ScrollContext\";\nimport { Touch, TouchEvent, TouchProps } from \"../Touch/Touch\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { PullToRefreshSpinner } from \"./PullToRefreshSpinner\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\n\nfunction cancelEvent(event: any) {\n  if (!event) {\n    return false;\n  }\n  while (event.originalEvent) {\n    event = event.originalEvent;\n  }\n  if (event.preventDefault && event.cancelable) {\n    event.preventDefault();\n  }\n  if (event.stopPropagation) {\n    event.stopPropagation();\n  }\n  return false;\n}\n\nexport interface PullToRefreshProps extends DOMProps, TouchProps, HasPlatform {\n  /**\n   * Будет вызвана для обновления контента (прим.: функция должна быть мемоизированным коллбэком)\n   */\n  onRefresh: AnyFunction;\n  /**\n   * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`\n   */\n  isFetching?: boolean;\n  /** @ignore */\n  scroll?: ScrollContextInterface;\n  children?: React.ReactNode;\n}\n\nconst TOUCH_MOVE_EVENT_PARAMS = {\n  cancelable: true,\n  passive: false,\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PullToRefresh\n */\nexport const PullToRefresh = ({\n  children,\n  isFetching,\n  onRefresh,\n  ...restProps\n}: PullToRefreshProps) => {\n  const platform = usePlatform();\n  const scroll = useScroll();\n  const { document } = useDOM();\n  const prevIsFetching = usePrevious(isFetching);\n\n  const initParams = React.useMemo(\n    () => ({\n      start: platform === IOS ? -10 : -45,\n      max: platform === IOS ? 50 : 80,\n      maxY: platform === IOS ? 400 : 80,\n      refreshing: platform === IOS ? 36 : 50,\n      positionMultiplier: platform === IOS ? 0.21 : 1,\n    }),\n    [platform]\n  );\n\n  const [spinnerY, setSpinnerY] = React.useState(initParams.start);\n  const [watching, setWatching] = React.useState(false);\n  const [refreshing, setRefreshing] = React.useState(false);\n  const [canRefresh, setCanRefresh] = React.useState(false);\n  const [touchDown, setTouchDown] = React.useState(false);\n  const prevTouchDown = usePrevious(touchDown);\n\n  const touchY = React.useRef(0);\n  const [contentShift, setContentShift] = React.useState(0);\n  const [spinnerProgress, setSpinnerProgress] = React.useState(0);\n\n  const onWindowTouchMove = (event: Event) => {\n    if (refreshing) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  useGlobalEventListener(\n    document,\n    \"touchmove\",\n    onWindowTouchMove,\n    TOUCH_MOVE_EVENT_PARAMS\n  );\n\n  const resetRefreshingState = React.useCallback(() => {\n    setWatching(false);\n    setCanRefresh(false);\n    setRefreshing(false);\n    setSpinnerY(initParams.start);\n    setSpinnerProgress(0);\n    setContentShift(0);\n  }, [initParams]);\n\n  const onRefreshingFinish = React.useCallback(() => {\n    if (!touchDown) {\n      resetRefreshingState();\n    }\n  }, [touchDown, resetRefreshingState]);\n\n  const { set: setWaitFetchingTimeout, clear: clearWaitFetchingTimeout } =\n    useTimeout(onRefreshingFinish, 1000);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevIsFetching !== undefined && prevIsFetching && !isFetching) {\n      onRefreshingFinish();\n    }\n  }, [prevIsFetching, isFetching, onRefreshingFinish]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevIsFetching !== undefined && !prevIsFetching && isFetching) {\n      clearWaitFetchingTimeout();\n    }\n  }, [isFetching, prevIsFetching, clearWaitFetchingTimeout]);\n\n  const runRefreshing = React.useCallback(() => {\n    if (!refreshing && onRefresh) {\n      // cleanup if the consumer does not start fetching in 1s\n      setWaitFetchingTimeout();\n\n      setRefreshing(true);\n      setSpinnerY((prevSpinnerY) =>\n        platform === IOS ? prevSpinnerY : initParams.refreshing\n      );\n\n      onRefresh();\n      runTapticImpactOccurred(\"light\");\n    }\n  }, [\n    refreshing,\n    onRefresh,\n    setWaitFetchingTimeout,\n    platform,\n    initParams.refreshing,\n  ]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevTouchDown !== undefined && prevTouchDown && !touchDown) {\n      if (!refreshing && canRefresh) {\n        runRefreshing();\n      } else if (refreshing && !isFetching) {\n        // only iOS can start refresh before gesture end\n        resetRefreshingState();\n      } else {\n        // refreshing && isFetching: refresh in progress\n        // OR !refreshing && !canRefresh: pull was not strong enough\n        setSpinnerY(refreshing ? initParams.refreshing : initParams.start);\n        setSpinnerProgress(0);\n        setContentShift(0);\n      }\n    }\n  }, [\n    initParams,\n    prevIsFetching,\n    isFetching,\n    onRefreshingFinish,\n    prevTouchDown,\n    touchDown,\n    refreshing,\n    canRefresh,\n    runRefreshing,\n  ]);\n\n  const onTouchStart = (e: TouchEvent) => {\n    if (refreshing) {\n      cancelEvent(e);\n    }\n    setTouchDown(true);\n  };\n\n  const onTouchMove = (e: TouchEvent) => {\n    const { isY, shiftY } = e;\n    const { start, max } = initParams;\n    const pageYOffset = scroll?.getScroll().y;\n\n    if (watching && touchDown) {\n      cancelEvent(e);\n\n      const { positionMultiplier, maxY } = initParams;\n\n      const shift = Math.max(0, shiftY - touchY.current);\n\n      const currentY = Math.max(\n        start,\n        Math.min(maxY, start + shift * positionMultiplier)\n      );\n      const progress =\n        currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;\n\n      setSpinnerY(currentY);\n      setSpinnerProgress(Math.min(80, Math.max(0, progress)));\n      setCanRefresh(progress > 80);\n      setContentShift((currentY + 10) * 2.3);\n\n      if (progress > 85 && !refreshing && platform === IOS) {\n        runRefreshing();\n      }\n    } else if (\n      isY &&\n      pageYOffset === 0 &&\n      shiftY > 0 &&\n      !refreshing &&\n      touchDown\n    ) {\n      cancelEvent(e);\n\n      touchY.current = shiftY;\n      setWatching(true);\n      setSpinnerY(start);\n      setSpinnerProgress(0);\n    }\n  };\n\n  const onTouchEnd = () => {\n    setWatching(false);\n    setTouchDown(false);\n  };\n\n  const spinnerTransform = `translate3d(0, ${spinnerY}px, 0)`;\n  let contentTransform = \"\";\n\n  if (platform === IOS && refreshing && !touchDown) {\n    contentTransform = \"translate3d(0, 100px, 0)\";\n  } else if (platform === IOS && (contentShift || refreshing)) {\n    contentTransform = `translate3d(0, ${contentShift}px, 0)`;\n  }\n\n  return (\n    <TouchRootContext.Provider value={true}>\n      <Touch\n        {...restProps}\n        onStart={onTouchStart}\n        onMove={onTouchMove}\n        onEnd={onTouchEnd}\n        vkuiClass={classNames(\n          \"PullToRefresh\",\n          platform === IOS && \"PullToRefresh--ios\",\n          watching && \"PullToRefresh--watching\",\n          refreshing && \"PullToRefresh--refreshing\"\n        )}\n      >\n        <FixedLayout vkuiClass=\"PullToRefresh__controls\">\n          <PullToRefreshSpinner\n            style={{\n              transform: spinnerTransform,\n              WebkitTransform: spinnerTransform,\n              opacity: watching || refreshing || canRefresh ? 1 : 0,\n            }}\n            on={refreshing}\n            progress={refreshing ? undefined : spinnerProgress}\n          />\n        </FixedLayout>\n\n        <div\n          vkuiClass=\"PullToRefresh__content\"\n          style={{\n            transform: contentTransform,\n            WebkitTransform: contentTransform,\n          }}\n        >\n          {children}\n        </div>\n      </Touch>\n    </TouchRootContext.Provider>\n  );\n};\n"],"file":"PullToRefresh.js"}
+{"version":3,"file":"PullToRefresh.js","names":["cancelEvent","event","originalEvent","preventDefault","cancelable","stopPropagation","TOUCH_MOVE_EVENT_PARAMS","passive","PullToRefresh","children","isFetching","onRefresh","restProps","platform","usePlatform","scroll","useScroll","useDOM","document","prevIsFetching","usePrevious","initParams","React","useMemo","start","IOS","max","maxY","refreshing","positionMultiplier","useState","spinnerY","setSpinnerY","watching","setWatching","setRefreshing","canRefresh","setCanRefresh","touchDown","setTouchDown","prevTouchDown","touchY","useRef","contentShift","setContentShift","spinnerProgress","setSpinnerProgress","onWindowTouchMove","useGlobalEventListener","resetRefreshingState","useCallback","onRefreshingFinish","useTimeout","setWaitFetchingTimeout","set","clearWaitFetchingTimeout","clear","useIsomorphicLayoutEffect","undefined","runRefreshing","prevSpinnerY","runTapticImpactOccurred","onTouchStart","e","onTouchMove","isY","shiftY","pageYOffset","getScroll","y","shift","Math","current","currentY","min","progress","abs","onTouchEnd","spinnerTransform","contentTransform","classNames","transform","WebkitTransform","opacity"],"sources":["../../../../src/components/PullToRefresh/PullToRefresh.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { AnyFunction, HasPlatform } from \"../../types\";\nimport { DOMProps, useDOM } from \"../../lib/dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { runTapticImpactOccurred } from \"../../lib/taptic\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { ScrollContextInterface, useScroll } from \"../AppRoot/ScrollContext\";\nimport { Touch, TouchEvent, TouchProps } from \"../Touch/Touch\";\nimport { FixedLayout } from \"../FixedLayout/FixedLayout\";\nimport { PullToRefreshSpinner } from \"./PullToRefreshSpinner\";\nimport TouchRootContext from \"../Touch/TouchContext\";\nimport { usePrevious } from \"../../hooks/usePrevious\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\n\nfunction cancelEvent(event: any) {\n  if (!event) {\n    return false;\n  }\n  while (event.originalEvent) {\n    event = event.originalEvent;\n  }\n  if (event.preventDefault && event.cancelable) {\n    event.preventDefault();\n  }\n  if (event.stopPropagation) {\n    event.stopPropagation();\n  }\n  return false;\n}\n\nexport interface PullToRefreshProps extends DOMProps, TouchProps, HasPlatform {\n  /**\n   * Будет вызвана для обновления контента (прим.: функция должна быть мемоизированным коллбэком)\n   */\n  onRefresh: AnyFunction;\n  /**\n   * Определяет, выполняется ли обновление. Для скрытия спиннера после получения контента необходимо передать `false`\n   */\n  isFetching?: boolean;\n  /** @ignore */\n  scroll?: ScrollContextInterface;\n  children?: React.ReactNode;\n}\n\nconst TOUCH_MOVE_EVENT_PARAMS = {\n  cancelable: true,\n  passive: false,\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PullToRefresh\n */\nexport const PullToRefresh = ({\n  children,\n  isFetching,\n  onRefresh,\n  ...restProps\n}: PullToRefreshProps) => {\n  const platform = usePlatform();\n  const scroll = useScroll();\n  const { document } = useDOM();\n  const prevIsFetching = usePrevious(isFetching);\n\n  const initParams = React.useMemo(\n    () => ({\n      start: platform === IOS ? -10 : -45,\n      max: platform === IOS ? 50 : 80,\n      maxY: platform === IOS ? 400 : 80,\n      refreshing: platform === IOS ? 36 : 50,\n      positionMultiplier: platform === IOS ? 0.21 : 1,\n    }),\n    [platform]\n  );\n\n  const [spinnerY, setSpinnerY] = React.useState(initParams.start);\n  const [watching, setWatching] = React.useState(false);\n  const [refreshing, setRefreshing] = React.useState(false);\n  const [canRefresh, setCanRefresh] = React.useState(false);\n  const [touchDown, setTouchDown] = React.useState(false);\n  const prevTouchDown = usePrevious(touchDown);\n\n  const touchY = React.useRef(0);\n  const [contentShift, setContentShift] = React.useState(0);\n  const [spinnerProgress, setSpinnerProgress] = React.useState(0);\n\n  const onWindowTouchMove = (event: Event) => {\n    if (refreshing) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  useGlobalEventListener(\n    document,\n    \"touchmove\",\n    onWindowTouchMove,\n    TOUCH_MOVE_EVENT_PARAMS\n  );\n\n  const resetRefreshingState = React.useCallback(() => {\n    setWatching(false);\n    setCanRefresh(false);\n    setRefreshing(false);\n    setSpinnerY(initParams.start);\n    setSpinnerProgress(0);\n    setContentShift(0);\n  }, [initParams]);\n\n  const onRefreshingFinish = React.useCallback(() => {\n    if (!touchDown) {\n      resetRefreshingState();\n    }\n  }, [touchDown, resetRefreshingState]);\n\n  const { set: setWaitFetchingTimeout, clear: clearWaitFetchingTimeout } =\n    useTimeout(onRefreshingFinish, 1000);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevIsFetching !== undefined && prevIsFetching && !isFetching) {\n      onRefreshingFinish();\n    }\n  }, [prevIsFetching, isFetching, onRefreshingFinish]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevIsFetching !== undefined && !prevIsFetching && isFetching) {\n      clearWaitFetchingTimeout();\n    }\n  }, [isFetching, prevIsFetching, clearWaitFetchingTimeout]);\n\n  const runRefreshing = React.useCallback(() => {\n    if (!refreshing && onRefresh) {\n      // cleanup if the consumer does not start fetching in 1s\n      setWaitFetchingTimeout();\n\n      setRefreshing(true);\n      setSpinnerY((prevSpinnerY) =>\n        platform === IOS ? prevSpinnerY : initParams.refreshing\n      );\n\n      onRefresh();\n      runTapticImpactOccurred(\"light\");\n    }\n  }, [\n    refreshing,\n    onRefresh,\n    setWaitFetchingTimeout,\n    platform,\n    initParams.refreshing,\n  ]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (prevTouchDown !== undefined && prevTouchDown && !touchDown) {\n      if (!refreshing && canRefresh) {\n        runRefreshing();\n      } else if (refreshing && !isFetching) {\n        // only iOS can start refresh before gesture end\n        resetRefreshingState();\n      } else {\n        // refreshing && isFetching: refresh in progress\n        // OR !refreshing && !canRefresh: pull was not strong enough\n        setSpinnerY(refreshing ? initParams.refreshing : initParams.start);\n        setSpinnerProgress(0);\n        setContentShift(0);\n      }\n    }\n  }, [\n    initParams,\n    prevIsFetching,\n    isFetching,\n    onRefreshingFinish,\n    prevTouchDown,\n    touchDown,\n    refreshing,\n    canRefresh,\n    runRefreshing,\n  ]);\n\n  const onTouchStart = (e: TouchEvent) => {\n    if (refreshing) {\n      cancelEvent(e);\n    }\n    setTouchDown(true);\n  };\n\n  const onTouchMove = (e: TouchEvent) => {\n    const { isY, shiftY } = e;\n    const { start, max } = initParams;\n    const pageYOffset = scroll?.getScroll().y;\n\n    if (watching && touchDown) {\n      cancelEvent(e);\n\n      const { positionMultiplier, maxY } = initParams;\n\n      const shift = Math.max(0, shiftY - touchY.current);\n\n      const currentY = Math.max(\n        start,\n        Math.min(maxY, start + shift * positionMultiplier)\n      );\n      const progress =\n        currentY > -10 ? Math.abs((currentY + 10) / max) * 80 : 0;\n\n      setSpinnerY(currentY);\n      setSpinnerProgress(Math.min(80, Math.max(0, progress)));\n      setCanRefresh(progress > 80);\n      setContentShift((currentY + 10) * 2.3);\n\n      if (progress > 85 && !refreshing && platform === IOS) {\n        runRefreshing();\n      }\n    } else if (\n      isY &&\n      pageYOffset === 0 &&\n      shiftY > 0 &&\n      !refreshing &&\n      touchDown\n    ) {\n      cancelEvent(e);\n\n      touchY.current = shiftY;\n      setWatching(true);\n      setSpinnerY(start);\n      setSpinnerProgress(0);\n    }\n  };\n\n  const onTouchEnd = () => {\n    setWatching(false);\n    setTouchDown(false);\n  };\n\n  const spinnerTransform = `translate3d(0, ${spinnerY}px, 0)`;\n  let contentTransform = \"\";\n\n  if (platform === IOS && refreshing && !touchDown) {\n    contentTransform = \"translate3d(0, 100px, 0)\";\n  } else if (platform === IOS && (contentShift || refreshing)) {\n    contentTransform = `translate3d(0, ${contentShift}px, 0)`;\n  }\n\n  return (\n    <TouchRootContext.Provider value={true}>\n      <Touch\n        {...restProps}\n        onStart={onTouchStart}\n        onMove={onTouchMove}\n        onEnd={onTouchEnd}\n        vkuiClass={classNames(\n          \"PullToRefresh\",\n          platform === IOS && \"PullToRefresh--ios\",\n          watching && \"PullToRefresh--watching\",\n          refreshing && \"PullToRefresh--refreshing\"\n        )}\n      >\n        <FixedLayout vkuiClass=\"PullToRefresh__controls\">\n          <PullToRefreshSpinner\n            style={{\n              transform: spinnerTransform,\n              WebkitTransform: spinnerTransform,\n              opacity: watching || refreshing || canRefresh ? 1 : 0,\n            }}\n            on={refreshing}\n            progress={refreshing ? undefined : spinnerProgress}\n          />\n        </FixedLayout>\n\n        <div\n          vkuiClass=\"PullToRefresh__content\"\n          style={{\n            transform: contentTransform,\n            WebkitTransform: contentTransform,\n          }}\n        >\n          {children}\n        </div>\n      </Touch>\n    </TouchRootContext.Provider>\n  );\n};\n"],"mappings":"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"}