npm - @vkontakte/vkui - Versions diffs - 4.24.0 → 4.26.0 - Mend

@vkontakte/vkui 4.24.0 → 4.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1490) hide show

package/dist/components/Group/Group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Group/Group.tsx"],"names":["React","getClassName","classNames","usePlatform","Separator","hasReactNode","Caption","withAdaptivity","SizeType","ModalRootContext","Group","props","header","description","children","separator","getRootRef","mode","sizeX","restProps","useContext","isInsideModal","platform","computedMode","COMPACT","defaultProps"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,WAAT;AACA,OAAOC,SAAP;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,SACEC,cADF,EAGEC,QAHF;AAKA,OAAOC,gBAAP;;AAwBA,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,CAACC,KAAD,EAAuB;AACzD,MACEC,MADF,GASID,KATJ,CACEC,MADF;AAAA,MAEEC,WAFF,GASIF,KATJ,CAEEE,WAFF;AAAA,MAGEC,QAHF,GASIH,KATJ,CAGEG,QAHF;AAAA,MAIEC,SAJF,GASIJ,KATJ,CAIEI,SAJF;AAAA,MAKEC,UALF,GASIL,KATJ,CAKEK,UALF;AAAA,MAMEC,IANF,GASIN,KATJ,CAMEM,IANF;AAAA,MAOEC,KAPF,GASIP,KATJ,CAOEO,KAPF;AAAA,MAQKC,SARL,4BASIR,KATJ;;AAUA,0BAA0BX,KAAK,CAACoB,UAAN,CAAiBX,gBAAjB,CAA1B;AAAA,MAAQY,aAAR,qBAAQA,aAAR;;AACA,MAAMC,QAAQ,GAAGnB,WAAW,EAA5B;AAEA,MAAIoB,YAAgC,GAAGN,IAAvC;;AAEA,MAAI,CAACA,IAAL,EAAW;AACTM,IAAAA,YAAY,GACVL,KAAK,KAAKV,QAAQ,CAACgB,OAAnB,IAA8BH,aAA9B,GAA8C,OAA9C,GAAwD,MAD1D;AAED;;AAED,SACE,4CACMF,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAEd,UAAU,CACnBD,YAAY,CAAC,OAAD,EAAUqB,QAAV,CADO,yBAEHJ,KAFG,oBAGTK,YAHS;AAHvB,MASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGX,MADH,EAEGE,QAFH,EAGGT,YAAY,CAACQ,WAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,oBAAnB;AAAwC,IAAA,MAAM,EAAC,SAA/C;AAAyD,IAAA,KAAK,EAAC;AAA/D,KACGA,WADH,CAJJ,CATF,EAmBGE,SAAS,KAAK,MAAd,IACC,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEb,UAAU,CAAC,kBAAD,EAAqB;AACxC,iCAA2Ba,SAAS,KAAK;AADD,KAArB,CADvB;AAIE,IAAA,QAAQ,EAAEQ,YAAY,KAAK;AAJ7B,IApBJ,CADF;AA8BD,CAnDD;;AAqDAb,KAAK,CAACe,YAAN,GAAqB;AACnBV,EAAAA,SAAS,EAAE;AADQ,CAArB~~;AAIA~~,eAAeR,cAAc,CAACG,KAAD,EAAQ;AAAEQ,EAAAA,KAAK,EAAE;AAAT,CAAR,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Separator from \"../Separator/Separator\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport ModalRootContext from \"../ModalRoot/ModalRootContext\";\nimport \"./Group.css\";\n\nexport interface GroupProps\n extends HasRootRef<HTMLElement>,\n React.HTMLAttributes<HTMLElement>,\n AdaptivityProps {\n header?: React.ReactNode;\n description?: React.ReactNode;\n /*\n show - разделитель всегда показывается,\n hide – разделитель всегда спрятан,\n auto – разделитель рисуется автоматически между соседними группами.\n /\n separator?: \"show\" \| \"hide\" \| \"auto\";\n /*\n Режим отображения. Если установлен 'card', выглядит как карточка c\n * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n * по умолчанию 'plain'.\n */\n mode?: \"plain\" \| \"card\";\n}\n\nconst Group: React.FC<GroupProps> = (props: GroupProps) => {\n const {\n header,\n description,\n children,\n separator,\n getRootRef,\n mode,\n sizeX,\n ...restProps\n } = props;\n const { isInsideModal } = React.useContext(ModalRootContext);\n const platform = usePlatform();\n\n let computedMode: GroupProps[\"mode\"] = mode;\n\n if (!mode) {\n computedMode =\n sizeX === SizeType.COMPACT \|\| isInsideModal ? \"plain\" : \"card\";\n }\n\n return (\n <section\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n getClassName(\"Group\", platform),\n `Group--sizeX-${sizeX}`,\n `Group--${computedMode}`\n )}\n >\n <div vkuiClass=\"Group__inner\">\n {header}\n {children}\n {hasReactNode(description) && (\n <Caption vkuiClass=\"Group__description\" weight=\"regular\" level=\"1\">\n {description}\n </Caption>\n )}\n </div>\n\n {separator !== \"hide\" && (\n <Separator\n vkuiClass={classNames(\"Group__separator\", {\n \"Group__separator--force\": separator === \"show\",\n })}\n expanded={computedMode === \"card\"}\n />\n )}\n </section>\n );\n};\n\nGroup.defaultProps = {\n separator: \"auto\",\n};\n\nexport default withAdaptivity(Group, { sizeX: true });\n"],"file":"Group.js"}
1	+ {"version":3,"sources":["../../../src/components/Group/Group.tsx"],"names":["React","getClassName","classNames","usePlatform","Separator","hasReactNode","Caption","withAdaptivity","SizeType","ModalRootContext","Group","props","header","description","children","separator","getRootRef","mode","sizeX","restProps","useContext","isInsideModal","platform","computedMode","COMPACT","defaultProps"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AAEA,SAASC,WAAT;AACA,OAAOC,SAAP;AACA,SAASC,YAAT;AACA,OAAOC,OAAP;AACA,SACEC,cADF,EAGEC,QAHF;AAKA,OAAOC,gBAAP;;AAwBA,IAAMC,KAA2B,GAAG,SAA9BA,KAA8B,CAACC,KAAD,EAAuB;AACzD,MACEC,MADF,GASID,KATJ,CACEC,MADF;AAAA,MAEEC,WAFF,GASIF,KATJ,CAEEE,WAFF;AAAA,MAGEC,QAHF,GASIH,KATJ,CAGEG,QAHF;AAAA,MAIEC,SAJF,GASIJ,KATJ,CAIEI,SAJF;AAAA,MAKEC,UALF,GASIL,KATJ,CAKEK,UALF;AAAA,MAMEC,IANF,GASIN,KATJ,CAMEM,IANF;AAAA,MAOEC,KAPF,GASIP,KATJ,CAOEO,KAPF;AAAA,MAQKC,SARL,4BASIR,KATJ;;AAUA,0BAA0BX,KAAK,CAACoB,UAAN,CAAiBX,gBAAjB,CAA1B;AAAA,MAAQY,aAAR,qBAAQA,aAAR;;AACA,MAAMC,QAAQ,GAAGnB,WAAW,EAA5B;AAEA,MAAIoB,YAAgC,GAAGN,IAAvC;;AAEA,MAAI,CAACA,IAAL,EAAW;AACTM,IAAAA,YAAY,GACVL,KAAK,KAAKV,QAAQ,CAACgB,OAAnB,IAA8BH,aAA9B,GAA8C,OAA9C,GAAwD,MAD1D;AAED;;AAED,SACE,4CACMF,SADN;AAEE,IAAA,GAAG,EAAEH,UAFP;AAGE,IAAA,SAAS,EAAEd,UAAU,CACnBD,YAAY,CAAC,OAAD,EAAUqB,QAAV,CADO,yBAEHJ,KAFG,oBAGTK,YAHS;AAHvB,MASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGX,MADH,EAEGE,QAFH,EAGGT,YAAY,CAACQ,WAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,oBAAnB;AAAwC,IAAA,MAAM,EAAC,SAA/C;AAAyD,IAAA,KAAK,EAAC;AAA/D,KACGA,WADH,CAJJ,CATF,EAmBGE,SAAS,KAAK,MAAd,IACC,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEb,UAAU,CAAC,kBAAD,EAAqB;AACxC,iCAA2Ba,SAAS,KAAK;AADD,KAArB,CADvB;AAIE,IAAA,QAAQ,EAAEQ,YAAY,KAAK;AAJ7B,IApBJ,CADF;AA8BD,CAnDD;;AAqDAb,KAAK,CAACe,YAAN,GAAqB;AACnBV,EAAAA,SAAS,EAAE;AADQ,CAArB,C,CAIA;;AACA,eAAeR,cAAc,CAACG,KAAD,EAAQ;AAAEQ,EAAAA,KAAK,EAAE;AAAT,CAAR,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Separator from \"../Separator/Separator\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport {\n withAdaptivity,\n AdaptivityProps,\n SizeType,\n} from \"../../hoc/withAdaptivity\";\nimport ModalRootContext from \"../ModalRoot/ModalRootContext\";\nimport \"./Group.css\";\n\nexport interface GroupProps\n extends HasRootRef<HTMLElement>,\n React.HTMLAttributes<HTMLElement>,\n AdaptivityProps {\n header?: React.ReactNode;\n description?: React.ReactNode;\n /*\n show - разделитель всегда показывается,\n hide – разделитель всегда спрятан,\n auto – разделитель рисуется автоматически между соседними группами.\n /\n separator?: \"show\" \| \"hide\" \| \"auto\";\n /*\n Режим отображения. Если установлен 'card', выглядит как карточка c\n * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.\n * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах\n * по умолчанию 'plain'.\n */\n mode?: \"plain\" \| \"card\";\n}\n\nconst Group: React.FC<GroupProps> = (props: GroupProps) => {\n const {\n header,\n description,\n children,\n separator,\n getRootRef,\n mode,\n sizeX,\n ...restProps\n } = props;\n const { isInsideModal } = React.useContext(ModalRootContext);\n const platform = usePlatform();\n\n let computedMode: GroupProps[\"mode\"] = mode;\n\n if (!mode) {\n computedMode =\n sizeX === SizeType.COMPACT \|\| isInsideModal ? \"plain\" : \"card\";\n }\n\n return (\n <section\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n getClassName(\"Group\", platform),\n `Group--sizeX-${sizeX}`,\n `Group--${computedMode}`\n )}\n >\n <div vkuiClass=\"Group__inner\">\n {header}\n {children}\n {hasReactNode(description) && (\n <Caption vkuiClass=\"Group__description\" weight=\"regular\" level=\"1\">\n {description}\n </Caption>\n )}\n </div>\n\n {separator !== \"hide\" && (\n <Separator\n vkuiClass={classNames(\"Group__separator\", {\n \"Group__separator--force\": separator === \"show\",\n })}\n expanded={computedMode === \"card\"}\n />\n )}\n </section>\n );\n};\n\nGroup.defaultProps = {\n separator: \"auto\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Group, { sizeX: true });\n"],"file":"Group.js"}

package/dist/components/Header/Header.js CHANGED Viewed

@@ -69,6 +69,8 @@ var HeaderContent = function HeaderContent(_ref) {
         caps: true
       }, restProps));
   }
+  return null;
 };
 var HeaderAside = function HeaderAside(_ref2) {
@@ -137,6 +139,7 @@ var Header = function Header(_ref4) {
 Header.defaultProps = {
   mode: "primary"
-};
+}; // eslint-disable-next-line import/no-default-export
 export default Header;
 //# sourceMappingURL=Header.js.map

package/dist/components/Header/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Header/Header.tsx"],"names":["getClassName","classNames","usePlatform","hasReactNode","isPrimitiveReactNode","Platform","Headline","Caption","Title","Text","Subhead","HeaderContent","platform","mode","restProps","IOS","VKCOM","HeaderAside","HeaderSubtitle","Header","children","subtitle","indicator","aside","getRootRef","multiline","defaultProps"],"mappings":";;;;;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AAEA,SAASC,YAAT,EAAuBC,oBAAvB;AACA,SAASC,QAAT;AACA,OAAOC,QAAP;AACA,OAAOC,OAAP;AACA,OAAOC,KAAP;AACA,OAAOC,IAAP;AACA,OAAOC,OAAP;;AAuBA,IAAMC,aAA2C,GAAG,SAA9CA,aAA8C,OAI9C;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADDC,SACC;;AACJ,MAAIF,QAAQ,KAAKP,QAAQ,CAACU,GAA1B,EAA+B;AAC7B,YAAQF,IAAR;AACE,WAAK,SAAL;AACA,WAAK,UAAL;AACE,eAAO,oBAAC,KAAD;AAAO,UAAA,MAAM,EAAC,UAAd;AAAyB,UAAA,KAAK,EAAC;AAA/B,WAAuCC,SAAvC,EAAP;;AACF,WAAK,WAAL;AACE,eAAO,oBAAC,OAAD;AAAS,UAAA,KAAK,EAAC,GAAf;AAAmB,UAAA,MAAM,EAAC,UAA1B;AAAqC,UAAA,IAAI;AAAzC,WAA8CA,SAA9C,EAAP;AALJ;AAOD;;AAED,MAAIF,QAAQ,KAAKP,QAAQ,CAACW,KAA1B,EAAiC;AAC/B,YAAQH,IAAR;AACE,WAAK,SAAL;AACE,eAAO,oBAAC,QAAD;AAAU,UAAA,MAAM,EAAC;AAAjB,WAA+BC,SAA/B,EAAP;;AACF,WAAK,WAAL;AACA,WAAK,UAAL;AACE,eAAO,oBAAC,OAAD;AAAS,UAAA,KAAK,EAAC,GAAf;AAAmB,UAAA,MAAM,EAAC;AAA1B,WAAwCA,SAAxC,EAAP;AALJ;AAOD;;AAED,UAAQD,IAAR;AACE,SAAK,SAAL;AACA,SAAK,UAAL;AACE,aAAO,oBAAC,QAAD;AAAU,QAAA,MAAM,EAAC;AAAjB,SAA8BC,SAA9B,EAAP;;AACF,SAAK,WAAL;AACE,aAAO,oBAAC,OAAD;AAAS,QAAA,KAAK,EAAC,GAAf;AAAmB,QAAA,MAAM,EAAC,QAA1B;AAAmC,QAAA,IAAI;AAAvC,SAA4CA,SAA5C,EAAP;AALJ;~~AAOD~~,~~CAhCD~~;;~~AAoCA~~,IAAMG,WAAuC,GAAG,SAA1CA,WAA0C,QAG1C;AAAA,MAFJL,QAEI,SAFJA,QAEI;AAAA,MADDE,SACC;;AACJ,SAAOF,QAAQ,KAAKP,QAAQ,CAACW,KAAtB,GACL,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC;AAAhB,KAA8BF,SAA9B,EADK,GAGL,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAA2BA,SAA3B,EAHF;AAKD,CATD;;AAcA,IAAMI,cAA6C,GAAG,SAAhDA,cAAgD,QAGhD;AAAA,MAFJL,IAEI,SAFJA,IAEI;AAAA,MADDC,SACC;;AACJ,SAAOD,IAAI,KAAK,WAAT,GACL,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC;AAAhB,KAA8BC,SAA9B,EADK,GAGL,oBAAC,OAAD;AAAS,IAAA,MAAM,EAAC,SAAhB;AAA0B,IAAA,KAAK,EAAC;AAAhC,KAAwCA,SAAxC,EAHF;AAKD,CATD;;AAWA,IAAMK,MAA6B,GAAG,SAAhCA,MAAgC,QASnB;AAAA,MARjBN,IAQiB,SARjBA,IAQiB;AAAA,MAPjBO,QAOiB,SAPjBA,QAOiB;AAAA,MANjBC,QAMiB,SANjBA,QAMiB;AAAA,MALjBC,SAKiB,SALjBA,SAKiB;AAAA,MAJjBC,KAIiB,SAJjBA,KAIiB;AAAA,MAHjBC,UAGiB,SAHjBA,UAGiB;AAAA,MAFjBC,SAEiB,SAFjBA,SAEiB;AAAA,MADdX,SACc;;AACjB,MAAMF,QAAQ,GAAGV,WAAW,EAA5B;AAEA,SACE,2CACMY,SADN;AAEE,IAAA,GAAG,EAAEU,UAFP;AAGE,IAAA,SAAS,EAAEvB,UAAU,CACnBD,YAAY,CAAC,QAAD,EAAWY,QAAX,CADO,yBAEHC,IAFG,GAGnB;AAAE,oBAAcT,oBAAoB,CAACkB,SAAD;AAApC,KAHmB;AAHvB,MASE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,aAAD;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,IAAA,SAAS,EAAC,MAFZ;AAGE,IAAA,IAAI,EAAET,IAHR;AAIE,IAAA,QAAQ,EAAED;AAJZ,KAME;AACE,IAAA,SAAS,EAAEX,UAAU,CAAC,oBAAD,EAAuB;AAC1C,uCAAiCwB;AADS,KAAvB;AADvB,KAKGL,QALH,CANF,EAaGjB,YAAY,CAACmB,SAAD,CAAZ,IACC,oBAAC,OAAD;AACE,IAAA,SAAS,EAAC,mBADZ;AAEE,IAAA,MAAM,EACJT,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,WAA/B,GACI,QADJ,GAEI,SALR;AAOE,IAAA,KAAK,EAAC;AAPR,KASGS,SATH,CAdJ,CADF,EA6BGnB,YAAY,CAACkB,QAAD,CAAZ,IACC,oBAAC,cAAD;AAAgB,IAAA,SAAS,EAAC,kBAA1B;AAA6C,IAAA,SAAS,EAAC;AAAvD,KACGA,QADH,CA9BJ,CATF,EA6CGlB,YAAY,CAACoB,KAAD,CAAZ,IACC,oBAAC,WAAD;AACE,IAAA,SAAS,EAAC,eADZ;AAEE,IAAA,SAAS,EAAC,MAFZ;AAGE,IAAA,QAAQ,EAAEX;AAHZ,KAKGW,KALH,CA9CJ,CADF;AAyDD,CArED;;AAuEAJ,MAAM,CAACO,YAAP,GAAsB;AACpBb,EAAAA,IAAI,EAAE;AADc,CAAtB~~;AAIA~~,eAAeM,MAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Title from \"../Typography/Title/Title\";\nimport Text from \"../Typography/Text/Text\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement> {\n mode?: \"primary\" \| \"secondary\" \| \"tertiary\";\n subtitle?: React.ReactNode;\n /*\n Допускаются иконки, текст, Link\n /\n aside?: React.ReactNode;\n /\n Допускаются текст, Indicator\n */\n indicator?: React.ReactNode;\n multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" \| \"mode\"> &\n HasPlatform &\n HasComponent;\n\nconst HeaderContent: React.FC<HeaderContentProps> = ({\n platform,\n mode,\n ...restProps\n}) => {\n if (platform === Platform.IOS) {\n switch (mode) {\n case \"primary\":\n case \"tertiary\":\n return <Title weight=\"semibold\" level=\"3\" {...restProps} />;\n case \"secondary\":\n return <Caption level=\"1\" weight=\"semibold\" caps {...restProps} />;\n }\n }\n\n if (platform === Platform.VKCOM) {\n switch (mode) {\n case \"primary\":\n return <Headline weight=\"regular\" {...restProps} />;\n case \"secondary\":\n case \"tertiary\":\n return <Caption level=\"1\" weight=\"regular\" {...restProps} />;\n }\n }\n\n switch (mode) {\n case \"primary\":\n case \"tertiary\":\n return <Headline weight=\"medium\" {...restProps} />;\n case \"secondary\":\n return <Caption level=\"1\" weight=\"medium\" caps {...restProps} />;\n }\n};\n\ntype HeaderAsideProps = Pick<HeaderProps, \"aside\"> & HasPlatform & HasComponent;\n\nconst HeaderAside: React.FC<HeaderAsideProps> = ({\n platform,\n ...restProps\n}) => {\n return platform === Platform.VKCOM ? (\n <Subhead weight=\"regular\" {...restProps} />\n ) : (\n <Text weight=\"regular\" {...restProps} />\n );\n};\n\ntype HeaderSubtitleProps = Pick<HeaderProps, \"subtitle\" \| \"mode\"> &\n HasComponent;\n\nconst HeaderSubtitle: React.FC<HeaderSubtitleProps> = ({\n mode,\n ...restProps\n}) => {\n return mode === \"secondary\" ? (\n <Subhead weight=\"regular\" {...restProps} />\n ) : (\n <Caption weight=\"regular\" level=\"1\" {...restProps} />\n );\n};\n\nconst Header: React.FC<HeaderProps> = ({\n mode,\n children,\n subtitle,\n indicator,\n aside,\n getRootRef,\n multiline,\n ...restProps\n}: HeaderProps) => {\n const platform = usePlatform();\n\n return (\n <header\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n getClassName(\"Header\", platform),\n `Header--mode-${mode}`,\n { \"Header--pi\": isPrimitiveReactNode(indicator) }\n )}\n >\n <div vkuiClass=\"Header__main\">\n <HeaderContent\n vkuiClass=\"Header__content\"\n Component=\"span\"\n mode={mode}\n platform={platform}\n >\n <span\n vkuiClass={classNames(\"Header__content-in\", {\n \"Header__content-in--multiline\": multiline,\n })}\n >\n {children}\n </span>\n {hasReactNode(indicator) && (\n <Caption\n vkuiClass=\"Header__indicator\"\n weight={\n mode === \"primary\" \|\| mode === \"secondary\"\n ? \"medium\"\n : \"regular\"\n }\n level=\"1\"\n >\n {indicator}\n </Caption>\n )}\n </HeaderContent>\n\n {hasReactNode(subtitle) && (\n <HeaderSubtitle vkuiClass=\"Header__subtitle\" Component=\"span\">\n {subtitle}\n </HeaderSubtitle>\n )}\n </div>\n\n {hasReactNode(aside) && (\n <HeaderAside\n vkuiClass=\"Header__aside\"\n Component=\"span\"\n platform={platform}\n >\n {aside}\n </HeaderAside>\n )}\n </header>\n );\n};\n\nHeader.defaultProps = {\n mode: \"primary\",\n};\n\nexport default Header;\n"],"file":"Header.js"}
1	+ {"version":3,"sources":["../../../src/components/Header/Header.tsx"],"names":["getClassName","classNames","usePlatform","hasReactNode","isPrimitiveReactNode","Platform","Headline","Caption","Title","Text","Subhead","HeaderContent","platform","mode","restProps","IOS","VKCOM","HeaderAside","HeaderSubtitle","Header","children","subtitle","indicator","aside","getRootRef","multiline","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasComponent, HasPlatform, HasRootRef } from \"../../types\";\nimport { hasReactNode, isPrimitiveReactNode } from \"../../lib/utils\";\nimport { Platform } from \"../../lib/platform\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport Title from \"../Typography/Title/Title\";\nimport Text from \"../Typography/Text/Text\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport \"./Header.css\";\n\nexport interface HeaderProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement> {\n mode?: \"primary\" \| \"secondary\" \| \"tertiary\";\n subtitle?: React.ReactNode;\n /*\n Допускаются иконки, текст, Link\n /\n aside?: React.ReactNode;\n /\n Допускаются текст, Indicator\n */\n indicator?: React.ReactNode;\n multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, \"children\" \| \"mode\"> &\n HasPlatform &\n HasComponent;\n\nconst HeaderContent: React.FC<HeaderContentProps> = ({\n platform,\n mode,\n ...restProps\n}) => {\n if (platform === Platform.IOS) {\n switch (mode) {\n case \"primary\":\n case \"tertiary\":\n return <Title weight=\"semibold\" level=\"3\" {...restProps} />;\n case \"secondary\":\n return <Caption level=\"1\" weight=\"semibold\" caps {...restProps} />;\n }\n }\n\n if (platform === Platform.VKCOM) {\n switch (mode) {\n case \"primary\":\n return <Headline weight=\"regular\" {...restProps} />;\n case \"secondary\":\n case \"tertiary\":\n return <Caption level=\"1\" weight=\"regular\" {...restProps} />;\n }\n }\n\n switch (mode) {\n case \"primary\":\n case \"tertiary\":\n return <Headline weight=\"medium\" {...restProps} />;\n case \"secondary\":\n return <Caption level=\"1\" weight=\"medium\" caps {...restProps} />;\n }\n\n return null;\n};\n\ntype HeaderAsideProps = Pick<HeaderProps, \"aside\"> & HasPlatform & HasComponent;\n\nconst HeaderAside: React.FC<HeaderAsideProps> = ({\n platform,\n ...restProps\n}) => {\n return platform === Platform.VKCOM ? (\n <Subhead weight=\"regular\" {...restProps} />\n ) : (\n <Text weight=\"regular\" {...restProps} />\n );\n};\n\ntype HeaderSubtitleProps = Pick<HeaderProps, \"subtitle\" \| \"mode\"> &\n HasComponent;\n\nconst HeaderSubtitle: React.FC<HeaderSubtitleProps> = ({\n mode,\n ...restProps\n}) => {\n return mode === \"secondary\" ? (\n <Subhead weight=\"regular\" {...restProps} />\n ) : (\n <Caption weight=\"regular\" level=\"1\" {...restProps} />\n );\n};\n\nconst Header: React.FC<HeaderProps> = ({\n mode,\n children,\n subtitle,\n indicator,\n aside,\n getRootRef,\n multiline,\n ...restProps\n}: HeaderProps) => {\n const platform = usePlatform();\n\n return (\n <header\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n getClassName(\"Header\", platform),\n `Header--mode-${mode}`,\n { \"Header--pi\": isPrimitiveReactNode(indicator) }\n )}\n >\n <div vkuiClass=\"Header__main\">\n <HeaderContent\n vkuiClass=\"Header__content\"\n Component=\"span\"\n mode={mode}\n platform={platform}\n >\n <span\n vkuiClass={classNames(\"Header__content-in\", {\n \"Header__content-in--multiline\": multiline,\n })}\n >\n {children}\n </span>\n {hasReactNode(indicator) && (\n <Caption\n vkuiClass=\"Header__indicator\"\n weight={\n mode === \"primary\" \|\| mode === \"secondary\"\n ? \"medium\"\n : \"regular\"\n }\n level=\"1\"\n >\n {indicator}\n </Caption>\n )}\n </HeaderContent>\n\n {hasReactNode(subtitle) && (\n <HeaderSubtitle vkuiClass=\"Header__subtitle\" Component=\"span\">\n {subtitle}\n </HeaderSubtitle>\n )}\n </div>\n\n {hasReactNode(aside) && (\n <HeaderAside\n vkuiClass=\"Header__aside\"\n Component=\"span\"\n platform={platform}\n >\n {aside}\n </HeaderAside>\n )}\n </header>\n );\n};\n\nHeader.defaultProps = {\n mode: \"primary\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Header;\n"],"file":"Header.js"}

package/dist/components/HorizontalScroll/HorizontalScroll.d.ts CHANGED Viewed

@@ -12,8 +12,8 @@ export interface HorizontalScrollProps extends React.HTMLAttributes<HTMLDivEleme
      * Функция для расчета величины прокрутки при клике на правую стрелку.
      */
     getScrollToRight?: ScrollPositionHandler;
-    showArrows?: boolean;
+    showArrows?: boolean | "always";
     scrollAnimationDuration?: number;
 }
-declare const _default: React.FC<HorizontalScrollProps>;
+declare const _default: React.FC<Pick<HorizontalScrollProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "getRef" | "scrollAnimationDuration" | "getScrollToLeft" | "getScrollToRight" | "showArrows"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
 export default _default;

package/dist/components/HorizontalScroll/HorizontalScroll.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "getScrollToLeft", "getScrollToRight", "showArrows", "scrollAnimationDuration", "hasMouse", "getRef"];
@@ -11,6 +12,7 @@ import HorizontalScrollArrow from "./HorizontalScrollArrow";
 import { easeInOutSine } from "../../lib/fx";
 import { useEventListener } from "../../hooks/useEventListener";
 import { useExternRef } from "../../hooks/useExternRef";
+import { classNames } from "../../lib/classNames";
 /**
  * timing method
@@ -90,7 +92,8 @@ var HorizontalScroll = function HorizontalScroll(_ref2) {
       getScrollToRight = _ref2.getScrollToRight,
       _ref2$showArrows = _ref2.showArrows,
       showArrows = _ref2$showArrows === void 0 ? true : _ref2$showArrows,
-      scrollAnimationDuration = _ref2.scrollAnimationDuration,
+      _ref2$scrollAnimation = _ref2.scrollAnimationDuration,
+      scrollAnimationDuration = _ref2$scrollAnimation === void 0 ? SCROLL_ONE_FRAME_TIME : _ref2$scrollAnimation,
       hasMouse = _ref2.hasMouse,
       getRef = _ref2.getRef,
       restProps = _objectWithoutProperties(_ref2, _excluded);
@@ -144,23 +147,29 @@ var HorizontalScroll = function HorizontalScroll(_ref2) {
       setCanScrollLeft(scrollElement.scrollLeft > 0);
       setCanScrollRight(scrollElement.scrollLeft + scrollElement.offsetWidth < scrollElement.scrollWidth);
     }
-  }, [hasMouse]);
+  }, [hasMouse, scrollerRef, showArrows]);
   var scrollEvent = useEventListener("scroll", onscroll);
   React.useEffect(function () {
-    return scrollEvent.add(scrollerRef.current);
-  }, []);
-  React.useEffect(onscroll, [scrollerRef, children]);
+    if (scrollerRef.current) {
+      scrollEvent.add(scrollerRef.current);
+    }
+  }, [scrollEvent, scrollerRef]);
+  React.useEffect(onscroll, [scrollerRef, children, onscroll]);
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: getClassName("HorizontalScroll", platform)
+    vkuiClass: classNames(getClassName("HorizontalScroll", platform), _defineProperty({}, "HorizontalScroll--withConstArrows", showArrows === "always"))
   }), showArrows && hasMouse && canScrollLeft && createScopedElement(HorizontalScrollArrow, {
     direction: "left",
     onClick: function onClick() {
-      return scrollTo(getScrollToLeft);
+      if (getScrollToLeft) {
+        scrollTo(getScrollToLeft);
+      }
     }
   }), showArrows && hasMouse && canScrollRight && createScopedElement(HorizontalScrollArrow, {
     direction: "right",
     onClick: function onClick() {
-      return scrollTo(getScrollToRight);
+      if (getScrollToRight) {
+        scrollTo(getScrollToRight);
+      }
     }
   }), createScopedElement("div", {
     vkuiClass: "HorizontalScroll__in",
@@ -168,7 +177,8 @@ var HorizontalScroll = function HorizontalScroll(_ref2) {
   }, createScopedElement("div", {
     vkuiClass: "HorizontalScroll__in-wrapper"
   }, children)));
-};
+}; // eslint-disable-next-line import/no-default-export
 export default withAdaptivity(HorizontalScroll, {
   hasMouse: true

package/dist/components/HorizontalScroll/HorizontalScroll.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":["React","usePlatform","getClassName","withAdaptivity","HorizontalScrollArrow","easeInOutSine","useEventListener","useExternRef","now","performance","Date","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","scrollLeft","endLeft","startTime","scroll","time","elapsed","Math","min","value","currentLeft","ceil","max","requestAnimationFrame","shift","length","HorizontalScroll","children","getScrollToLeft","getScrollToRight","showArrows","hasMouse","getRef","restProps","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","platform","scrollTo","current","push","firstElementChild","scrollWidth","onscroll","useCallback","scrollEvent","useEffect","add"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport HorizontalScrollArrow from \"./HorizontalScrollArrow\";\nimport { easeInOutSine } from \"../../lib/fx\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport \"./HorizontalScroll.css\";\n\ninterface ScrollContext {\n scrollElement: HTMLElement \| null;\n scrollAnimationDuration: number;\n animationQueue: VoidFunction[];\n getScrollPosition: (currentPosition: number) => number;\n onScrollToRightBorder: VoidFunction;\n onScrollEnd: VoidFunction;\n onScrollStart: VoidFunction;\n /*\n Начальная ширина прокрутки.\n * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n /\n initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n HasRef<HTMLDivElement> {\n /\n Функция для расчета величины прокрутки при клике на левую стрелку.\n /\n getScrollToLeft?: ScrollPositionHandler;\n /\n Функция для расчета величины прокрутки при клике на правую стрелку.\n /\n getScrollToRight?: ScrollPositionHandler;\n showArrows?: boolean;\n scrollAnimationDuration?: number;\n}\n\n/\n timing method\n /\nfunction now() {\n return performance && performance.now ? performance.now() : Date.now();\n}\n\n/\n Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n /\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue,\n onScrollToRightBorder,\n onScrollEnd,\n onScrollStart,\n initialScrollWidth,\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n if (!scrollElement \|\| !getScrollPosition) {\n return;\n }\n\n /\n максимальное значение сдвига влево\n /\n const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n let startLeft = scrollElement.scrollLeft;\n let endLeft = getScrollPosition(startLeft);\n\n onScrollStart();\n\n if (endLeft >= maxLeft) {\n onScrollToRightBorder();\n endLeft = maxLeft;\n }\n\n const startTime = now();\n\n (function scroll() {\n if (!scrollElement) {\n onScrollEnd();\n return;\n }\n\n const time = now();\n const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n const value = easeInOutSine(elapsed);\n\n const currentLeft = startLeft + (endLeft - startLeft) value;\n scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n if (scrollElement.scrollLeft !== Math.max(0, endLeft)) {\n requestAnimationFrame(scroll);\n return;\n }\n\n onScrollEnd();\n animationQueue.shift();\n if (animationQueue.length > 0) {\n animationQueue[0]();\n }\n })();\n}\n\nconst HorizontalScroll: React.FC<HorizontalScrollProps> = ({\n children,\n getScrollToLeft,\n getScrollToRight,\n showArrows = true,\n scrollAnimationDuration,\n hasMouse,\n getRef,\n ...restProps\n}: HorizontalScrollProps) => {\n const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n const isCustomScrollingRef = React.useRef(false);\n\n const scrollerRef = useExternRef(getRef);\n\n const animationQueue = React.useRef<VoidFunction[]>([]);\n\n const platform = usePlatform();\n\n function scrollTo(getScrollPosition: (offset: number) => number) {\n const scrollElement = scrollerRef.current;\n\n animationQueue.current.push(() =>\n doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue: animationQueue.current,\n onScrollToRightBorder: () => setCanScrollRight(false),\n onScrollEnd: () => (isCustomScrollingRef.current = false),\n onScrollStart: () => (isCustomScrollingRef.current = true),\n initialScrollWidth: scrollElement?.firstElementChild?.scrollWidth \|\| 0,\n scrollAnimationDuration,\n })\n );\n if (animationQueue.current.length === 1) {\n animationQueue.current[0]();\n }\n }\n\n const onscroll = React.useCallback(() => {\n if (\n showArrows &&\n hasMouse &&\n scrollerRef.current &&\n !isCustomScrollingRef.current\n ) {\n const scrollElement = scrollerRef.current;\n\n setCanScrollLeft(scrollElement.scrollLeft > 0);\n setCanScrollRight(\n scrollElement.scrollLeft + scrollElement.offsetWidth <\n scrollElement.scrollWidth\n );\n }\n }, [hasMouse]);\n\n const scrollEvent = useEventListener(\"scroll\", onscroll);\n React.useEffect(() => scrollEvent.add(scrollerRef.current), []);\n React.useEffect(onscroll, [scrollerRef, children]);\n\n return (\n <div {...restProps} vkuiClass={getClassName(\"HorizontalScroll\", platform)}>\n {showArrows && hasMouse && canScrollLeft && (\n <HorizontalScrollArrow\n direction=\"left\"\n onClick={() => scrollTo(getScrollToLeft)}\n />\n )}\n {showArrows && hasMouse && canScrollRight && (\n <HorizontalScrollArrow\n direction=\"right\"\n onClick={() => scrollTo(getScrollToRight)}\n />\n )}\n <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n <div vkuiClass=\"HorizontalScroll__in-wrapper\">{children}</div>\n </div>\n </div>\n );\n};\n\nexport default withAdaptivity(HorizontalScroll, {\n hasMouse: true,\n});\n"],"file":"HorizontalScroll.js"}
1	+ {"version":3,"sources":["../../../src/components/HorizontalScroll/HorizontalScroll.tsx"],"names":["React","usePlatform","getClassName","withAdaptivity","HorizontalScrollArrow","easeInOutSine","useEventListener","useExternRef","classNames","now","performance","Date","SCROLL_ONE_FRAME_TIME","doScroll","scrollElement","getScrollPosition","animationQueue","onScrollToRightBorder","onScrollEnd","onScrollStart","initialScrollWidth","scrollAnimationDuration","maxLeft","offsetWidth","startLeft","scrollLeft","endLeft","startTime","scroll","time","elapsed","Math","min","value","currentLeft","ceil","max","requestAnimationFrame","shift","length","HorizontalScroll","children","getScrollToLeft","getScrollToRight","showArrows","hasMouse","getRef","restProps","useState","canScrollLeft","setCanScrollLeft","canScrollRight","setCanScrollRight","isCustomScrollingRef","useRef","scrollerRef","platform","scrollTo","current","push","firstElementChild","scrollWidth","onscroll","useCallback","scrollEvent","useEffect","add"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport HorizontalScrollArrow from \"./HorizontalScrollArrow\";\nimport { easeInOutSine } from \"../../lib/fx\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { HasRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./HorizontalScroll.css\";\n\ninterface ScrollContext {\n scrollElement: HTMLElement \| null;\n scrollAnimationDuration: number;\n animationQueue: VoidFunction[];\n getScrollPosition: (currentPosition: number) => number;\n onScrollToRightBorder: VoidFunction;\n onScrollEnd: VoidFunction;\n onScrollStart: VoidFunction;\n /*\n Начальная ширина прокрутки.\n * В некоторых случаях может отличаться от текущей ширины прокрутки из-за transforms: translate\n /\n initialScrollWidth: number;\n}\n\nexport type ScrollPositionHandler = (currentPosition: number) => number;\n\nexport interface HorizontalScrollProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n HasRef<HTMLDivElement> {\n /\n Функция для расчета величины прокрутки при клике на левую стрелку.\n /\n getScrollToLeft?: ScrollPositionHandler;\n /\n Функция для расчета величины прокрутки при клике на правую стрелку.\n /\n getScrollToRight?: ScrollPositionHandler;\n showArrows?: boolean \| \"always\";\n scrollAnimationDuration?: number;\n}\n\n/\n timing method\n /\nfunction now() {\n return performance && performance.now ? performance.now() : Date.now();\n}\n\n/\n Код анимации скрола, на основе полифила: https://github.com/iamdustan/smoothscroll\n * Константа взята из полифила (468), на дизайн-ревью уточнили до 250\n * @var {number} SCROLL_ONE_FRAME_TIME время анимации скролла\n /\nconst SCROLL_ONE_FRAME_TIME = 250;\n\nfunction doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue,\n onScrollToRightBorder,\n onScrollEnd,\n onScrollStart,\n initialScrollWidth,\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n}: ScrollContext) {\n if (!scrollElement \|\| !getScrollPosition) {\n return;\n }\n\n /\n максимальное значение сдвига влево\n /\n const maxLeft = initialScrollWidth - scrollElement.offsetWidth;\n\n let startLeft = scrollElement.scrollLeft;\n let endLeft = getScrollPosition(startLeft);\n\n onScrollStart();\n\n if (endLeft >= maxLeft) {\n onScrollToRightBorder();\n endLeft = maxLeft;\n }\n\n const startTime = now();\n\n (function scroll() {\n if (!scrollElement) {\n onScrollEnd();\n return;\n }\n\n const time = now();\n const elapsed = Math.min((time - startTime) / scrollAnimationDuration, 1);\n\n const value = easeInOutSine(elapsed);\n\n const currentLeft = startLeft + (endLeft - startLeft) value;\n scrollElement.scrollLeft = Math.ceil(currentLeft);\n\n if (scrollElement.scrollLeft !== Math.max(0, endLeft)) {\n requestAnimationFrame(scroll);\n return;\n }\n\n onScrollEnd();\n animationQueue.shift();\n if (animationQueue.length > 0) {\n animationQueue[0]();\n }\n })();\n}\n\nconst HorizontalScroll: React.FC<HorizontalScrollProps> = ({\n children,\n getScrollToLeft,\n getScrollToRight,\n showArrows = true,\n scrollAnimationDuration = SCROLL_ONE_FRAME_TIME,\n hasMouse,\n getRef,\n ...restProps\n}: HorizontalScrollProps) => {\n const [canScrollLeft, setCanScrollLeft] = React.useState(false);\n const [canScrollRight, setCanScrollRight] = React.useState(false);\n\n const isCustomScrollingRef = React.useRef(false);\n\n const scrollerRef = useExternRef(getRef);\n\n const animationQueue = React.useRef<VoidFunction[]>([]);\n\n const platform = usePlatform();\n\n function scrollTo(getScrollPosition: (offset: number) => number) {\n const scrollElement = scrollerRef.current;\n\n animationQueue.current.push(() =>\n doScroll({\n scrollElement,\n getScrollPosition,\n animationQueue: animationQueue.current,\n onScrollToRightBorder: () => setCanScrollRight(false),\n onScrollEnd: () => (isCustomScrollingRef.current = false),\n onScrollStart: () => (isCustomScrollingRef.current = true),\n initialScrollWidth: scrollElement?.firstElementChild?.scrollWidth \|\| 0,\n scrollAnimationDuration,\n })\n );\n if (animationQueue.current.length === 1) {\n animationQueue.current[0]();\n }\n }\n\n const onscroll = React.useCallback(() => {\n if (\n showArrows &&\n hasMouse &&\n scrollerRef.current &&\n !isCustomScrollingRef.current\n ) {\n const scrollElement = scrollerRef.current;\n\n setCanScrollLeft(scrollElement.scrollLeft > 0);\n setCanScrollRight(\n scrollElement.scrollLeft + scrollElement.offsetWidth <\n scrollElement.scrollWidth\n );\n }\n }, [hasMouse, scrollerRef, showArrows]);\n\n const scrollEvent = useEventListener(\"scroll\", onscroll);\n React.useEffect(() => {\n if (scrollerRef.current) {\n scrollEvent.add(scrollerRef.current);\n }\n }, [scrollEvent, scrollerRef]);\n React.useEffect(onscroll, [scrollerRef, children, onscroll]);\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(getClassName(\"HorizontalScroll\", platform), {\n [\"HorizontalScroll--withConstArrows\"]: showArrows === \"always\",\n })}\n >\n {showArrows && hasMouse && canScrollLeft && (\n <HorizontalScrollArrow\n direction=\"left\"\n onClick={() => {\n if (getScrollToLeft) {\n scrollTo(getScrollToLeft);\n }\n }}\n />\n )}\n {showArrows && hasMouse && canScrollRight && (\n <HorizontalScrollArrow\n direction=\"right\"\n onClick={() => {\n if (getScrollToRight) {\n scrollTo(getScrollToRight);\n }\n }}\n />\n )}\n <div vkuiClass=\"HorizontalScroll__in\" ref={scrollerRef}>\n <div vkuiClass=\"HorizontalScroll__in-wrapper\">{children}</div>\n </div>\n </div>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(HorizontalScroll, {\n hasMouse: true,\n});\n"],"file":"HorizontalScroll.js"}

package/dist/components/HorizontalScroll/HorizontalScrollArrow.js CHANGED Viewed

@@ -18,7 +18,8 @@ var HorizontalScrollArrow = function HorizontalScrollArrow(_ref) {
   }, createScopedElement("span", {
     vkuiClass: "HorizontalScrollArrow__icon"
   }, createScopedElement(Icon24Chevron, null)));
-};
+}; // eslint-disable-next-line import/no-default-export
 export default HorizontalScrollArrow;
 //# sourceMappingURL=HorizontalScrollArrow.js.map

package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"names":["Icon24Chevron","usePlatform","getClassName","classNames","Tappable","HorizontalScrollArrow","onClick","direction","platform"],"mappings":";AACA,SAASA,aAAT,QAA8B,kBAA9B;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,OAAOC,QAAP;;AAQA,IAAMC,qBAA2D,GAAG,SAA9DA,qBAA8D,OAGlC;AAAA,MAFhCC,OAEgC,QAFhCA,OAEgC;AAAA,MADhCC,SACgC,QADhCA,SACgC;AAChC,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,QAAQ,EAAE,KAFZ;AAGE,IAAA,SAAS,EAAE,KAHb;AAIE,IAAA,SAAS,EAAEE,UAAU,CACnBD,YAAY,CAAC,uBAAD,EAA0BM,QAA1B,CADO,mCAEOD,SAFP,EAJvB;AAQE,IAAA,OAAO,EAAED;AARX,KAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACE,oBAAC,aAAD,OADF,CAVF,CADF;AAgBD,CAtBD~~;;AAwBA~~,eAAeD,qBAAf","sourcesContent":["import * as React from \"react\";\nimport { Icon24Chevron } from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport Tappable from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n onClick: () => void;\n direction: \"left\" \| \"right\";\n}\n\nconst HorizontalScrollArrow: React.FC<HorizontalScrollArrowProps> = ({\n onClick,\n direction,\n}: HorizontalScrollArrowProps) => {\n const platform = usePlatform();\n\n return (\n <Tappable\n Component=\"button\"\n hasHover={false}\n hasActive={false}\n vkuiClass={classNames(\n getClassName(\"HorizontalScrollArrow\", platform),\n `HorizontalScrollArrow--${direction}`\n )}\n onClick={onClick}\n >\n <span vkuiClass=\"HorizontalScrollArrow__icon\">\n <Icon24Chevron />\n </span>\n </Tappable>\n );\n};\n\nexport default HorizontalScrollArrow;\n"],"file":"HorizontalScrollArrow.js"}
1	+ {"version":3,"sources":["../../../src/components/HorizontalScroll/HorizontalScrollArrow.tsx"],"names":["Icon24Chevron","usePlatform","getClassName","classNames","Tappable","HorizontalScrollArrow","onClick","direction","platform"],"mappings":";AACA,SAASA,aAAT,QAA8B,kBAA9B;AACA,SAASC,WAAT;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,OAAOC,QAAP;;AAQA,IAAMC,qBAA2D,GAAG,SAA9DA,qBAA8D,OAGlC;AAAA,MAFhCC,OAEgC,QAFhCA,OAEgC;AAAA,MADhCC,SACgC,QADhCA,SACgC;AAChC,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAC,QADZ;AAEE,IAAA,QAAQ,EAAE,KAFZ;AAGE,IAAA,SAAS,EAAE,KAHb;AAIE,IAAA,SAAS,EAAEE,UAAU,CACnBD,YAAY,CAAC,uBAAD,EAA0BM,QAA1B,CADO,mCAEOD,SAFP,EAJvB;AAQE,IAAA,OAAO,EAAED;AARX,KAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACE,oBAAC,aAAD,OADF,CAVF,CADF;AAgBD,CAtBD,C,CAwBA;;;AACA,eAAeD,qBAAf","sourcesContent":["import * as React from \"react\";\nimport { Icon24Chevron } from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport Tappable from \"../Tappable/Tappable\";\nimport \"./HorizontalScrollArrow.css\";\n\nexport interface HorizontalScrollArrowProps {\n onClick: () => void;\n direction: \"left\" \| \"right\";\n}\n\nconst HorizontalScrollArrow: React.FC<HorizontalScrollArrowProps> = ({\n onClick,\n direction,\n}: HorizontalScrollArrowProps) => {\n const platform = usePlatform();\n\n return (\n <Tappable\n Component=\"button\"\n hasHover={false}\n hasActive={false}\n vkuiClass={classNames(\n getClassName(\"HorizontalScrollArrow\", platform),\n `HorizontalScrollArrow--${direction}`\n )}\n onClick={onClick}\n >\n <span vkuiClass=\"HorizontalScrollArrow__icon\">\n <Icon24Chevron />\n </span>\n </Tappable>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default HorizontalScrollArrow;\n"],"file":"HorizontalScrollArrow.js"}

package/dist/components/HoverPopper/HoverPopper.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export interface HoverPopperProps extends PopperCommonProps {
      */
     content?: React.ReactNode;
     /**
-     * Если передан, то тултип будет показыван/скрыт в зависимости от значения свойства
+     * Если передан, то тултип будет показан/скрыт в зависимости от значения свойства
      */
     shown?: boolean;
     /**

package/dist/components/HoverPopper/HoverPopper.js CHANGED Viewed

@@ -15,7 +15,8 @@ export var HoverPopper = function HoverPopper(_ref) {
       children = _ref.children,
       onShownChange = _ref.onShownChange,
       _shown = _ref.shown,
-      showDelay = _ref.showDelay,
+      _ref$showDelay = _ref.showDelay,
+      showDelay = _ref$showDelay === void 0 ? 150 : _ref$showDelay,
       _ref$hideDelay = _ref.hideDelay,
       hideDelay = _ref$hideDelay === void 0 ? 150 : _ref$hideDelay,
       restProps = _objectWithoutProperties(_ref, _excluded);
@@ -60,8 +61,10 @@ export var HoverPopper = function HoverPopper(_ref) {
   var targetEnterListener = useEventListener("pointerenter", onTargetEnter);
   var targetLeaveListener = useEventListener("pointerleave", onTargetLeave);
   useIsomorphicLayoutEffect(function () {
-    targetEnterListener.add(childRef.current);
-    targetLeaveListener.add(childRef.current);
+    if (childRef.current) {
+      targetEnterListener.add(childRef.current);
+      targetLeaveListener.add(childRef.current);
+    }
   }, []);
   return createScopedElement(React.Fragment, null, child, shown && createScopedElement(Popper, _extends({}, restProps, {
     onMouseOver: hideTimeout.clear,

package/dist/components/HoverPopper/HoverPopper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/HoverPopper/HoverPopper.tsx"],"names":["React","Popper","useEventListener","useTimeout","usePatchChildrenRef","useIsomorphicLayoutEffect","HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","useState","computedShown","setComputedShown","setShown","value","showTimeout","hideTimeout","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","targetLeaveListener","~~add~~","~~current~~"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,gBAAT;AACA,SAASC,UAAT;AACA,SAASC,mBAAT;AACA,SAASC,yBAAT;AA6BA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAS/B;AAAA,MARtBC,MAQsB,QARtBA,MAQsB;AAAA,MAPtBC,OAOsB,QAPtBA,OAOsB;AAAA,MANtBC,QAMsB,QANtBA,QAMsB;AAAA,MALtBC,aAKsB,QALtBA,aAKsB;AAAA,MAJfC,MAIe,QAJtBC,KAIsB;AAAA,~~MAHtBC~~,SAGsB,~~QAHtBA~~,SAGsB;AAAA,4BAFtBC,SAEsB;AAAA,MAFtBA,SAEsB,+BAFV,GAEU;AAAA,MADnBC,SACmB;;AACtB,wBAA0Cf,KAAK,CAACgB,QAAN,CAAeL,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOM,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMN,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCM,aAArD;;AAEA,MAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOT,MAAP,KAAkB,SAAtB,EAAiC;AAC/BO,MAAAA,gBAAgB,CAACE,KAAD,CAAhB;AACD;;AACD,WAAOV,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACU,KAAD,CAApD;AACD,GALD;;AAOA,MAAMC,WAAW,GAAGlB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAF6B,EAE3BN,SAF2B,CAA9B;AAIA,MAAMS,WAAW,GAAGnB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAF6B,EAE3BL,SAF2B,CAA9B;;AAIA,6BAA0BV,mBAAmB,CAACK,QAAD,CAA7C;AAAA;AAAA,MAAOc,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BH,IAAAA,WAAW,CAACI,KAAZ;AACAL,IAAAA,WAAW,CAACM,GAAZ;AACD,GAHD;;AAKA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BP,IAAAA,WAAW,CAACK,KAAZ;AACAJ,IAAAA,WAAW,CAACK,GAAZ;AACD,GAHD;;AAKA,MAAME,mBAAmB,GAAG3B,gBAAgB,CAAC,cAAD,EAAiBuB,aAAjB,CAA5C;AACA,MAAMK,mBAAmB,GAAG5B,gBAAgB,CAAC,cAAD,EAAiB0B,aAAjB,CAA5C;AAEAvB,EAAAA,yBAAyB,CAAC,YAAM;~~AAC9BwB~~,~~IAAAA~~,mBAAmB,~~CAACE~~,GAApB,~~CAAwBR~~,QAAQ,~~CAACS~~,OAAjC;~~AACAF~~,~~IAAAA~~,mBAAmB,~~CAACC~~,GAApB,~~CAAwBR~~,QAAQ,~~CAACS~~,OAAjC;AACD,~~GAHwB~~,~~EAGtB~~,~~EAHsB~~,CAAzB;~~AAKA~~,SACE,oBAAC,KAAD,CAAO,QAAP,~~QACGR~~,KADH,EAEGZ,KAAK,IACJ,oBAAC,MAAD,eACMG,SADN;AAEE,IAAA,WAAW,EAAEO,WAAW,CAACI,KAF3B;AAGE,IAAA,UAAU,EAAEE,aAHd;AAIE,IAAA,MAAM,EAAErB,MAJV;AAKE,IAAA,SAAS,EAAEgB;AALb,MAOGf,OAPH,CAHJ,CADF;AAgBD,~~CAjEM~~","sourcesContent":["import * as React from \"react\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface HoverPopperProps extends PopperCommonProps {\n /*\n Содержимое тултипа\n /\n content?: React.ReactNode;\n /\n Если передан, то тултип будет ~~показыван/скрыт~~ в зависимости от значения свойства\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости тултипа\n /\n onShownChange?: (shown: boolean) => void;\n /\n Количество миллисекунд, после которых произойдет показ дропдауна\n /\n showDelay?: number;\n /\n Количество миллисекунд, после которых произойдет скрытие дропдауна\n /\n hideDelay?: number;\n /\n Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n */\n children?: React.ReactElement;\n}\n\nexport const HoverPopper: React.FC<HoverPopperProps> = ({\n getRef,\n content,\n children,\n onShownChange,\n shown: _shown,\n showDelay,\n hideDelay = 150,\n ...restProps\n}: HoverPopperProps) => {\n const [computedShown, setComputedShown] = React.useState(_shown \|\| false);\n\n const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n const setShown = (value: boolean) => {\n if (typeof _shown !== \"boolean\") {\n setComputedShown(value);\n }\n typeof onShownChange === \"function\" && onShownChange(value);\n };\n\n const showTimeout = useTimeout(() => {\n setShown(true);\n }, showDelay);\n\n const hideTimeout = useTimeout(() => {\n setShown(false);\n }, hideDelay);\n\n const [childRef, child] = usePatchChildrenRef(children);\n\n const onTargetEnter = () => {\n hideTimeout.clear();\n showTimeout.set();\n };\n\n const onTargetLeave = () => {\n showTimeout.clear();\n hideTimeout.set();\n };\n\n const targetEnterListener = useEventListener(\"pointerenter\", onTargetEnter);\n const targetLeaveListener = useEventListener(\"pointerleave\", onTargetLeave);\n\n useIsomorphicLayoutEffect(() => {\n targetEnterListener.add(childRef.current);\n targetLeaveListener.add(childRef.current);\n }, []);\n\n return (\n <React.Fragment>\n {child}\n {shown && (\n <Popper\n {...restProps}\n onMouseOver={hideTimeout.clear}\n onMouseOut={onTargetLeave}\n getRef={getRef}\n targetRef={childRef}\n >\n {content}\n </Popper>\n )}\n </React.Fragment>\n );\n};\n"],"file":"HoverPopper.js"}
1	+ {"version":3,"sources":["../../../src/components/HoverPopper/HoverPopper.tsx"],"names":["React","Popper","useEventListener","useTimeout","usePatchChildrenRef","useIsomorphicLayoutEffect","HoverPopper","getRef","content","children","onShownChange","_shown","shown","showDelay","hideDelay","restProps","useState","computedShown","setComputedShown","setShown","value","showTimeout","hideTimeout","childRef","child","onTargetEnter","clear","set","onTargetLeave","targetEnterListener","targetLeaveListener","current","add"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,MAAT;AACA,SAASC,gBAAT;AACA,SAASC,UAAT;AACA,SAASC,mBAAT;AACA,SAASC,yBAAT;AA6BA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAS/B;AAAA,MARtBC,MAQsB,QARtBA,MAQsB;AAAA,MAPtBC,OAOsB,QAPtBA,OAOsB;AAAA,MANtBC,QAMsB,QANtBA,QAMsB;AAAA,MALtBC,aAKsB,QALtBA,aAKsB;AAAA,MAJfC,MAIe,QAJtBC,KAIsB;AAAA,4BAHtBC,SAGsB;AAAA,MAHtBA,SAGsB,+BAHV,GAGU;AAAA,4BAFtBC,SAEsB;AAAA,MAFtBA,SAEsB,+BAFV,GAEU;AAAA,MADnBC,SACmB;;AACtB,wBAA0Cf,KAAK,CAACgB,QAAN,CAAeL,MAAM,IAAI,KAAzB,CAA1C;AAAA;AAAA,MAAOM,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMN,KAAK,GAAG,OAAOD,MAAP,KAAkB,SAAlB,GAA8BA,MAA9B,GAAuCM,aAArD;;AAEA,MAAME,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAoB;AACnC,QAAI,OAAOT,MAAP,KAAkB,SAAtB,EAAiC;AAC/BO,MAAAA,gBAAgB,CAACE,KAAD,CAAhB;AACD;;AACD,WAAOV,aAAP,KAAyB,UAAzB,IAAuCA,aAAa,CAACU,KAAD,CAApD;AACD,GALD;;AAOA,MAAMC,WAAW,GAAGlB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACD,GAF6B,EAE3BN,SAF2B,CAA9B;AAIA,MAAMS,WAAW,GAAGnB,UAAU,CAAC,YAAM;AACnCgB,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACD,GAF6B,EAE3BL,SAF2B,CAA9B;;AAIA,6BAA0BV,mBAAmB,CAACK,QAAD,CAA7C;AAAA;AAAA,MAAOc,QAAP;AAAA,MAAiBC,KAAjB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BH,IAAAA,WAAW,CAACI,KAAZ;AACAL,IAAAA,WAAW,CAACM,GAAZ;AACD,GAHD;;AAKA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1BP,IAAAA,WAAW,CAACK,KAAZ;AACAJ,IAAAA,WAAW,CAACK,GAAZ;AACD,GAHD;;AAKA,MAAME,mBAAmB,GAAG3B,gBAAgB,CAAC,cAAD,EAAiBuB,aAAjB,CAA5C;AACA,MAAMK,mBAAmB,GAAG5B,gBAAgB,CAAC,cAAD,EAAiB0B,aAAjB,CAA5C;AAEAvB,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAIkB,QAAQ,CAACQ,OAAb,EAAsB;AACpBF,MAAAA,mBAAmB,CAACG,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACAD,MAAAA,mBAAmB,CAACE,GAApB,CAAwBT,QAAQ,CAACQ,OAAjC;AACD;AACF,GALwB,EAKtB,EALsB,CAAzB;AAOA,SACE,oBAAC,KAAD,CAAO,QAAP,QACGP,KADH,EAEGZ,KAAK,IACJ,oBAAC,MAAD,eACMG,SADN;AAEE,IAAA,WAAW,EAAEO,WAAW,CAACI,KAF3B;AAGE,IAAA,UAAU,EAAEE,aAHd;AAIE,IAAA,MAAM,EAAErB,MAJV;AAKE,IAAA,SAAS,EAAEgB;AALb,MAOGf,OAPH,CAHJ,CADF;AAgBD,CAnEM","sourcesContent":["import * as React from \"react\";\nimport { Popper, PopperCommonProps } from \"../Popper/Popper\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePatchChildrenRef } from \"../../hooks/usePatchChildrenRef\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\n\nexport interface HoverPopperProps extends PopperCommonProps {\n /*\n Содержимое тултипа\n /\n content?: React.ReactNode;\n /\n Если передан, то тултип будет показан/скрыт в зависимости от значения свойства\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости тултипа\n /\n onShownChange?: (shown: boolean) => void;\n /\n Количество миллисекунд, после которых произойдет показ дропдауна\n /\n showDelay?: number;\n /\n Количество миллисекунд, после которых произойдет скрытие дропдауна\n /\n hideDelay?: number;\n /\n Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента\n */\n children?: React.ReactElement;\n}\n\nexport const HoverPopper: React.FC<HoverPopperProps> = ({\n getRef,\n content,\n children,\n onShownChange,\n shown: _shown,\n showDelay = 150,\n hideDelay = 150,\n ...restProps\n}: HoverPopperProps) => {\n const [computedShown, setComputedShown] = React.useState(_shown \|\| false);\n\n const shown = typeof _shown === \"boolean\" ? _shown : computedShown;\n\n const setShown = (value: boolean) => {\n if (typeof _shown !== \"boolean\") {\n setComputedShown(value);\n }\n typeof onShownChange === \"function\" && onShownChange(value);\n };\n\n const showTimeout = useTimeout(() => {\n setShown(true);\n }, showDelay);\n\n const hideTimeout = useTimeout(() => {\n setShown(false);\n }, hideDelay);\n\n const [childRef, child] = usePatchChildrenRef(children);\n\n const onTargetEnter = () => {\n hideTimeout.clear();\n showTimeout.set();\n };\n\n const onTargetLeave = () => {\n showTimeout.clear();\n hideTimeout.set();\n };\n\n const targetEnterListener = useEventListener(\"pointerenter\", onTargetEnter);\n const targetLeaveListener = useEventListener(\"pointerleave\", onTargetLeave);\n\n useIsomorphicLayoutEffect(() => {\n if (childRef.current) {\n targetEnterListener.add(childRef.current);\n targetLeaveListener.add(childRef.current);\n }\n }, []);\n\n return (\n <React.Fragment>\n {child}\n {shown && (\n <Popper\n {...restProps}\n onMouseOver={hideTimeout.clear}\n onMouseOut={onTargetLeave}\n getRef={getRef}\n targetRef={childRef}\n >\n {content}\n </Popper>\n )}\n </React.Fragment>\n );\n};\n"],"file":"HoverPopper.js"}

package/dist/components/IconButton/IconButton.d.ts CHANGED Viewed

@@ -7,5 +7,5 @@ export interface IconButtonProps extends TappableProps {
      */
     icon?: React.ReactNode;
 }
-declare const _default: React.FC<IconButtonProps>;
+declare const _default: React.FC<Pick<IconButtonProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "icon" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
 export default _default;

package/dist/components/IconButton/IconButton.js CHANGED Viewed

@@ -8,6 +8,8 @@ import { classNames } from "../../lib/classNames";
 import { usePlatform } from "../../hooks/usePlatform";
 import { withAdaptivity } from "../../hoc/withAdaptivity";
 import { IOS } from "../../lib/platform";
+import { warnOnce } from "../../lib/warnOnce";
+var warn = warnOnce("IconButton");
 var IconButton = function IconButton(_ref) {
   var icon = _ref.icon,
@@ -17,6 +19,11 @@ var IconButton = function IconButton(_ref) {
       restProps = _objectWithoutProperties(_ref, _excluded);
   var platform = usePlatform();
+  if (icon && process.env.NODE_ENV === "development") {
+    warn("Свойство icon устарело и будет удалено в 5.0.0. Используйте children");
+  }
   return createScopedElement(Tappable, _extends({}, restProps, {
     Component: restProps.href ? "a" : Component,
     activeEffectDelay: 200,
@@ -27,7 +34,8 @@ var IconButton = function IconButton(_ref) {
 IconButton.defaultProps = {
   Component: "button"
-};
+}; // eslint-disable-next-line import/no-default-export
 export default withAdaptivity(IconButton, {
   sizeY: true
 });

package/dist/components/IconButton/IconButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/IconButton/IconButton.tsx"],"names":["Tappable","getClassName","classNames","usePlatform","withAdaptivity","IOS","IconButton","icon","sizeY","children","Component","restProps","platform","href","defaultProps"],"mappings":";;;;AACA,OAAOA,QAAP;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,cAAT;AACA,SAASC,GAAT;;AAUA,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,OAMvB;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,KAIqB,QAJrBA,KAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,SAEqB,QAFrBA,SAEqB;AAAA,MADlBC,SACkB;;AACrB,MAAMC,QAAQ,~~GAAGT~~,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD,~~eACMQ~~,SADN;AAEE,IAAA,SAAS,EAAEA,SAAS,~~CAACE~~,IAAV,GAAiB,GAAjB,~~GAAuBH~~,SAFpC;AAGE,IAAA,iBAAiB,EAAE,GAHrB;AAIE,IAAA,UAAU,EAAEE,QAAQ,~~KAAKP~~,GAAb,GAAmB,SAAnB,GAA+B,oBAJ7C;AAKE,IAAA,SAAS,EAAEH,UAAU,CACnBD,YAAY,CAAC,YAAD,~~EAAeW~~,QAAf,CADO,8BAEEJ,KAFF;AALvB,MAUGD,IAAI,IAAIE,QAVX,CADF;AAcD,~~CAvBD~~;;~~AAyBAH~~,UAAU,~~CAACQ~~,YAAX,GAA0B;~~AACxBJ~~,EAAAA,SAAS,EAAE;AADa,CAA1B~~;AAIA~~,~~eAAeN~~,cAAc,~~CAACE~~,UAAD,EAAa;AACxCE,EAAAA,KAAK,EAAE;AADiC,CAAb,CAA7B","sourcesContent":["import * as React from \"react\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport \"./IconButton.css\";\n\nexport interface IconButtonProps extends TappableProps {\n /*\n @deprecated будет удалено в 5.0.0. Используйте `children`\n */\n icon?: React.ReactNode;\n}\n\nconst IconButton: React.FC<IconButtonProps> = ({\n icon,\n sizeY,\n children,\n Component,\n ...restProps\n}: IconButtonProps) => {\n const platform = usePlatform();\n\n return (\n <Tappable\n {...restProps}\n Component={restProps.href ? \"a\" : Component}\n activeEffectDelay={200}\n activeMode={platform === IOS ? \"opacity\" : \"IconButton--active\"}\n vkuiClass={classNames(\n getClassName(\"IconButton\", platform),\n `IconButton--sizeY-${sizeY}`\n )}\n >\n {icon \|\| children}\n </Tappable>\n );\n};\n\nIconButton.defaultProps = {\n Component: \"button\",\n};\n\nexport default withAdaptivity(IconButton, {\n sizeY: true,\n});\n"],"file":"IconButton.js"}
1	+ {"version":3,"sources":["../../../src/components/IconButton/IconButton.tsx"],"names":["Tappable","getClassName","classNames","usePlatform","withAdaptivity","IOS","warnOnce","warn","IconButton","icon","sizeY","children","Component","restProps","platform","process","env","NODE_ENV","href","defaultProps"],"mappings":";;;;AACA,OAAOA,QAAP;AACA,SAASC,YAAT;AACA,SAASC,UAAT;AACA,SAASC,WAAT;AACA,SAASC,cAAT;AACA,SAASC,GAAT;AACA,SAASC,QAAT;AAUA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,YAAD,CAArB;;AACA,IAAME,UAAqC,GAAG,SAAxCA,UAAwC,OAMvB;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,KAIqB,QAJrBA,KAIqB;AAAA,MAHrBC,QAGqB,QAHrBA,QAGqB;AAAA,MAFrBC,SAEqB,QAFrBA,SAEqB;AAAA,MADlBC,SACkB;;AACrB,MAAMC,QAAQ,GAAGX,WAAW,EAA5B;;AAEA,MAAIM,IAAI,IAAIM,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAArC,EAAoD;AAClDV,IAAAA,IAAI,CACF,sEADE,CAAJ;AAGD;;AAED,SACE,oBAAC,QAAD,eACMM,SADN;AAEE,IAAA,SAAS,EAAEA,SAAS,CAACK,IAAV,GAAiB,GAAjB,GAAuBN,SAFpC;AAGE,IAAA,iBAAiB,EAAE,GAHrB;AAIE,IAAA,UAAU,EAAEE,QAAQ,KAAKT,GAAb,GAAmB,SAAnB,GAA+B,oBAJ7C;AAKE,IAAA,SAAS,EAAEH,UAAU,CACnBD,YAAY,CAAC,YAAD,EAAea,QAAf,CADO,8BAEEJ,KAFF;AALvB,MAUGD,IAAI,IAAIE,QAVX,CADF;AAcD,CA7BD;;AA+BAH,UAAU,CAACW,YAAX,GAA0B;AACxBP,EAAAA,SAAS,EAAE;AADa,CAA1B,C,CAIA;;AACA,eAAeR,cAAc,CAACI,UAAD,EAAa;AACxCE,EAAAA,KAAK,EAAE;AADiC,CAAb,CAA7B","sourcesContent":["import * as React from \"react\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { IOS } from \"../../lib/platform\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./IconButton.css\";\n\nexport interface IconButtonProps extends TappableProps {\n /*\n @deprecated будет удалено в 5.0.0. Используйте `children`\n */\n icon?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"IconButton\");\nconst IconButton: React.FC<IconButtonProps> = ({\n icon,\n sizeY,\n children,\n Component,\n ...restProps\n}: IconButtonProps) => {\n const platform = usePlatform();\n\n if (icon && process.env.NODE_ENV === \"development\") {\n warn(\n \"Свойство icon устарело и будет удалено в 5.0.0. Используйте children\"\n );\n }\n\n return (\n <Tappable\n {...restProps}\n Component={restProps.href ? \"a\" : Component}\n activeEffectDelay={200}\n activeMode={platform === IOS ? \"opacity\" : \"IconButton--active\"}\n vkuiClass={classNames(\n getClassName(\"IconButton\", platform),\n `IconButton--sizeY-${sizeY}`\n )}\n >\n {icon \|\| children}\n </Tappable>\n );\n};\n\nIconButton.defaultProps = {\n Component: \"button\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(IconButton, {\n sizeY: true,\n});\n"],"file":"IconButton.js"}

package/dist/components/InfoRow/InfoRow.js CHANGED Viewed

@@ -22,7 +22,8 @@ var InfoRow = function InfoRow(_ref) {
     vkuiClass: "InfoRow__header",
     weight: "regular"
   }, header), children);
-};
+}; // eslint-disable-next-line import/no-default-export
 export default InfoRow;
 //# sourceMappingURL=InfoRow.js.map

package/dist/components/InfoRow/InfoRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/InfoRow/InfoRow.tsx"],"names":["Subhead","getClassName","usePlatform","Headline","hasReactNode","InfoRow","header","children","restProps","platform"],"mappings":";;;;AACA,OAAOA,OAAP;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;;AAOA,IAAMC,OAA8C,GAAG,SAAjDA,OAAiD,OAInC;AAAA,MAHlBC,MAGkB,QAHlBA,MAGkB;AAAA,MAFlBC,QAEkB,QAFlBA,QAEkB;AAAA,MADfC,SACe;;AAClB,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD,eACMM,SADN;AAEE,IAAA,SAAS,EAAEP,YAAY,CAAC,SAAD,EAAYQ,QAAZ,CAFzB;AAGE,IAAA,MAAM,EAAC;AAHT,MAKGL,YAAY,CAACE,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC,iBAApC;AAAsD,IAAA,MAAM,EAAC;AAA7D,KACGA,MADH,CANJ,EAUGC,QAVH,CADF;AAcD,CArBD~~;;AAuBA~~,eAAeF,OAAf","sourcesContent":["import * as React from \"react\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./InfoRow.css\";\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n header: React.ReactNode;\n}\n\nconst InfoRow: React.FunctionComponent<InfoRowProps> = ({\n header,\n children,\n ...restProps\n}: InfoRowProps) => {\n const platform = usePlatform();\n\n return (\n <Headline\n {...restProps}\n vkuiClass={getClassName(\"InfoRow\", platform)}\n weight=\"regular\"\n >\n {hasReactNode(header) && (\n <Subhead Component=\"span\" vkuiClass=\"InfoRow__header\" weight=\"regular\">\n {header}\n </Subhead>\n )}\n {children}\n </Headline>\n );\n};\n\nexport default InfoRow;\n"],"file":"InfoRow.js"}
1	+ {"version":3,"sources":["../../../src/components/InfoRow/InfoRow.tsx"],"names":["Subhead","getClassName","usePlatform","Headline","hasReactNode","InfoRow","header","children","restProps","platform"],"mappings":";;;;AACA,OAAOA,OAAP;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;AACA,SAASC,YAAT;;AAOA,IAAMC,OAA8C,GAAG,SAAjDA,OAAiD,OAInC;AAAA,MAHlBC,MAGkB,QAHlBA,MAGkB;AAAA,MAFlBC,QAEkB,QAFlBA,QAEkB;AAAA,MADfC,SACe;;AAClB,MAAMC,QAAQ,GAAGP,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD,eACMM,SADN;AAEE,IAAA,SAAS,EAAEP,YAAY,CAAC,SAAD,EAAYQ,QAAZ,CAFzB;AAGE,IAAA,MAAM,EAAC;AAHT,MAKGL,YAAY,CAACE,MAAD,CAAZ,IACC,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAC,iBAApC;AAAsD,IAAA,MAAM,EAAC;AAA7D,KACGA,MADH,CANJ,EAUGC,QAVH,CADF;AAcD,CArBD,C,CAuBA;;;AACA,eAAeF,OAAf","sourcesContent":["import * as React from \"react\";\nimport Subhead from \"../Typography/Subhead/Subhead\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Headline from \"../Typography/Headline/Headline\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./InfoRow.css\";\n\nexport interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {\n header: React.ReactNode;\n}\n\nconst InfoRow: React.FunctionComponent<InfoRowProps> = ({\n header,\n children,\n ...restProps\n}: InfoRowProps) => {\n const platform = usePlatform();\n\n return (\n <Headline\n {...restProps}\n vkuiClass={getClassName(\"InfoRow\", platform)}\n weight=\"regular\"\n >\n {hasReactNode(header) && (\n <Subhead Component=\"span\" vkuiClass=\"InfoRow__header\" weight=\"regular\">\n {header}\n </Subhead>\n )}\n {children}\n </Headline>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default InfoRow;\n"],"file":"InfoRow.js"}

package/dist/components/InitialsAvatar/InitialsAvatar.js CHANGED Viewed

@@ -28,7 +28,7 @@ export var InitialsAvatar = function InitialsAvatar(_ref) {
       style = _ref.style,
       restProps = _objectWithoutProperties(_ref, _excluded);
-  var gradientName = typeof gradientColor === "string" ? gradientColor : COLORS_NUMBER_TO_TEXT_MAP[gradientColor];
+  var gradientName = typeof gradientColor === "string" ? gradientColor : gradientColor && COLORS_NUMBER_TO_TEXT_MAP[gradientColor];
   return createScopedElement(Avatar, _extends({}, restProps, {
     style: _objectSpread(_objectSpread({}, style), {}, {
       fontSize: getInitialsFontSize(size)

package/dist/components/InitialsAvatar/InitialsAvatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"names":["classNames","Avatar","AVATAR_DEFAULT_SIZE","COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","children","gradientColor","style","restProps","gradientName","fontSize"],"mappings":";;;;;AAEA,SAASA,UAAT;AACA,OAAOC,MAAP,IAAiBC,mBAAjB;AA2CA,IAAMC,yBAGL,GAAG;AACF,KAAG,KADD;AAEF,KAAG,QAFD;AAGF,KAAG,QAHD;AAIF,KAAG,OAJD;AAKF,KAAG,QALD;AAMF,KAAG;AAND,CAHJ;;AAYA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;AAC/C,MAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;AACA,MAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;AACA,SAAOA,kBAAkB,GAAGG,OAA5B;AACD;;AAED,OAAO,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAMlC;AAAA,uBALzBC,IAKyB;AAAA,MALzBA,IAKyB,0BALlBT,mBAKkB;AAAA,MAJzBU,QAIyB,QAJzBA,QAIyB;AAAA,MAHzBC,aAGyB,QAHzBA,aAGyB;AAAA,MAFzBC,KAEyB,QAFzBA,KAEyB;AAAA,MADtBC,SACsB;;AACzB,MAAMC,YAAY,GAChB,OAAOH,aAAP,KAAyB,QAAzB,GACIA,aADJ,~~GAEIV~~,yBAAyB,CAACU,aAAD,~~CAH/B~~;AAKA,SACE,oBAAC,MAAD,eACME,SADN;AAEE,IAAA,KAAK,kCACAD,KADA;AAEHG,MAAAA,QAAQ,EAAEb,mBAAmB,CAACO,IAAD;AAF1B,MAFP;AAME,IAAA,IAAI,EAAEA,IANR;AAOE,IAAA,SAAS,EAAEX,UAAU,CACnB,gBADmB,kCAEMgB,YAFN;AAPvB,MAYE;AAAM,mBAAY,MAAlB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGJ,QADH,CAZF,CADF;AAkBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport Avatar, { AVATAR_DEFAULT_SIZE, AvatarProps } from \"../Avatar/Avatar\";\nimport \"./InitialsAvatar.css\";\n\n/*\n Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n /\nexport type InitialsAvatarNumberGradients = 1 \| 2 \| 3 \| 4 \| 5 \| 6;\nexport type InitialsAvatarTextGradients =\n \| \"red\"\n \| \"pink\"\n \| \"orange\"\n \| \"yellow\"\n \| \"green\"\n \| \"l-blue\"\n \| \"blue\"\n \| \"violet\";\n\nexport interface InitialsAvatarProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n Pick<AvatarProps, \"size\" \| \"shadow\" \| \"badge\"> {\n children?: React.ReactNode;\n /\n `'red' \| 'pink' \| 'orange' \| 'yellow' \| 'green' \| 'l-blue' \| 'blue' \| 'violet'`\n \n Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n \n 1: 'red'\n \n 2: 'orange'\n \n 3: 'yellow'\n \n 4: 'green'\n \n 5: 'l-blue'\n \n 6: 'violet'\n /\n gradientColor?: InitialsAvatarNumberGradients \| InitialsAvatarTextGradients;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<\n InitialsAvatarNumberGradients,\n InitialsAvatarTextGradients\n> = {\n 1: \"red\",\n 2: \"orange\",\n 3: \"yellow\",\n 4: \"green\",\n 5: \"l-blue\",\n 6: \"violet\",\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n const calculatedFontSize = Math.ceil(avatarSize 0.36);\n const evenFix = calculatedFontSize % 2;\n return calculatedFontSize + evenFix;\n}\n\nexport const InitialsAvatar: React.FC<InitialsAvatarProps> = ({\n size = AVATAR_DEFAULT_SIZE,\n children,\n gradientColor,\n style,\n ...restProps\n}: InitialsAvatarProps) => {\n const gradientName =\n typeof gradientColor === \"string\"\n ? gradientColor\n : COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n return (\n <Avatar\n {...restProps}\n style={{\n ...style,\n fontSize: getInitialsFontSize(size),\n }}\n size={size}\n vkuiClass={classNames(\n \"InitialsAvatar\",\n `InitialsAvatar--color-${gradientName}`\n )}\n >\n <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n {children}\n </span>\n </Avatar>\n );\n};\n"],"file":"InitialsAvatar.js"}
1	+ {"version":3,"sources":["../../../src/components/InitialsAvatar/InitialsAvatar.tsx"],"names":["classNames","Avatar","AVATAR_DEFAULT_SIZE","COLORS_NUMBER_TO_TEXT_MAP","getInitialsFontSize","avatarSize","calculatedFontSize","Math","ceil","evenFix","InitialsAvatar","size","children","gradientColor","style","restProps","gradientName","fontSize"],"mappings":";;;;;AAEA,SAASA,UAAT;AACA,OAAOC,MAAP,IAAiBC,mBAAjB;AA2CA,IAAMC,yBAGL,GAAG;AACF,KAAG,KADD;AAEF,KAAG,QAFD;AAGF,KAAG,QAHD;AAIF,KAAG,OAJD;AAKF,KAAG,QALD;AAMF,KAAG;AAND,CAHJ;;AAYA,SAASC,mBAAT,CAA6BC,UAA7B,EAAiD;AAC/C,MAAMC,kBAAkB,GAAGC,IAAI,CAACC,IAAL,CAAUH,UAAU,GAAG,IAAvB,CAA3B;AACA,MAAMI,OAAO,GAAGH,kBAAkB,GAAG,CAArC;AACA,SAAOA,kBAAkB,GAAGG,OAA5B;AACD;;AAED,OAAO,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD,OAMlC;AAAA,uBALzBC,IAKyB;AAAA,MALzBA,IAKyB,0BALlBT,mBAKkB;AAAA,MAJzBU,QAIyB,QAJzBA,QAIyB;AAAA,MAHzBC,aAGyB,QAHzBA,aAGyB;AAAA,MAFzBC,KAEyB,QAFzBA,KAEyB;AAAA,MADtBC,SACsB;;AACzB,MAAMC,YAAY,GAChB,OAAOH,aAAP,KAAyB,QAAzB,GACIA,aADJ,GAEIA,aAAa,IAAIV,yBAAyB,CAACU,aAAD,CAHhD;AAKA,SACE,oBAAC,MAAD,eACME,SADN;AAEE,IAAA,KAAK,kCACAD,KADA;AAEHG,MAAAA,QAAQ,EAAEb,mBAAmB,CAACO,IAAD;AAF1B,MAFP;AAME,IAAA,IAAI,EAAEA,IANR;AAOE,IAAA,SAAS,EAAEX,UAAU,CACnB,gBADmB,kCAEMgB,YAFN;AAPvB,MAYE;AAAM,mBAAY,MAAlB;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGJ,QADH,CAZF,CADF;AAkBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { HasRootRef } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport Avatar, { AVATAR_DEFAULT_SIZE, AvatarProps } from \"../Avatar/Avatar\";\nimport \"./InitialsAvatar.css\";\n\n/*\n Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.\n * @example user.id % 6 + 1\n /\nexport type InitialsAvatarNumberGradients = 1 \| 2 \| 3 \| 4 \| 5 \| 6;\nexport type InitialsAvatarTextGradients =\n \| \"red\"\n \| \"pink\"\n \| \"orange\"\n \| \"yellow\"\n \| \"green\"\n \| \"l-blue\"\n \| \"blue\"\n \| \"violet\";\n\nexport interface InitialsAvatarProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n Pick<AvatarProps, \"size\" \| \"shadow\" \| \"badge\"> {\n children?: React.ReactNode;\n /\n `'red' \| 'pink' \| 'orange' \| 'yellow' \| 'green' \| 'l-blue' \| 'blue' \| 'violet'`\n \n Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:\n \n 1: 'red'\n \n 2: 'orange'\n \n 3: 'yellow'\n \n 4: 'green'\n \n 5: 'l-blue'\n \n 6: 'violet'\n /\n gradientColor?: InitialsAvatarNumberGradients \| InitialsAvatarTextGradients;\n}\n\nconst COLORS_NUMBER_TO_TEXT_MAP: Record<\n InitialsAvatarNumberGradients,\n InitialsAvatarTextGradients\n> = {\n 1: \"red\",\n 2: \"orange\",\n 3: \"yellow\",\n 4: \"green\",\n 5: \"l-blue\",\n 6: \"violet\",\n};\n\nfunction getInitialsFontSize(avatarSize: number) {\n const calculatedFontSize = Math.ceil(avatarSize 0.36);\n const evenFix = calculatedFontSize % 2;\n return calculatedFontSize + evenFix;\n}\n\nexport const InitialsAvatar: React.FC<InitialsAvatarProps> = ({\n size = AVATAR_DEFAULT_SIZE,\n children,\n gradientColor,\n style,\n ...restProps\n}: InitialsAvatarProps) => {\n const gradientName =\n typeof gradientColor === \"string\"\n ? gradientColor\n : gradientColor && COLORS_NUMBER_TO_TEXT_MAP[gradientColor];\n\n return (\n <Avatar\n {...restProps}\n style={{\n ...style,\n fontSize: getInitialsFontSize(size),\n }}\n size={size}\n vkuiClass={classNames(\n \"InitialsAvatar\",\n `InitialsAvatar--color-${gradientName}`\n )}\n >\n <span aria-hidden=\"true\" vkuiClass=\"InitialsAvatar__text\">\n {children}\n </span>\n </Avatar>\n );\n};\n"],"file":"InitialsAvatar.js"}

package/dist/components/Input/Input.d.ts CHANGED Viewed

@@ -5,5 +5,5 @@ import { AdaptivityProps } from "../../hoc/withAdaptivity";
 import "./Input.css";
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement>, HasRootRef<HTMLDivElement>, HasAlign, AdaptivityProps, FormFieldProps {
 }
-declare const _default: React.FunctionComponent<InputProps>;
+declare const _default: React.FC<Pick<InputProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "align" | "getRootRef" | "getRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
 export default _default;

package/dist/components/Input/Input.js CHANGED Viewed

@@ -35,7 +35,8 @@ var Input = function Input(_ref) {
 Input.defaultProps = {
   type: "text"
-};
+}; // eslint-disable-next-line import/no-default-export
 export default withAdaptivity(Input, {
   sizeY: true
 });

package/dist/components/Input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Input/Input.tsx"],"names":["getClassName","classNames","FormField","withAdaptivity","usePlatform","Input","align","getRef","className","getRootRef","sizeY","style","after","restProps","platform","disabled","defaultProps","type"],"mappings":";;;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;AACA,SAASC,WAAT;;AAWA,IAAMC,KAA0C,GAAG,SAA7CA,KAA6C,OASjC;AAAA,MARhBC,KAQgB,QARhBA,KAQgB;AAAA,MAPhBC,MAOgB,QAPhBA,MAOgB;AAAA,MANhBC,SAMgB,QANhBA,SAMgB;AAAA,MALhBC,UAKgB,QALhBA,UAKgB;AAAA,MAJhBC,KAIgB,QAJhBA,KAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;;AAChB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEH,UAAU,CACnBD,YAAY,CAAC,OAAD,EAAUc,QAAV,CADO,uCAENR,KAFM,GAEI,CAAC,CAACA,KAFN,0BAGHI,KAHG,EADvB;AAME,IAAA,KAAK,EAAEC,KANT;AAOE,IAAA,SAAS,EAAEH,SAPb;AAQE,IAAA,UAAU,EAAEC,UARd;AASE,IAAA,KAAK,EAAEG,KATT;AAUE,IAAA,QAAQ,EAAEC,SAAS,CAACE;AAVtB,KAYE,0CAAWF,SAAX;AAAsB,IAAA,SAAS,EAAC,WAAhC;AAA4C,IAAA,GAAG,EAAEN;AAAjD,KAZF,CADF;AAgBD,CA3BD;;AA6BAF,KAAK,CAACW,YAAN,GAAqB;AACnBC,EAAAA,IAAI,EAAE;AADa,CAArB~~;AAIA~~,eAAed,cAAc,CAACE,KAAD,EAAQ;AACnCK,EAAAA,KAAK,EAAE;AAD4B,CAAR,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Input.css\";\n\nexport interface InputProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLDivElement>,\n HasAlign,\n AdaptivityProps,\n FormFieldProps {}\n\nconst Input: React.FunctionComponent<InputProps> = ({\n align,\n getRef,\n className,\n getRootRef,\n sizeY,\n style,\n after,\n ...restProps\n}: InputProps) => {\n const platform = usePlatform();\n return (\n <FormField\n vkuiClass={classNames(\n getClassName(\"Input\", platform),\n { [`Input--${align}`]: !!align },\n `Input--sizeY-${sizeY}`\n )}\n style={style}\n className={className}\n getRootRef={getRootRef}\n after={after}\n disabled={restProps.disabled}\n >\n <input {...restProps} vkuiClass=\"Input__el\" ref={getRef} />\n </FormField>\n );\n};\n\nInput.defaultProps = {\n type: \"text\",\n};\n\nexport default withAdaptivity(Input, {\n sizeY: true,\n});\n"],"file":"Input.js"}
1	+ {"version":3,"sources":["../../../src/components/Input/Input.tsx"],"names":["getClassName","classNames","FormField","withAdaptivity","usePlatform","Input","align","getRef","className","getRootRef","sizeY","style","after","restProps","platform","disabled","defaultProps","type"],"mappings":";;;;;AACA,SAASA,YAAT;AACA,SAASC,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;AACA,SAASC,WAAT;;AAWA,IAAMC,KAA0C,GAAG,SAA7CA,KAA6C,OASjC;AAAA,MARhBC,KAQgB,QARhBA,KAQgB;AAAA,MAPhBC,MAOgB,QAPhBA,MAOgB;AAAA,MANhBC,SAMgB,QANhBA,SAMgB;AAAA,MALhBC,UAKgB,QALhBA,UAKgB;AAAA,MAJhBC,KAIgB,QAJhBA,KAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,MAFhBC,KAEgB,QAFhBA,KAEgB;AAAA,MADbC,SACa;;AAChB,MAAMC,QAAQ,GAAGV,WAAW,EAA5B;AACA,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEH,UAAU,CACnBD,YAAY,CAAC,OAAD,EAAUc,QAAV,CADO,uCAENR,KAFM,GAEI,CAAC,CAACA,KAFN,0BAGHI,KAHG,EADvB;AAME,IAAA,KAAK,EAAEC,KANT;AAOE,IAAA,SAAS,EAAEH,SAPb;AAQE,IAAA,UAAU,EAAEC,UARd;AASE,IAAA,KAAK,EAAEG,KATT;AAUE,IAAA,QAAQ,EAAEC,SAAS,CAACE;AAVtB,KAYE,0CAAWF,SAAX;AAAsB,IAAA,SAAS,EAAC,WAAhC;AAA4C,IAAA,GAAG,EAAEN;AAAjD,KAZF,CADF;AAgBD,CA3BD;;AA6BAF,KAAK,CAACW,YAAN,GAAqB;AACnBC,EAAAA,IAAI,EAAE;AADa,CAArB,C,CAIA;;AACA,eAAed,cAAc,CAACE,KAAD,EAAQ;AACnCK,EAAAA,KAAK,EAAE;AAD4B,CAAR,CAA7B","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Input.css\";\n\nexport interface InputProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLDivElement>,\n HasAlign,\n AdaptivityProps,\n FormFieldProps {}\n\nconst Input: React.FunctionComponent<InputProps> = ({\n align,\n getRef,\n className,\n getRootRef,\n sizeY,\n style,\n after,\n ...restProps\n}: InputProps) => {\n const platform = usePlatform();\n return (\n <FormField\n vkuiClass={classNames(\n getClassName(\"Input\", platform),\n { [`Input--${align}`]: !!align },\n `Input--sizeY-${sizeY}`\n )}\n style={style}\n className={className}\n getRootRef={getRootRef}\n after={after}\n disabled={restProps.disabled}\n >\n <input {...restProps} vkuiClass=\"Input__el\" ref={getRef} />\n </FormField>\n );\n};\n\nInput.defaultProps = {\n type: \"text\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(Input, {\n sizeY: true,\n});\n"],"file":"Input.js"}

package/dist/components/Link/Link.js CHANGED Viewed

@@ -19,7 +19,8 @@ var Link = function Link(_ref) {
     hoverMode: "opacity",
     focusVisibleMode: "outside"
   }), children);
-};
+}; // eslint-disable-next-line import/no-default-export
 export default Link;
 //# sourceMappingURL=Link.js.map

package/dist/components/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Link/Link.tsx"],"names":["getClassName","usePlatform","Tappable","Link","children","restProps","platform","href"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;;AAKA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAA2C;AAAA,MAAxCC,QAAwC,QAAxCA,QAAwC;AAAA,MAA3BC,SAA2B;;AAC3E,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAEI,SAAS,CAACE,IAAV,GAAiB,GAAjB,GAAuB;AADpC,KAEMF,SAFN;AAGE,IAAA,SAAS,EAAEL,YAAY,CAAC,MAAD,EAASM,QAAT,CAHzB;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,SAAS,EAAC,SALZ;AAME,IAAA,gBAAgB,EAAC;AANnB,MAQGF,QARH,CADF;AAYD,CAfD~~;;AAiBA~~,eAAeD,IAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport \"./Link.css\";\n\nexport type LinkProps = TappableProps;\n\nconst Link: React.FC<LinkProps> = ({ children, ...restProps }: LinkProps) => {\n const platform = usePlatform();\n\n return (\n <Tappable\n Component={restProps.href ? \"a\" : \"button\"}\n {...restProps}\n vkuiClass={getClassName(\"Link\", platform)}\n hasActive={false}\n hoverMode=\"opacity\"\n focusVisibleMode=\"outside\"\n >\n {children}\n </Tappable>\n );\n};\n\nexport default Link;\n"],"file":"Link.js"}
1	+ {"version":3,"sources":["../../../src/components/Link/Link.tsx"],"names":["getClassName","usePlatform","Tappable","Link","children","restProps","platform","href"],"mappings":";;;;AACA,SAASA,YAAT;AACA,SAASC,WAAT;AACA,OAAOC,QAAP;;AAKA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAA2C;AAAA,MAAxCC,QAAwC,QAAxCA,QAAwC;AAAA,MAA3BC,SAA2B;;AAC3E,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;AAEA,SACE,oBAAC,QAAD;AACE,IAAA,SAAS,EAAEI,SAAS,CAACE,IAAV,GAAiB,GAAjB,GAAuB;AADpC,KAEMF,SAFN;AAGE,IAAA,SAAS,EAAEL,YAAY,CAAC,MAAD,EAASM,QAAT,CAHzB;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,SAAS,EAAC,SALZ;AAME,IAAA,gBAAgB,EAAC;AANnB,MAQGF,QARH,CADF;AAYD,CAfD,C,CAiBA;;;AACA,eAAeD,IAAf","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport Tappable, { TappableProps } from \"../Tappable/Tappable\";\nimport \"./Link.css\";\n\nexport type LinkProps = TappableProps;\n\nconst Link: React.FC<LinkProps> = ({ children, ...restProps }: LinkProps) => {\n const platform = usePlatform();\n\n return (\n <Tappable\n Component={restProps.href ? \"a\" : \"button\"}\n {...restProps}\n vkuiClass={getClassName(\"Link\", platform)}\n hasActive={false}\n hoverMode=\"opacity\"\n focusVisibleMode=\"outside\"\n >\n {children}\n </Tappable>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Link;\n"],"file":"Link.js"}

package/dist/components/List/List.js CHANGED Viewed

@@ -33,7 +33,8 @@ var List = function List(_ref) {
       };
     }, [])
   }, children));
-};
+}; // eslint-disable-next-line import/no-default-export
 export default List;
 //# sourceMappingURL=List.js.map

package/dist/components/List/List.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/List/List.tsx"],"names":["React","classNames","getClassName","usePlatform","ListContext","List","children","restProps","platform","useState","isDragging","toggleDrag","useMemo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,WAAT;;AAGA,IAAMC,IAAmE,GAAG,SAAtEA,IAAsE,OAGhC;AAAA,MAF1CC,QAE0C,QAF1CA,QAE0C;AAAA,MADvCC,SACuC;;AAC1C,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;;AACA,wBAAiCH,KAAK,CAACS,QAAN,CAAe,KAAf,CAAjC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,UAAnB;;AAEA,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMJ,SAFN;AAGE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,MAAD,EAASM,QAAT,CAAb,EAAiC;AACpD,wBAAkBE;AADkC,KAAjC;AAHvB,MAOE,oBAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEV,KAAK,CAACY,OAAN,CAAc;AAAA,aAAO;AAAED,QAAAA,UAAU,EAAVA;AAAF,OAAP;AAAA,KAAd,EAAsC,EAAtC;AAA7B,KACGL,QADH,CAPF,CADF;AAaD,CApBD~~;;AAsBA~~,eAAeD,IAAf","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { ListContext } from \"./ListContext\";\nimport \"./List.css\";\n\nconst List: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>> = ({\n children,\n ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => {\n const platform = usePlatform();\n const [isDragging, toggleDrag] = React.useState(false);\n\n return (\n <div\n role=\"list\"\n {...restProps}\n vkuiClass={classNames(getClassName(\"List\", platform), {\n \"List--dragging\": isDragging,\n })}\n >\n <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n {children}\n </ListContext.Provider>\n </div>\n );\n};\n\nexport default List;\n"],"file":"List.js"}
1	+ {"version":3,"sources":["../../../src/components/List/List.tsx"],"names":["React","classNames","getClassName","usePlatform","ListContext","List","children","restProps","platform","useState","isDragging","toggleDrag","useMemo"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,WAAT;;AAGA,IAAMC,IAAmE,GAAG,SAAtEA,IAAsE,OAGhC;AAAA,MAF1CC,QAE0C,QAF1CA,QAE0C;AAAA,MADvCC,SACuC;;AAC1C,MAAMC,QAAQ,GAAGL,WAAW,EAA5B;;AACA,wBAAiCH,KAAK,CAACS,QAAN,CAAe,KAAf,CAAjC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,UAAnB;;AAEA,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMJ,SAFN;AAGE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,MAAD,EAASM,QAAT,CAAb,EAAiC;AACpD,wBAAkBE;AADkC,KAAjC;AAHvB,MAOE,oBAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEV,KAAK,CAACY,OAAN,CAAc;AAAA,aAAO;AAAED,QAAAA,UAAU,EAAVA;AAAF,OAAP;AAAA,KAAd,EAAsC,EAAtC;AAA7B,KACGL,QADH,CAPF,CADF;AAaD,CApBD,C,CAsBA;;;AACA,eAAeD,IAAf","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { ListContext } from \"./ListContext\";\nimport \"./List.css\";\n\nconst List: React.FunctionComponent<React.HTMLAttributes<HTMLDivElement>> = ({\n children,\n ...restProps\n}: React.HTMLAttributes<HTMLDivElement>) => {\n const platform = usePlatform();\n const [isDragging, toggleDrag] = React.useState(false);\n\n return (\n <div\n role=\"list\"\n {...restProps}\n vkuiClass={classNames(getClassName(\"List\", platform), {\n \"List--dragging\": isDragging,\n })}\n >\n <ListContext.Provider value={React.useMemo(() => ({ toggleDrag }), [])}>\n {children}\n </ListContext.Provider>\n </div>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default List;\n"],"file":"List.js"}