npm - @vkontakte/vkui - Versions diffs - 4.31.0 → 4.32.0 - Mend

@vkontakte/vkui 4.31.0 → 4.32.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 (1669) hide show

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

@@ -17,7 +17,7 @@ var _utils = require("../../lib/utils");
 var _Title = require("../Typography/Title/Title");
-var _Headline = _interopRequireDefault(require("../Typography/Headline/Headline"));
+var _Subhead = require("../Typography/Subhead/Subhead");
 var _classNames = require("../../lib/classNames");
@@ -40,6 +40,10 @@ var _useKeyboard = require("../../hooks/useKeyboard");
 var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _excluded = ["getRootRef", "icon", "header", "subheader", "children", "actions", "actionsLayout", "viewWidth", "hasMouse", "viewHeight", "onClose", "dismissLabel"];
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalCardBase
+ */
 var ModalCardBase = (0, _withAdaptivity.withAdaptivity)(function (_ref) {
   var getRootRef = _ref.getRootRef,
       icon = _ref.icon,
@@ -77,8 +81,7 @@ var ModalCardBase = (0, _withAdaptivity.withAdaptivity)(function (_ref) {
     level: "2",
     weight: platform === _platform.ANDROID ? "2" : "1",
     vkuiClass: "ModalCardBase__header"
-  }, header), (0, _utils.hasReactNode)(subheader) && (0, _jsxRuntime.createScopedElement)(_Headline.default, {
-    weight: "regular",
+  }, header), (0, _utils.hasReactNode)(subheader) && (0, _jsxRuntime.createScopedElement)(_Subhead.Subhead, {
     vkuiClass: "ModalCardBase__subheader"
   }, subheader), children, (0, _utils.hasReactNode)(actions) && (0, _jsxRuntime.createScopedElement)("div", {
     // eslint-disable-next-line vkui/no-object-expression-in-arguments

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":["ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","dismissLabel","restProps","platform","isDesktop","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","ViewWidth","SMALL_TABLET","Platform","VKCOM","canShowCloseBtnIos","IOS","ANDROID"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA~~;;;AA0CO~~,IAAMA,aAAa,GAAG,oCAG3B,gBAcM;AAAA,MAbJC,UAaI,QAbJA,UAaI;AAAA,MAZJC,IAYI,QAZJA,IAYI;AAAA,MAXJC,MAWI,QAXJA,MAWI;AAAA,MAVJC,SAUI,QAVJA,SAUI;AAAA,MATJC,QASI,QATJA,QASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,aAOI,QAPJA,aAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,QAEX;AAAA,MADDC,SACC;AACJ,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GAAG,4CAAlB;AACA,MAAMC,wBAAwB,GAAG,gCAAcC,QAA/C;AAEA,MAAMC,eAAe,GACnBV,SAAS,IAAIW,0BAAUC,YAAvB,IAAuCN,QAAQ,KAAKO,mBAASC,KAD/D;AAEA,MAAMC,kBAAkB,GAAGT,QAAQ,KAAKU,aAAb,IAAoB,CAACN,eAAhD;AAEA,SACE,uEACML,SADN;AAEE;AACA,IAAA,SAAS,EAAE,4BAAW,gCAAa,eAAb,EAA8BC,QAA9B,CAAX,EAAoD;AAC7D,gCAA0BC;AADmC,KAApD,CAHb;AAME,IAAA,GAAG,EAAEd;AANP,MAQE;AACE;AACA,IAAA,SAAS,EAAE,4BAAW,0BAAX,EAAuC;AAChD,0DACEe;AAF8C,KAAvC;AAFb,KAOG,yBAAad,IAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,IAAtC,CARJ,EAUG,yBAAaC,MAAb,KACC,qCAAC,YAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAEW,QAAQ,KAAKW,iBAAb,GAAuB,GAAvB,GAA6B,GAFvC;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGtB,MALH,CAXJ,EAmBG,yBAAaC,SAAb,KACC,qCAAC,~~iBAAD~~;~~AAAU~~,IAAA,~~MAAM,EAAC,SAAjB;AAA2B,IAAA,~~SAAS,EAAC;~~AAArC~~,~~KACGA~~,~~SADH~~,CApBJ,~~EAyBGC~~,~~QAzBH~~,~~EA2BG~~,yBAAaC,OAAb,KACC;AACE;AACA,IAAA,SAAS,EAAE,4BAAW,wBAAX,EAAqC;AAC9C,mCAA6BC,aAAa,KAAK;AADD,KAArC;AAFb,KAMGD,OANH,~~CA5BJ~~,~~EAsCGY~~,eAAe,IAAI,qCAAC,2BAAD;AAAoB,IAAA,OAAO,EAAEP;AAA7B,~~IAtCtB~~,~~EAuCGY~~,kBAAkB,IACjB,qCAAC,oCAAD;AACE,kBAAYX,YADd;AAEE,IAAA,SAAS,EAAC,wBAFZ;AAGE,IAAA,OAAO,EAAED;AAHX,KAKE,qCAAC,oBAAD,OALF,~~CAxCJ~~,CARF,CADF;~~AA4DD~~,~~CAtF0B~~,~~EAuF3B~~;AACEH,EAAAA,SAAS,EAAE,IADb;AAEEE,EAAAA,UAAU,EAAE,IAFd;AAGED,EAAAA,QAAQ,EAAE;AAHZ,~~CAvF2B~~,CAAtB","sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport ~~Headline~~ from \"../Typography/~~Headline~~/~~Headline~~\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { ViewWidth, withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { HasRootRef } from \"../../types\";\nimport { PanelHeaderButton } from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { ANDROID, IOS, Platform } from \"../../lib/platform\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { useKeyboard } from \"../../hooks/useKeyboard\";\nimport { AdaptivityContextInterface } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalCardBase.css\";\n\nexport interface ModalCardBaseProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Иконка.\n \n Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n /\n icon?: React.ReactNode;\n\n /\n Заголовок карточки\n /\n header?: React.ReactNode;\n\n /\n Подзаголовок\n /\n subheader?: React.ReactNode;\n\n /\n Кнопки-действия.\n \n Рекомендуется использовать `<Button size=\"l\" mode=\"primary\" />` или `<Button size=\"l\" mode=\"secondary\" />`\n /\n actions?: React.ReactNode;\n\n /\n Тип отображения кнопок: вертикальный или горизонтальный\n /\n actionsLayout?: \"vertical\" \| \"horizontal\";\n onClose?: VoidFunction;\n\n /\n `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n */\n dismissLabel?: string;\n}\n\nexport const ModalCardBase = withAdaptivity<\n ModalCardBaseProps & AdaptivityContextInterface\n>(\n ({\n getRootRef,\n icon,\n header,\n subheader,\n children,\n actions,\n actionsLayout,\n viewWidth,\n hasMouse,\n viewHeight,\n onClose,\n dismissLabel = \"Скрыть\",\n ...restProps\n }) => {\n const platform = usePlatform();\n const isDesktop = useAdaptivityIsDesktop();\n const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n const canShowCloseBtn =\n viewWidth >= ViewWidth.SMALL_TABLET \|\| platform === Platform.VKCOM;\n const canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;\n\n return (\n <div\n {...restProps}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(getClassName(\"ModalCardBase\", platform), {\n \"ModalCardBase--desktop\": isDesktop,\n })}\n ref={getRootRef}\n >\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"ModalCardBase__container\", {\n \"ModalCardBase__container--softwareKeyboardOpened\":\n isSoftwareKeyboardOpened,\n })}\n >\n {hasReactNode(icon) && (\n <div vkuiClass=\"ModalCardBase__icon\">{icon}</div>\n )}\n {hasReactNode(header) && (\n <Title\n level=\"2\"\n weight={platform === ANDROID ? \"2\" : \"1\"}\n vkuiClass=\"ModalCardBase__header\"\n >\n {header}\n </Title>\n )}\n {hasReactNode(subheader) && (\n <~~Headline~~ ~~weight=\"regular\"~~ vkuiClass=\"ModalCardBase__subheader\"~~>\n~~ {subheader}\n </~~Headline~~>\n )}\n\n {children}\n\n {hasReactNode(actions) && (\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"ModalCardBase__actions\", {\n \"ModalCardBase__actions--v\": actionsLayout === \"vertical\",\n })}\n >\n {actions}\n </div>\n )}\n\n {canShowCloseBtn && <ModalDismissButton onClick={onClose} />}\n {canShowCloseBtnIos && (\n <PanelHeaderButton\n aria-label={dismissLabel}\n vkuiClass=\"ModalCardBase__dismiss\"\n onClick={onClose}\n >\n <Icon24Dismiss />\n </PanelHeaderButton>\n )}\n </div>\n </div>\n );\n },\n {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n }\n);\n"],"file":"ModalCardBase.js"}
1	+ {"version":3,"sources":["../../../../src/components/ModalCardBase/ModalCardBase.tsx"],"names":["ModalCardBase","getRootRef","icon","header","subheader","children","actions","actionsLayout","viewWidth","hasMouse","viewHeight","onClose","dismissLabel","restProps","platform","isDesktop","isSoftwareKeyboardOpened","isOpened","canShowCloseBtn","ViewWidth","SMALL_TABLET","Platform","VKCOM","canShowCloseBtnIos","IOS","ANDROID"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AA0CA;AACA;AACA;AACO,IAAMA,aAAa,GAAG,oCAG3B,gBAcM;AAAA,MAbJC,UAaI,QAbJA,UAaI;AAAA,MAZJC,IAYI,QAZJA,IAYI;AAAA,MAXJC,MAWI,QAXJA,MAWI;AAAA,MAVJC,SAUI,QAVJA,SAUI;AAAA,MATJC,QASI,QATJA,QASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,aAOI,QAPJA,aAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,+BAFJC,YAEI;AAAA,MAFJA,YAEI,kCAFW,QAEX;AAAA,MADDC,SACC;AACJ,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAAS,GAAG,4CAAlB;AACA,MAAMC,wBAAwB,GAAG,gCAAcC,QAA/C;AAEA,MAAMC,eAAe,GACnBV,SAAS,IAAIW,0BAAUC,YAAvB,IAAuCN,QAAQ,KAAKO,mBAASC,KAD/D;AAEA,MAAMC,kBAAkB,GAAGT,QAAQ,KAAKU,aAAb,IAAoB,CAACN,eAAhD;AAEA,SACE,uEACML,SADN;AAEE;AACA,IAAA,SAAS,EAAE,4BAAW,gCAAa,eAAb,EAA8BC,QAA9B,CAAX,EAAoD;AAC7D,gCAA0BC;AADmC,KAApD,CAHb;AAME,IAAA,GAAG,EAAEd;AANP,MAQE;AACE;AACA,IAAA,SAAS,EAAE,4BAAW,0BAAX,EAAuC;AAChD,0DACEe;AAF8C,KAAvC;AAFb,KAOG,yBAAad,IAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAsCA,IAAtC,CARJ,EAUG,yBAAaC,MAAb,KACC,qCAAC,YAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAEW,QAAQ,KAAKW,iBAAb,GAAuB,GAAvB,GAA6B,GAFvC;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGtB,MALH,CAXJ,EAmBG,yBAAaC,SAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAA+CA,SAA/C,CApBJ,EAuBGC,QAvBH,EAyBG,yBAAaC,OAAb,KACC;AACE;AACA,IAAA,SAAS,EAAE,4BAAW,wBAAX,EAAqC;AAC9C,mCAA6BC,aAAa,KAAK;AADD,KAArC;AAFb,KAMGD,OANH,CA1BJ,EAoCGY,eAAe,IAAI,qCAAC,2BAAD;AAAoB,IAAA,OAAO,EAAEP;AAA7B,IApCtB,EAqCGY,kBAAkB,IACjB,qCAAC,oCAAD;AACE,kBAAYX,YADd;AAEE,IAAA,SAAS,EAAC,wBAFZ;AAGE,IAAA,OAAO,EAAED;AAHX,KAKE,qCAAC,oBAAD,OALF,CAtCJ,CARF,CADF;AA0DD,CApF0B,EAqF3B;AACEH,EAAAA,SAAS,EAAE,IADb;AAEEE,EAAAA,UAAU,EAAE,IAFd;AAGED,EAAAA,QAAQ,EAAE;AAHZ,CArF2B,CAAtB","sourcesContent":["import * as React from \"react\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { ViewWidth, withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { HasRootRef } from \"../../types\";\nimport { PanelHeaderButton } from \"../PanelHeaderButton/PanelHeaderButton\";\nimport { ANDROID, IOS, Platform } from \"../../lib/platform\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { Icon24Dismiss } from \"@vkontakte/icons\";\nimport { useKeyboard } from \"../../hooks/useKeyboard\";\nimport { AdaptivityContextInterface } from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalCardBase.css\";\n\nexport interface ModalCardBaseProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Иконка.\n \n Может быть компонентом иконки, например, `<Icon56MoneyTransferOutline />`, или `<Avatar size={72} src=\"\" />`\n /\n icon?: React.ReactNode;\n\n /\n Заголовок карточки\n /\n header?: React.ReactNode;\n\n /\n Подзаголовок\n /\n subheader?: React.ReactNode;\n\n /\n Кнопки-действия.\n \n Рекомендуется использовать `<Button size=\"l\" mode=\"primary\" />` или `<Button size=\"l\" mode=\"secondary\" />`\n /\n actions?: React.ReactNode;\n\n /\n Тип отображения кнопок: вертикальный или горизонтальный\n /\n actionsLayout?: \"vertical\" \| \"horizontal\";\n onClose?: VoidFunction;\n\n /\n `aria-label` для кнопки закрытия. Необходим, чтобы кнопка была доступной.\n /\n dismissLabel?: string;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalCardBase\n */\nexport const ModalCardBase = withAdaptivity<\n ModalCardBaseProps & AdaptivityContextInterface\n>(\n ({\n getRootRef,\n icon,\n header,\n subheader,\n children,\n actions,\n actionsLayout,\n viewWidth,\n hasMouse,\n viewHeight,\n onClose,\n dismissLabel = \"Скрыть\",\n ...restProps\n }) => {\n const platform = usePlatform();\n const isDesktop = useAdaptivityIsDesktop();\n const isSoftwareKeyboardOpened = useKeyboard().isOpened;\n\n const canShowCloseBtn =\n viewWidth >= ViewWidth.SMALL_TABLET \|\| platform === Platform.VKCOM;\n const canShowCloseBtnIos = platform === IOS && !canShowCloseBtn;\n\n return (\n <div\n {...restProps}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(getClassName(\"ModalCardBase\", platform), {\n \"ModalCardBase--desktop\": isDesktop,\n })}\n ref={getRootRef}\n >\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"ModalCardBase__container\", {\n \"ModalCardBase__container--softwareKeyboardOpened\":\n isSoftwareKeyboardOpened,\n })}\n >\n {hasReactNode(icon) && (\n <div vkuiClass=\"ModalCardBase__icon\">{icon}</div>\n )}\n {hasReactNode(header) && (\n <Title\n level=\"2\"\n weight={platform === ANDROID ? \"2\" : \"1\"}\n vkuiClass=\"ModalCardBase__header\"\n >\n {header}\n </Title>\n )}\n {hasReactNode(subheader) && (\n <Subhead vkuiClass=\"ModalCardBase__subheader\">{subheader}</Subhead>\n )}\n\n {children}\n\n {hasReactNode(actions) && (\n <div\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\"ModalCardBase__actions\", {\n \"ModalCardBase__actions--v\": actionsLayout === \"vertical\",\n })}\n >\n {actions}\n </div>\n )}\n\n {canShowCloseBtn && <ModalDismissButton onClick={onClose} />}\n {canShowCloseBtnIos && (\n <PanelHeaderButton\n aria-label={dismissLabel}\n vkuiClass=\"ModalCardBase__dismiss\"\n onClick={onClose}\n >\n <Icon24Dismiss />\n </PanelHeaderButton>\n )}\n </div>\n </div>\n );\n },\n {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n }\n);\n"],"file":"ModalCardBase.js"}

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

@@ -1,5 +1,8 @@
 import * as React from "react";
 import "./ModalDismissButton.css";
 export declare type ModalDismissButtonProps = React.HTMLAttributes<HTMLButtonElement>;
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalDismissButton
+ */
 declare const ModalDismissButton: React.FC<ModalDismissButtonProps>;
 export default ModalDismissButton;

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

@@ -19,6 +19,9 @@ var _getClassName = require("../../helpers/getClassName");
 var _usePlatform = require("../../hooks/usePlatform");
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalDismissButton
+ */
 var ModalDismissButton = function ModalDismissButton(props) {
   var platform = (0, _usePlatform.usePlatform)();
   return (0, _jsxRuntime.createScopedElement)(_Tappable.default, (0, _extends2.default)({

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

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

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

@@ -45,6 +45,9 @@ var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _excluded = ["children", "header", "viewWidth", "viewHeight", "sizeX", "hasMouse", "onOpen", "onOpened", "onClose", "onClosed", "settlingHeight", "dynamicContentHeight", "getModalContentRef", "nav"];
 var warn = (0, _warnOnce.warnOnce)("ModalPage");
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalPage
+ */
 var ModalPage = function ModalPage(props) {
   var _React$useContext = React.useContext(_ModalRootContext.ModalRootContext),

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":["warn","ModalPage","props","React","useContext","ModalRootContext","updateModalHeight","children","header","viewWidth","viewHeight","sizeX","hasMouse","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","restProps","platform","orientation","useEffect","isDesktop","canShowCloseBtn","ViewWidth","SMALL_TABLET","Platform","VKCOM","modalContext","ModalType","PAGE","refs","innerElement","headerElement","contentElement","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n ModalRootContext,\n useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useOrientationChange } from \"../../hooks/useOrientationChange\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { Platform } from \"../../lib/platform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n NavIdProps {\n /*\n Шапка модальной страницы, `<ModalPageHeader />`\n /\n header?: React.ReactNode;\n /\n Будет вызвано при начале открытия модалки.\n /\n onOpen?: VoidFunction;\n /\n Будет вызвано при окончательном открытии модалки.\n /\n onOpened?: VoidFunction;\n /\n Будет вызвано при начале закрытия модалки.\n /\n onClose?: VoidFunction;\n /\n Будет вызвано при окончательном закрытии модалки.\n /\n onClosed?: VoidFunction;\n /\n Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n /\n settlingHeight?: number;\n /\n Если высота контента в модальной странице может поменяться, нужно установить это свойство\n */\n dynamicContentHeight?: boolean;\n getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce(\"ModalPage\");\nconst ModalPage: React.FC<ModalPageProps & AdaptivityContextInterface> = (\n props\n) => {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n const {\n children,\n header,\n viewWidth,\n viewHeight,\n sizeX,\n hasMouse,\n onOpen,\n onOpened,\n onClose,\n onClosed,\n settlingHeight,\n dynamicContentHeight,\n getModalContentRef,\n nav,\n ...restProps\n } = props;\n\n const platform = usePlatform();\n const orientation = useOrientationChange();\n\n React.useEffect(updateModalHeight, [\n children,\n orientation,\n updateModalHeight,\n ]);\n\n const isDesktop = useAdaptivityIsDesktop();\n const canShowCloseBtn =\n viewWidth >= ViewWidth.SMALL_TABLET \|\| platform === Platform.VKCOM;\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(getNavId(props, warn), ModalType.PAGE);\n\n return (\n <div\n {...restProps}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\n getClassName(\"ModalPage\", platform),\n `ModalPage--sizeX-${sizeX}`,\n {\n \"ModalPage--desktop\": isDesktop,\n }\n )}\n >\n <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n <div vkuiClass=\"ModalPage__in\">\n <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n {header}\n </div>\n\n <div vkuiClass=\"ModalPage__content-wrap\">\n <div\n vkuiClass=\"ModalPage__content\"\n ref={multiRef<HTMLDivElement>(\n refs.contentElement,\n getModalContentRef\n )}\n >\n <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n </div>\n </div>\n {canShowCloseBtn && (\n <ModalDismissButton onClick={onClose \|\| modalContext.onClose} />\n )}\n </div>\n </div>\n </div>\n );\n};\n\nModalPage.defaultProps = {\n settlingHeight: 75,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(ModalPage, {\n viewWidth: true,\n viewHeight: true,\n sizeX: true,\n hasMouse: true,\n});\n"],"file":"ModalPage.js"}
1	+ {"version":3,"sources":["../../../../src/components/ModalPage/ModalPage.tsx"],"names":["warn","ModalPage","props","React","useContext","ModalRootContext","updateModalHeight","children","header","viewWidth","viewHeight","sizeX","hasMouse","onOpen","onOpened","onClose","onClosed","settlingHeight","dynamicContentHeight","getModalContentRef","nav","restProps","platform","orientation","useEffect","isDesktop","canShowCloseBtn","ViewWidth","SMALL_TABLET","Platform","VKCOM","modalContext","ModalType","PAGE","refs","innerElement","headerElement","contentElement","defaultProps"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n ModalRootContext,\n useModalRegistry,\n} from \"../ModalRoot/ModalRootContext\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useOrientationChange } from \"../../hooks/useOrientationChange\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport ModalDismissButton from \"../ModalDismissButton/ModalDismissButton\";\nimport { multiRef } from \"../../lib/utils\";\nimport { ModalType } from \"../ModalRoot/types\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { Platform } from \"../../lib/platform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport \"./ModalPage.css\";\n\nexport interface ModalPageProps\n extends React.HTMLAttributes<HTMLDivElement>,\n AdaptivityProps,\n NavIdProps {\n /*\n Шапка модальной страницы, `<ModalPageHeader />`\n /\n header?: React.ReactNode;\n /\n Будет вызвано при начале открытия модалки.\n /\n onOpen?: VoidFunction;\n /\n Будет вызвано при окончательном открытии модалки.\n /\n onOpened?: VoidFunction;\n /\n Будет вызвано при начале закрытия модалки.\n /\n onClose?: VoidFunction;\n /\n Будет вызвано при окончательном закрытии модалки.\n /\n onClosed?: VoidFunction;\n /\n Процент, на который изначально будет открыта модальная страница. При `settlingHeight={100}` модальная страница раскрывается на всю высоту.\n /\n settlingHeight?: number;\n /\n Если высота контента в модальной странице может поменяться, нужно установить это свойство\n /\n dynamicContentHeight?: boolean;\n getModalContentRef?: React.Ref<HTMLDivElement>;\n}\n\nconst warn = warnOnce(\"ModalPage\");\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalPage\n */\nconst ModalPage: React.FC<ModalPageProps & AdaptivityContextInterface> = (\n props\n) => {\n const { updateModalHeight } = React.useContext(ModalRootContext);\n\n const {\n children,\n header,\n viewWidth,\n viewHeight,\n sizeX,\n hasMouse,\n onOpen,\n onOpened,\n onClose,\n onClosed,\n settlingHeight,\n dynamicContentHeight,\n getModalContentRef,\n nav,\n ...restProps\n } = props;\n\n const platform = usePlatform();\n const orientation = useOrientationChange();\n\n React.useEffect(updateModalHeight, [\n children,\n orientation,\n updateModalHeight,\n ]);\n\n const isDesktop = useAdaptivityIsDesktop();\n const canShowCloseBtn =\n viewWidth >= ViewWidth.SMALL_TABLET \|\| platform === Platform.VKCOM;\n\n const modalContext = React.useContext(ModalRootContext);\n const { refs } = useModalRegistry(getNavId(props, warn), ModalType.PAGE);\n\n return (\n <div\n {...restProps}\n // eslint-disable-next-line vkui/no-object-expression-in-arguments\n vkuiClass={classNames(\n getClassName(\"ModalPage\", platform),\n `ModalPage--sizeX-${sizeX}`,\n {\n \"ModalPage--desktop\": isDesktop,\n }\n )}\n >\n <div vkuiClass=\"ModalPage__in-wrap\" ref={refs.innerElement}>\n <div vkuiClass=\"ModalPage__in\">\n <div vkuiClass=\"ModalPage__header\" ref={refs.headerElement}>\n {header}\n </div>\n\n <div vkuiClass=\"ModalPage__content-wrap\">\n <div\n vkuiClass=\"ModalPage__content\"\n ref={multiRef<HTMLDivElement>(\n refs.contentElement,\n getModalContentRef\n )}\n >\n <div vkuiClass=\"ModalPage__content-in\">{children}</div>\n </div>\n </div>\n {canShowCloseBtn && (\n <ModalDismissButton onClick={onClose \|\| modalContext.onClose} />\n )}\n </div>\n </div>\n </div>\n );\n};\n\nModalPage.defaultProps = {\n settlingHeight: 75,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withAdaptivity(ModalPage, {\n viewWidth: true,\n viewHeight: true,\n sizeX: true,\n hasMouse: true,\n});\n"],"file":"ModalPage.js"}

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

@@ -4,5 +4,7 @@ import { PanelHeaderProps } from "../PanelHeader/PanelHeader";
 import "./ModalPageHeader.css";
 export interface ModalPageHeaderProps extends React.HTMLAttributes<HTMLDivElement>, Omit<PanelHeaderProps, "fixed" | "shadow">, HasRef<HTMLDivElement> {
 }
-declare const ModalPageHeader: React.FunctionComponent<ModalPageHeaderProps>;
-export default ModalPageHeader;
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalPageHeader
+ */
+export declare const ModalPageHeader: ({ children, separator, getRef, ...restProps }: ModalPageHeaderProps) => JSX.Element;

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.ModalPageHeader = void 0;
 var _jsxRuntime = require("../../lib/jsxRuntime");
@@ -15,13 +15,13 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _usePlatform = require("../../hooks/usePlatform");
+var _useAdaptivity = require("../../hooks/useAdaptivity");
 var _platform = require("../../lib/platform");
-var _PanelHeader = _interopRequireDefault(require("../PanelHeader/PanelHeader"));
+var _Separator = require("../Separator/Separator");
-var _Separator = _interopRequireDefault(require("../Separator/Separator"));
-var _useAdaptivity = require("../../hooks/useAdaptivity");
+var _PanelHeader = require("../PanelHeader/PanelHeader");
 var _classNames = require("../../lib/classNames");
@@ -29,35 +29,31 @@ var _getClassName = require("../../helpers/getClassName");
 var _excluded = ["children", "separator", "getRef"];
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalPageHeader
+ */
 var ModalPageHeader = function ModalPageHeader(_ref) {
   var children = _ref.children,
-      separator = _ref.separator,
+      _ref$separator = _ref.separator,
+      separator = _ref$separator === void 0 ? true : _ref$separator,
       getRef = _ref.getRef,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
   var hasSeparator = separator && platform === _platform.VKCOM;
   var isDesktop = (0, _useAdaptivity.useAdaptivityIsDesktop)();
   return (0, _jsxRuntime.createScopedElement)("div", {
-    // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalPageHeader", platform), {
-      "ModalPageHeader--desktop": isDesktop
-    }),
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ModalPageHeader", platform), isDesktop && "ModalPageHeader--desktop"),
     ref: getRef
-  }, (0, _jsxRuntime.createScopedElement)(_PanelHeader.default, (0, _extends2.default)({
+  }, (0, _jsxRuntime.createScopedElement)(_PanelHeader.PanelHeader, (0, _extends2.default)({
     vkuiClass: "ModalPageHeader__in"
   }, restProps, {
     fixed: false,
     separator: false,
     transparent: true
-  }), children), hasSeparator && (0, _jsxRuntime.createScopedElement)(_Separator.default, {
+  }), children), hasSeparator && (0, _jsxRuntime.createScopedElement)(_Separator.Separator, {
     wide: true
   }));
 };
-ModalPageHeader.defaultProps = {
-  separator: true
-}; // eslint-disable-next-line import/no-default-export
-var _default = ModalPageHeader;
-exports.default = _default;
+exports.ModalPageHeader = ModalPageHeader;
 //# sourceMappingURL=ModalPageHeader.js.map

package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["ModalPageHeader","children","separator","getRef","restProps","platform","hasSeparator","VKCOM","isDesktop"~~,"defaultProps"~~],"mappings":";;;;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA~~;;AACA~~;;;;AAQA,IAAMA,~~eAA8D~~,GAAG,~~SAAjEA~~,~~eAAiE~~,~~OAK3C~~;AAAA,MAJ1BC,QAI0B,QAJ1BA,QAI0B;AAAA,~~MAH1BC~~,SAG0B,~~QAH1BA~~,SAG0B;AAAA,MAF1BC,MAE0B,QAF1BA,MAE0B;AAAA,MADvBC,SACuB;AAC1B,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,YAAY,GAAGJ,SAAS,IAAIG,QAAQ,KAAKE,eAA/C;AACA,MAAMC,SAAS,GAAG,4CAAlB;AAEA,SACE;AACE~~;AACA~~,IAAA,SAAS,EAAE,~~4BAAW~~,gCAAa,iBAAb,EAAgCH,QAAhC,~~CAAX~~,~~EAAsD;AAC/D~~,~~kCAA4BG;AADmC~~,~~KAAtD~~,~~CAFb~~;AAKE,IAAA,GAAG,EAAEL;AALP,KAOE,qCAAC,~~oBAAD~~;AACE,IAAA,SAAS,EAAC;AADZ,KAEMC,SAFN;AAGE,IAAA,KAAK,EAAE,KAHT;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,WAAW;AALb,MAOGH,QAPH,CAPF,EAgBGK,YAAY,IAAI,qCAAC,~~kBAAD~~;AAAW,IAAA,IAAI;AAAf,IAhBnB,CADF;AAoBD,~~CA9BD;;AAgCAN,eAAe,CAACS,YAAhB,GAA+B;AAC7BP,EAAAA,SAAS,EAAE;AADkB,CAA/B,C,CAIA;;eACeF,e~~","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { ~~HasRef~~ } from \"../../~~types~~\";\nimport { ~~VKCOM~~ } from \"../../~~lib/platform~~\";\nimport ~~PanelHeader,~~ { ~~PanelHeaderProps~~ } from \"~~../PanelHeader~~/~~PanelHeader~~\";\nimport Separator from \"../Separator/Separator\";\nimport { ~~useAdaptivityIsDesktop~~ } from \"~~../../hooks~~/~~useAdaptivity~~\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport \"./ModalPageHeader.css\";\n\nexport interface ModalPageHeaderProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Omit<PanelHeaderProps, \"fixed\" \| \"shadow\">,\n HasRef<HTMLDivElement> {}\n\~~nconst~~ ~~ModalPageHeader:~~ ~~React~~.~~FunctionComponent<ModalPageHeaderProps>~~ = ({\n children,\n separator,\n getRef,\n ...restProps\n}: ModalPageHeaderProps) => {\n const platform = usePlatform();\n const hasSeparator = separator && platform === VKCOM;\n const isDesktop = useAdaptivityIsDesktop();\n\n return (\n <div\n ~~// eslint-disable-next-line vkui/no-object-expression-in-arguments\n~~ vkuiClass={classNames(getClassName(\"ModalPageHeader\", platform)~~, {\~~n \"ModalPageHeader--desktop\"~~: isDesktop,\~~n })}\n ref={getRef}\n >\n <PanelHeader\n vkuiClass=\"ModalPageHeader__in\"\n {...restProps}\n fixed={false}\n separator={false}\n transparent\n >\n {children}\n </PanelHeader>\n {hasSeparator && <Separator wide />}\n </div>\n );\n};\n~~\nModalPageHeader.defaultProps = {\n separator: true,\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default ModalPageHeader;\n~~"],"file":"ModalPageHeader.js"}
1	+ {"version":3,"sources":["../../../../src/components/ModalPageHeader/ModalPageHeader.tsx"],"names":["ModalPageHeader","children","separator","getRef","restProps","platform","hasSeparator","VKCOM","isDesktop"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAQA;AACA;AACA;AACO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAKH;AAAA,MAJ1BC,QAI0B,QAJ1BA,QAI0B;AAAA,4BAH1BC,SAG0B;AAAA,MAH1BA,SAG0B,+BAHd,IAGc;AAAA,MAF1BC,MAE0B,QAF1BA,MAE0B;AAAA,MADvBC,SACuB;AAC1B,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,YAAY,GAAGJ,SAAS,IAAIG,QAAQ,KAAKE,eAA/C;AACA,MAAMC,SAAS,GAAG,4CAAlB;AAEA,SACE;AACE,IAAA,SAAS,EAAE,4BACT,gCAAa,iBAAb,EAAgCH,QAAhC,CADS,EAETG,SAAS,IAAI,0BAFJ,CADb;AAKE,IAAA,GAAG,EAAEL;AALP,KAOE,qCAAC,wBAAD;AACE,IAAA,SAAS,EAAC;AADZ,KAEMC,SAFN;AAGE,IAAA,KAAK,EAAE,KAHT;AAIE,IAAA,SAAS,EAAE,KAJb;AAKE,IAAA,WAAW;AALb,MAOGH,QAPH,CAPF,EAgBGK,YAAY,IAAI,qCAAC,oBAAD;AAAW,IAAA,IAAI;AAAf,IAhBnB,CADF;AAoBD,CA9BM","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport { HasRef } from \"../../types\";\nimport { VKCOM } from \"../../lib/platform\";\nimport { Separator } from \"../Separator/Separator\";\nimport { PanelHeader, PanelHeaderProps } from \"../PanelHeader/PanelHeader\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport \"./ModalPageHeader.css\";\n\nexport interface ModalPageHeaderProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Omit<PanelHeaderProps, \"fixed\" \| \"shadow\">,\n HasRef<HTMLDivElement> {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/ModalPageHeader\n */\nexport const ModalPageHeader = ({\n children,\n separator = true,\n getRef,\n ...restProps\n}: ModalPageHeaderProps) => {\n const platform = usePlatform();\n const hasSeparator = separator && platform === VKCOM;\n const isDesktop = useAdaptivityIsDesktop();\n\n return (\n <div\n vkuiClass={classNames(\n getClassName(\"ModalPageHeader\", platform),\n isDesktop && \"ModalPageHeader--desktop\"\n )}\n ref={getRef}\n >\n <PanelHeader\n vkuiClass=\"ModalPageHeader__in\"\n {...restProps}\n fixed={false}\n separator={false}\n transparent\n >\n {children}\n </PanelHeader>\n {hasSeparator && <Separator wide />}\n </div>\n );\n};\n"],"file":"ModalPageHeader.js"}

package/dist/cjs/components/ModalRoot/ModalRootAdaptive.d.ts CHANGED Viewed

@@ -19,4 +19,7 @@ export interface ModalRootProps extends AdaptivityProps {
      */
     onClosed?(modalId: string): void;
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalRoot
+ */
 export declare const ModalRoot: React.FC<Pick<ModalRootProps & AdaptivityContextInterface, "onOpen" | "onOpened" | "onClose" | "onClosed" | "activeModal"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cjs/components/ModalRoot/ModalRootAdaptive.js CHANGED Viewed

@@ -25,6 +25,10 @@ var ModalRootComponent = function ModalRootComponent(props) {
 };
 ModalRootComponent.displayName = "ModalRoot";
+/**
+ * @see https://vkcom.github.io/VKUI/#/ModalRoot
+ */
 var ModalRoot = (0, _withAdaptivity.withAdaptivity)(ModalRootComponent, {
   viewWidth: true,
   viewHeight: true,

package/dist/cjs/components/ModalRoot/ModalRootAdaptive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"names":["ModalRootComponent","props","isDesktop","activeModal","RootComponent","ModalRootDesktop","ModalRootTouch","displayName","ModalRoot","viewWidth","viewHeight","hasMouse"],"mappings":";;;;;;;;;AACA;;AACA;;AACA;;AAKA;;AACA;;AA0BA,IAAMA,kBAEL,GAAG,SAFEA,kBAEF,CAACC,KAAD,EAAW;AACb,MAAMC,SAAS,GAAG,4CAAlB;AAEA,oCAAc,CAAC,CAACD,KAAK,CAACE,WAAtB;AAEA,MAAMC,aAAa,GAAGF,SAAS,GAAGG,kCAAH,GAAsBC,yBAArD;AAEA,SAAO,qCAAC,aAAD,EAAmBL,KAAnB,CAAP;AACD,CAVD;;AAYAD,kBAAkB,CAACO,WAAnB,GAAiC,WAAjC;~~AAEO~~,IAAMC,SAAS,GAAG,oCAAeR,kBAAf,EAAmC;AAC1DS,EAAAA,SAAS,EAAE,IAD+C;AAE1DC,EAAAA,UAAU,EAAE,IAF8C;AAG1DC,EAAAA,QAAQ,EAAE;AAHgD,CAAnC,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\n\nexport interface ModalRootProps extends AdaptivityProps {\n activeModal?: string \| null;\n\n /*\n Будет вызвано при начале открытия активной модалки с её id\n /\n onOpen?(modalId: string): void;\n\n /\n Будет вызвано при окончательном открытии активной модалки с её id\n /\n onOpened?(modalId: string): void;\n\n /\n Будет вызвано при начале закрытия активной модалки с её id\n /\n onClose?(modalId: string): void;\n\n /\n Будет вызвано при окончательном закрытии активной модалки с её id\n */\n onClosed?(modalId: string): void;\n}\n\nconst ModalRootComponent: React.FC<\n ModalRootProps & AdaptivityContextInterface\n> = (props) => {\n const isDesktop = useAdaptivityIsDesktop();\n\n useScrollLock(!!props.activeModal);\n\n const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n return <RootComponent {...props} />;\n};\n\nModalRootComponent.displayName = \"ModalRoot\";\n\nexport const ModalRoot = withAdaptivity(ModalRootComponent, {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n});\n"],"file":"ModalRootAdaptive.js"}
1	+ {"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootAdaptive.tsx"],"names":["ModalRootComponent","props","isDesktop","activeModal","RootComponent","ModalRootDesktop","ModalRootTouch","displayName","ModalRoot","viewWidth","viewHeight","hasMouse"],"mappings":";;;;;;;;;AACA;;AACA;;AACA;;AAKA;;AACA;;AA0BA,IAAMA,kBAEL,GAAG,SAFEA,kBAEF,CAACC,KAAD,EAAW;AACb,MAAMC,SAAS,GAAG,4CAAlB;AAEA,oCAAc,CAAC,CAACD,KAAK,CAACE,WAAtB;AAEA,MAAMC,aAAa,GAAGF,SAAS,GAAGG,kCAAH,GAAsBC,yBAArD;AAEA,SAAO,qCAAC,aAAD,EAAmBL,KAAnB,CAAP;AACD,CAVD;;AAYAD,kBAAkB,CAACO,WAAnB,GAAiC,WAAjC;AAEA;AACA;AACA;;AACO,IAAMC,SAAS,GAAG,oCAAeR,kBAAf,EAAmC;AAC1DS,EAAAA,SAAS,EAAE,IAD+C;AAE1DC,EAAAA,UAAU,EAAE,IAF8C;AAG1DC,EAAAA,QAAQ,EAAE;AAHgD,CAAnC,CAAlB","sourcesContent":["import * as React from \"react\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { ModalRootTouch } from \"./ModalRoot\";\nimport { ModalRootDesktop } from \"./ModalRootDesktop\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\n\nexport interface ModalRootProps extends AdaptivityProps {\n activeModal?: string \| null;\n\n /*\n Будет вызвано при начале открытия активной модалки с её id\n /\n onOpen?(modalId: string): void;\n\n /\n Будет вызвано при окончательном открытии активной модалки с её id\n /\n onOpened?(modalId: string): void;\n\n /\n Будет вызвано при начале закрытия активной модалки с её id\n /\n onClose?(modalId: string): void;\n\n /\n Будет вызвано при окончательном закрытии активной модалки с её id\n /\n onClosed?(modalId: string): void;\n}\n\nconst ModalRootComponent: React.FC<\n ModalRootProps & AdaptivityContextInterface\n> = (props) => {\n const isDesktop = useAdaptivityIsDesktop();\n\n useScrollLock(!!props.activeModal);\n\n const RootComponent = isDesktop ? ModalRootDesktop : ModalRootTouch;\n\n return <RootComponent {...props} />;\n};\n\nModalRootComponent.displayName = \"ModalRoot\";\n\n/\n @see https://vkcom.github.io/VKUI/#/ModalRoot\n */\nexport const ModalRoot = withAdaptivity(ModalRootComponent, {\n viewWidth: true,\n viewHeight: true,\n hasMouse: true,\n});\n"],"file":"ModalRootAdaptive.js"}

package/dist/cjs/components/NativeSelect/NativeSelect.d.ts CHANGED Viewed

@@ -1,14 +1,19 @@
 import * as React from "react";
 import { HasAlign, HasRef, HasRootRef } from "../../types";
+import { SelectType } from "../Select/Select";
 import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
 import "../Select/Select.css";
 export interface NativeSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement>, HasRef<HTMLSelectElement>, HasRootRef<HTMLLabelElement>, HasAlign, AdaptivityProps {
     placeholder?: string;
     multiline?: boolean;
+    selectType?: keyof typeof SelectType;
 }
 export interface SelectState {
     value?: React.SelectHTMLAttributes<HTMLSelectElement>["value"];
     title?: string;
     notSelected?: boolean;
 }
-export declare const NativeSelect: React.FC<Pick<NativeSelectProps & AdaptivityContextInterface, "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "size" | "multiple" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "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" | "value" | "autoFocus" | "autoComplete" | "align" | "getRootRef" | "getRef" | "multiline"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+/**
+ * @see https://vkcom.github.io/VKUI/#/NativeSelect
+ */
+export declare const NativeSelect: React.FC<Pick<NativeSelectProps & AdaptivityContextInterface, "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "size" | "multiple" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "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" | "value" | "autoFocus" | "autoComplete" | "align" | "getRootRef" | "getRef" | "multiline" | "selectType"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cjs/components/NativeSelect/NativeSelect.js CHANGED Viewed

@@ -13,15 +13,13 @@ var _jsxRuntime = require("../../lib/jsxRuntime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _classNames2 = require("../../lib/classNames");
+var _classNames = require("../../lib/classNames");
 var _DropdownIcon = require("../DropdownIcon/DropdownIcon");
@@ -31,12 +29,6 @@ var _withAdaptivity = require("../../hoc/withAdaptivity");
 var _getClassName = require("../../helpers/getClassName");
-var _Headline = _interopRequireDefault(require("../Typography/Headline/Headline"));
-var _Text = _interopRequireDefault(require("../Typography/Text/Text"));
-var _platform = require("../../lib/platform");
 var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
 var _useEnsuredControl3 = require("../../hooks/useEnsuredControl");
@@ -45,11 +37,11 @@ var _useExternRef = require("../../hooks/useExternRef");
 var _usePlatform = require("../../hooks/usePlatform");
-var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "className", "getRef", "getRootRef", "disabled", "sizeX", "sizeY", "multiline"];
+var _Select = require("../Select/Select");
-var NativeSelectComponent = function NativeSelectComponent(_ref) {
-  var _classNames;
+var _excluded = ["style", "defaultValue", "align", "placeholder", "children", "className", "getRef", "getRootRef", "disabled", "sizeX", "sizeY", "multiline", "selectType"];
+var NativeSelectComponent = function NativeSelectComponent(_ref) {
   var style = _ref.style,
       _ref$defaultValue = _ref.defaultValue,
       defaultValue = _ref$defaultValue === void 0 ? "" : _ref$defaultValue,
@@ -63,6 +55,8 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
       sizeX = _ref.sizeX,
       sizeY = _ref.sizeY,
       multiline = _ref.multiline,
+      _ref$selectType = _ref.selectType,
+      selectType = _ref$selectType === void 0 ? _Select.SelectType.default : _ref$selectType,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
@@ -73,8 +67,8 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
   var _React$useState3 = React.useState(false),
       _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      notSelected = _React$useState4[0],
-      setNotSelected = _React$useState4[1];
+      empty = _React$useState4[0],
+      setEmpty = _React$useState4[1];
   var _useEnsuredControl = (0, _useEnsuredControl3.useEnsuredControl)(restProps, {
     defaultValue: defaultValue
@@ -91,14 +85,12 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
     if (selectedOption) {
       setTitle(selectedOption.text);
-      setNotSelected(selectedOption.value === "" && placeholder != null);
+      setEmpty(selectedOption.value === "" && placeholder != null);
     }
   }, [value, children]);
-  var TypographyComponent = platform === _platform.VKCOM || sizeY === _withAdaptivity.SizeType.COMPACT ? _Text.default : _Headline.default;
   return (0, _jsxRuntime.createScopedElement)(_FormField.FormField, {
-    Component: "label" // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)("Select", platform), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "Select--not-selected", notSelected), (0, _defineProperty2.default)(_classNames, "Select--align-".concat(align), !!align), (0, _defineProperty2.default)(_classNames, "Select--sizeX--".concat(sizeX), !!sizeX), (0, _defineProperty2.default)(_classNames, "Select--sizeY--".concat(sizeY), !!sizeY), (0, _defineProperty2.default)(_classNames, "Select--multiline", multiline), _classNames)),
+    Component: "label",
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Select", platform), "Select--".concat(selectType), empty && "Select--empty", multiline && "Select--multiline", align && "Select--align-".concat(align), "Select--sizeX-".concat(sizeX), "Select--sizeY-".concat(sizeY)),
     className: className,
     style: style,
     getRootRef: getRootRef,
@@ -112,14 +104,16 @@ var NativeSelectComponent = function NativeSelectComponent(_ref) {
     ref: selectRef
   }), placeholder && (0, _jsxRuntime.createScopedElement)("option", {
     value: ""
-  }, placeholder), children), (0, _jsxRuntime.createScopedElement)(TypographyComponent, {
-    Component: "div",
-    weight: "regular",
+  }, placeholder), children), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Select__container"
-  }, (0, _jsxRuntime.createScopedElement)("span", {
+  }, (0, _jsxRuntime.createScopedElement)(_Select.SelectTypography, {
     vkuiClass: "Select__title"
   }, title)));
 };
+/**
+ * @see https://vkcom.github.io/VKUI/#/NativeSelect
+ */
 var NativeSelect = (0, _withAdaptivity.withAdaptivity)(NativeSelectComponent, {
   sizeX: true,

package/dist/cjs/components/NativeSelect/NativeSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"names":["NativeSelectComponent","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","sizeX","sizeY","multiline","restProps","platform","React","useState","title","setTitle","~~notSelected~~","~~setNotSelected~~","value","onChange","selectRef","selectedOption","current","options","selectedIndex","text","~~TypographyComponent","VKCOM","SizeType","COMPACT","Text","Headline","~~NativeSelect"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;~~AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA~~;;AACA;;AACA~~;;;;~~AAuBA~~,IAAMA,qBAEL,GAAG,SAFEA,qBAEF,~~OAcE~~;AAAA~~;;AAAA~~,~~MAbJC~~,~~KAaI~~,~~QAbJA~~,~~KAaI~~;AAAA,+~~BAZJC~~,~~YAYI~~;AAAA,~~MAZJA~~,~~YAYI~~,~~kCAZW~~,~~EAYX~~;AAAA,MAXJC,~~KAWI~~,QAXJA,~~KAWI~~;AAAA,MAVJC,~~WAUI~~,QAVJA,~~WAUI~~;AAAA,MATJC,~~QASI~~,QATJA,~~QASI~~;AAAA,MARJC,~~SAQI~~,QARJA,~~SAQI~~;AAAA,MAPJC,~~MAOI~~,QAPJA,~~MAOI~~;AAAA,MANJC,~~UAMI~~,QANJA,~~UAMI~~;AAAA,MALJC,~~QAKI~~,QALJA,~~QAKI~~;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,~~KAGI~~,QAHJA,~~KAGI~~;AAAA,~~MAFJC~~,~~SAEI~~,~~QAFJA~~,~~SAEI~~;AAAA,MADDC,SACC;AACJ,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,wBAA0BC,KAAK,CAACC,QAAN,CAAe,EAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,~~yBAAsCH~~,KAAK,CAACC,QAAN,CAAe,KAAf,~~CAAtC~~;AAAA;AAAA,MAAOG,~~WAAP~~;AAAA,~~MAAoBC~~,~~cAApB~~;;AACA,2BAA0B,2CAAkBP,SAAlB,EAA6B;~~AAAEX~~,IAAAA,YAAY,EAAZA;AAAF,GAA7B,CAA1B;AAAA;AAAA,~~MAAOmB~~,KAAP;AAAA,MAAcC,QAAd;;AACA,MAAMC,SAAS,GAAG,~~gCAAahB~~,MAAb,CAAlB;AACA,4DAA0B,YAAM;AAAA;;AAC9B,~~QAAMiB~~,cAAc,yBAClBD,SAAS,CAACE,OADQ,uDAClB,mBAAmBC,OAAnB,CAA2BH,SAAS,CAACE,OAAV,CAAkBE,aAA7C,CADF;;AAEA,QAAIH,cAAJ,EAAoB;AAClBN,MAAAA,QAAQ,CAACM,cAAc,CAACI,IAAhB,CAAR;AACAR,MAAAA,~~cAAc~~,CAACI,cAAc,CAACH,KAAf,KAAyB,EAAzB,IAA+~~BjB~~,WAAW,IAAI,IAA/C,~~CAAd~~;AACD;AACF,GAPD,EAOG,~~CAACiB~~,KAAD,~~EAAQhB~~,QAAR,CAPH;AASA,~~MAAMwB,mBAAmB,GACvBf,QAAQ,KAAKgB,eAAb,IAAsBnB,KAAK,KAAKoB,yBAASC,OAAzC,GAAmDC,aAAnD,GAA0DC,iBAD5D;AAGA,~~SACE,qCAAC,oBAAD;AACE,IAAA,SAAS,EAAC,OADZ~~,CAEE~~;~~AAFF;AAGE~~,IAAA,SAAS,EAAE,~~6BAAW~~,gCAAa,QAAb,~~EAAuBpB~~,QAAvB,~~CAAX~~,~~gEACR~~,~~sBADQ~~,~~EACiBK~~,~~WADjB~~,~~sEAEShB~~,~~KAFT~~,~~GAEmB~~,~~CAAC~~,~~CAACA~~,~~KAFrB~~,~~uEAGUO~~,~~KAHV~~,~~GAGoB~~,~~CAAC~~,~~CAACA~~,~~KAHtB~~,~~uEAIUC~~,~~KAJV~~,~~GAIoB~~,~~CAAC,CAACA,KAJtB,8CAKT,mBALS,EAKYC,SALZ,gBAHb~~;~~AAUE~~,IAAA,SAAS,~~EAAEN~~,~~SAVb~~;~~AAWE~~,IAAA,KAAK,EAAEL,~~KAXT~~;~~AAYE~~,IAAA,UAAU,EAAEO,~~UAZd~~;~~AAaE~~,IAAA,QAAQ,EAAEC,~~QAbZ~~;~~AAcE~~,IAAA,KAAK,EAAE,qCAAC,0BAAD;~~AAdT~~,~~KAgBE~~,~~0EACMI~~,SADN;AAEE,IAAA,QAAQ,~~EAAEJ~~,QAFZ;AAGE,IAAA,SAAS,EAAC,YAHZ;AAIE,IAAA,QAAQ,~~EAAEa~~,QAJZ;AAKE,IAAA,KAAK,EAAED,KALT;AAME,IAAA,GAAG,EAAEE;AANP,~~MAQGnB~~,WAAW,IAAI;AAAQ,IAAA,KAAK,EAAC;AAAd,KAAkBA,WAAlB,CARlB,EASGC,QATH,~~CAhBF~~,~~EA2BE,qCAAC,mBAAD~~;~~AACE~~,IAAA,SAAS,EAAC~~,KADZ~~;~~AAEE~~,~~IAAA~~,~~MAAM~~,~~EAAC,SAFT~~;~~AAGE~~,IAAA,SAAS,EAAC;~~AAHZ~~,~~KAKE;AAAM~~,~~IAAA~~,~~SAAS~~,~~EAAC;AAAhB~~,~~KAAiCY,KAAjC,CALF,CA3BF,~~CADF;~~AAqCD~~,~~CAvED;;AAyEO~~,~~IAAMkB~~,YAAY,GAAG,~~oCAAenC~~,qBAAf,EAAsC;AAChEU,EAAAA,KAAK,EAAE,IADyD;AAEhEC,EAAAA,KAAK,EAAE;AAFyD,CAAtC,CAArB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity, ~~SizeType~~ } from \"../../hoc/withAdaptivity\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport ~~Headline from \"../Typography/Headline/Headline\";\nimport Text from \"../Typography/Text/Text\";\nimport~~ { ~~VKCOM~~ } from \"../../lib/~~platform~~\";\nimport { ~~useIsomorphicLayoutEffect~~ } from \"../../~~lib~~/~~useIsomorphicLayoutEffect~~\";\nimport { ~~useEnsuredControl~~ } from \"../../hooks/~~useEnsuredControl~~\";\nimport { ~~useExternRef~~ } from \"../../hooks/~~useExternRef~~\";\nimport { ~~usePlatform~~ } from \"~~../../hooks~~/~~usePlatform~~\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"../Select/Select.css\";\n\nexport interface NativeSelectProps\n extends React.SelectHTMLAttributes<HTMLSelectElement>,\n HasRef<HTMLSelectElement>,\n HasRootRef<HTMLLabelElement>,\n HasAlign,\n AdaptivityProps {\n placeholder?: string;\n multiline?: boolean;\n}\n\nexport interface SelectState {\n value?: React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n title?: string;\n notSelected?: boolean;\n}\n\nconst NativeSelectComponent: React.FC<\n NativeSelectProps & AdaptivityContextInterface\n> = ({\n style,\n defaultValue = \"\",\n align,\n placeholder,\n children,\n className,\n getRef,\n getRootRef,\n disabled,\n sizeX,\n sizeY,\n multiline,\n ...restProps\n}) => {\n const platform = usePlatform();\n const [title, setTitle] = React.useState(\"\");\n const [~~notSelected~~, ~~setNotSelected~~] = React.useState(false);\n const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n const selectRef = useExternRef(getRef);\n useIsomorphicLayoutEffect(() => {\n const selectedOption =\n selectRef.current?.options[selectRef.current.selectedIndex];\n if (selectedOption) {\n setTitle(selectedOption.text);\n ~~setNotSelected~~(selectedOption.value === \"\" && placeholder != null);\n }\n }, [value, children]);\n\n ~~const TypographyComponent =\n platform === VKCOM \|\| sizeY === SizeType.COMPACT ? Text : Headline;\n\n~~ return (\n <FormField\n Component=\"label\"\n ~~// eslint-disable-next-line vkui/no-object-expression-in-arguments\n~~ vkuiClass={classNames(getClassName(\"Select\", platform), {\n [\"Select--~~not-selected~~\"~~]: notSelected~~,\n [`Select--align-${align}~~`]: !!align,\~~n [`Select--sizeX~~--$~~{sizeX}~~`]: !!sizeX,\~~n [`Select--sizeY~~--$~~{sizeY}~~`]: !!sizeY,\~~n ~~\"Select--multiline\": multiline,\n~~ })}\n className={className}\n style={style}\n getRootRef={getRootRef}\n disabled={disabled}\n after={<DropdownIcon />}\n >\n <select\n {...restProps}\n disabled={disabled}\n vkuiClass=\"Select__el\"\n onChange={onChange}\n value={value}\n ref={selectRef}\n >\n {placeholder && <option value=\"\">{placeholder}</option>}\n {children}\n </select>\n <~~TypographyComponent\n Component=\"~~div~~\"\n weight=\"regular\"\n~~ vkuiClass=\"Select__container\"\n >\n <~~span~~ vkuiClass=\"Select__title\">{title}</~~span~~>\n </~~TypographyComponent~~>\n </FormField>\n );\n};\n\nexport const NativeSelect = withAdaptivity(NativeSelectComponent, {\n sizeX: true,\n sizeY: true,\n});\n"],"file":"NativeSelect.js"}
1	+ {"version":3,"sources":["../../../../src/components/NativeSelect/NativeSelect.tsx"],"names":["NativeSelectComponent","style","defaultValue","align","placeholder","children","className","getRef","getRootRef","disabled","sizeX","sizeY","multiline","selectType","SelectType","default","restProps","platform","React","useState","title","setTitle","empty","setEmpty","value","onChange","selectRef","selectedOption","current","options","selectedIndex","text","NativeSelect"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport { FormField } from \"../FormField/FormField\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { SelectType, SelectTypography } from \"../Select/Select\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"../Select/Select.css\";\n\nexport interface NativeSelectProps\n extends React.SelectHTMLAttributes<HTMLSelectElement>,\n HasRef<HTMLSelectElement>,\n HasRootRef<HTMLLabelElement>,\n HasAlign,\n AdaptivityProps {\n placeholder?: string;\n multiline?: boolean;\n selectType?: keyof typeof SelectType;\n}\n\nexport interface SelectState {\n value?: React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n title?: string;\n notSelected?: boolean;\n}\n\nconst NativeSelectComponent: React.FC<\n NativeSelectProps & AdaptivityContextInterface\n> = ({\n style,\n defaultValue = \"\",\n align,\n placeholder,\n children,\n className,\n getRef,\n getRootRef,\n disabled,\n sizeX,\n sizeY,\n multiline,\n selectType = SelectType.default,\n ...restProps\n}) => {\n const platform = usePlatform();\n const [title, setTitle] = React.useState(\"\");\n const [empty, setEmpty] = React.useState(false);\n const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n const selectRef = useExternRef(getRef);\n useIsomorphicLayoutEffect(() => {\n const selectedOption =\n selectRef.current?.options[selectRef.current.selectedIndex];\n if (selectedOption) {\n setTitle(selectedOption.text);\n setEmpty(selectedOption.value === \"\" && placeholder != null);\n }\n }, [value, children]);\n\n return (\n <FormField\n Component=\"label\"\n vkuiClass={classNames(\n getClassName(\"Select\", platform),\n `Select--${selectType}`,\n empty && \"Select--empty\",\n multiline && \"Select--multiline\",\n align && `Select--align-${align}`,\n `Select--sizeX-${sizeX}`,\n `Select--sizeY-${sizeY}`\n )}\n className={className}\n style={style}\n getRootRef={getRootRef}\n disabled={disabled}\n after={<DropdownIcon />}\n >\n <select\n {...restProps}\n disabled={disabled}\n vkuiClass=\"Select__el\"\n onChange={onChange}\n value={value}\n ref={selectRef}\n >\n {placeholder && <option value=\"\">{placeholder}</option>}\n {children}\n </select>\n <div vkuiClass=\"Select__container\">\n {/* TODO v5.0.0 поправить под новую адаптивность /}\n <SelectTypography vkuiClass=\"Select__title\">{title}</SelectTypography>\n </div>\n </FormField>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/NativeSelect\n */\nexport const NativeSelect = withAdaptivity(NativeSelectComponent, {\n sizeX: true,\n sizeY: true,\n});\n"],"file":"NativeSelect.js"}

package/dist/cjs/components/NavTransitionContext/NavTransitionContext.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
 import * as React from "react";
-interface TransitionContextProps {
+export interface TransitionContextProps {
     entering: boolean;
 }
 export declare const useNavTransition: () => TransitionContextProps;
 export declare const NavTransitionProvider: React.FC<TransitionContextProps>;
-export {};

package/dist/cjs/components/NavTransitionContext/NavTransitionContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"names":["TransitionContext","React","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAKA,IAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAN,CAA4C;AACpEC,EAAAA,QAAQ,EAAE;AAD0D,CAA5C,CAA1B;;AAGO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAMH,KAAK,CAACI,UAAN,CAAiBL,iBAAjB,CAAN;AAAA,CAAzB;;;;~~AACA~~,IAAMM,qBAAuD,GAAG,SAA1DA,qBAA0D,OAGjE;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJJ,QACI,QADJA,QACI;AACJ,MAAMK,aAAa,GAAGJ,gBAAgB,EAAtC;AACA,MAAMK,YAAY,GAAG,kCAAc;AACjCN,IAAAA,QAAQ,EAAEK,aAAa,CAACL,QAAd,IAA0BA;AADH,GAAd,CAArB;AAGA,SACE,qCAAC,iBAAD,CAAmB,QAAnB;AAA4B,IAAA,KAAK,EAAEM;AAAnC,KACGF,QADH,CADF;AAKD,CAbM","sourcesContent":["import * as React from \"react\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\n\~~ninterface~~ TransitionContextProps {\n entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\nexport const NavTransitionProvider: React.FC<TransitionContextProps> = ({\n children,\n entering,\n}) => {\n const parentContext = useNavTransition();\n const contextValue = useObjectMemo({\n entering: parentContext.entering \|\| entering,\n });\n return (\n <TransitionContext.Provider value={contextValue}>\n {children}\n </TransitionContext.Provider>\n );\n};\n"],"file":"NavTransitionContext.js"}
1	+ {"version":3,"sources":["../../../../src/components/NavTransitionContext/NavTransitionContext.tsx"],"names":["TransitionContext","React","createContext","entering","useNavTransition","useContext","NavTransitionProvider","children","parentContext","contextValue"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAKA,IAAMA,iBAAiB,gBAAGC,KAAK,CAACC,aAAN,CAA4C;AACpEC,EAAAA,QAAQ,EAAE;AAD0D,CAA5C,CAA1B;;AAGO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAMH,KAAK,CAACI,UAAN,CAAiBL,iBAAjB,CAAN;AAAA,CAAzB;;;;AAEA,IAAMM,qBAAuD,GAAG,SAA1DA,qBAA0D,OAGjE;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJJ,QACI,QADJA,QACI;AACJ,MAAMK,aAAa,GAAGJ,gBAAgB,EAAtC;AACA,MAAMK,YAAY,GAAG,kCAAc;AACjCN,IAAAA,QAAQ,EAAEK,aAAa,CAACL,QAAd,IAA0BA;AADH,GAAd,CAArB;AAGA,SACE,qCAAC,iBAAD,CAAmB,QAAnB;AAA4B,IAAA,KAAK,EAAEM;AAAnC,KACGF,QADH,CADF;AAKD,CAbM","sourcesContent":["import * as React from \"react\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\n\nexport interface TransitionContextProps {\n entering: boolean;\n}\nconst TransitionContext = React.createContext<TransitionContextProps>({\n entering: false,\n});\nexport const useNavTransition = () => React.useContext(TransitionContext);\n\nexport const NavTransitionProvider: React.FC<TransitionContextProps> = ({\n children,\n entering,\n}) => {\n const parentContext = useNavTransition();\n const contextValue = useObjectMemo({\n entering: parentContext.entering \|\| entering,\n });\n return (\n <TransitionContext.Provider value={contextValue}>\n {children}\n </TransitionContext.Provider>\n );\n};\n"],"file":"NavTransitionContext.js"}

package/dist/cjs/components/Pagination/Pagination.d.ts CHANGED Viewed

@@ -39,4 +39,7 @@ export interface PaginationProps extends Omit<React.HTMLAttributes<HTMLElement>,
     getPageAriaLabel?(page: number, isCurrent: boolean): string;
     onChange?(page: number): void;
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/Pagination
+ */
 export declare const Pagination: React.FC<PaginationProps>;

package/dist/cjs/components/Pagination/Pagination.js CHANGED Viewed

@@ -35,6 +35,9 @@ function getPageAriaLabelDefault(page, isCurrent) {
   return isCurrent ? "".concat(page, " \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430") : "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043D\u0430 ".concat(page, " \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443");
 }
+/**
+ * @see https://vkcom.github.io/VKUI/#/Pagination
+ */
 var Pagination = function Pagination(_ref) {
   var _ref$currentPage = _ref.currentPage,
       currentPage = _ref$currentPage === void 0 ? 1 : _ref$currentPage,

package/dist/cjs/components/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":["getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","resetProps","sizeY","pages","isFirstPage","isLastPage","handlePrevClick","React","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","undefined","map"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAOA;;AAEA;;AACA;;AAEA;;AACA;;;;AAIA,SAASA,uBAAT,CAAiCC,IAAjC,EAA+CC,SAA/C,EAA2E;AACzE,SAAOA,SAAS,aAAMD,IAAN,2HAAsCA,IAAtC,sDAAhB;AACD;;~~AA2CM~~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","sourcesContent":["import * as React from \"react\";\nimport {\n Icon24ChevronCompactLeft,\n Icon24ChevronCompactRight,\n} from \"@vkontakte/icons\";\n\nimport type { HasRootRef } from \"../../types\";\n\nimport { classNames } from \"../../lib/classNames\";\n\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { PaginationPageType, usePagination } from \"../../hooks/usePagination\";\n\nimport Tappable from \"../Tappable/Tappable\";\nimport { Button } from \"../Button/Button\";\n\nimport \"./Pagination.css\";\n\nfunction getPageAriaLabelDefault(page: number, isCurrent: boolean): string {\n return isCurrent ? `${page} страница` : `Перейти на ${page} страницу`;\n}\n\nexport interface PaginationProps\n extends Omit<React.HTMLAttributes<HTMLElement>, \"onChange\">,\n HasRootRef<HTMLElement> {\n /*\n Текущая страница.\n /\n currentPage?: number;\n /\n Кол-во всегда видимых страниц по краям текущей страницы.\n /\n siblingCount?: number;\n /\n Кол-во всегда видимых страниц в начале и в конце.\n /\n boundaryCount?: number;\n /\n Общее кол-во страниц.\n /\n totalPages?: number;\n /\n Блокировка всех кнопок.\n /\n disabled?: boolean;\n /\n Переопределение `aria-label` для кнопки навигации назад.\n * По умолчанию используется текст на \"ru_RU\".\n /\n prevButtonAriaLabel?: string;\n /\n Переопределение `aria-label` для кнопки навигации вперёд.\n * По умолчанию используется текст на \"ru_RU\".\n /\n nextButtonAriaLabel?: string;\n /\n Функция для переопределения и/или локализации `aria-label` атрибута.\n * По умолчанию используется текст на \"ru_RU\".\n */\n getPageAriaLabel?(page: number, isCurrent: boolean): string;\n onChange?(page: number): void;\n}\n\nexport const Pagination: React.FC<PaginationProps> = ({\n currentPage = 1,\n siblingCount = 1,\n boundaryCount = 1,\n totalPages = 1,\n disabled,\n getPageAriaLabel = getPageAriaLabelDefault,\n prevButtonAriaLabel = \"Перейти на предыдущую страницу\",\n nextButtonAriaLabel = \"Перейти на следующую страницу\",\n getRootRef,\n onChange,\n ...resetProps\n}) => {\n const { sizeY } = useAdaptivity();\n\n const pages = usePagination({\n currentPage,\n totalPages,\n siblingCount,\n boundaryCount,\n });\n const isFirstPage = currentPage === 1;\n const isLastPage = currentPage === totalPages;\n\n const handlePrevClick = React.useCallback(() => {\n if (onChange && !isFirstPage) {\n onChange(currentPage - 1);\n }\n }, [currentPage, isFirstPage, onChange]);\n\n const handleClick = React.useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n const page: string = event.currentTarget.dataset.page \|\| \"1\";\n onChange?.(Number(page));\n },\n [onChange]\n );\n\n const handleNextClick = React.useCallback(() => {\n if (onChange && !isLastPage) {\n onChange(currentPage + 1);\n }\n }, [currentPage, isLastPage, onChange]);\n\n const renderPages = React.useCallback(\n (page: PaginationPageType) => {\n switch (page) {\n case \"start-ellipsis\":\n case \"end-ellipsis\":\n return (\n <li key={page}>\n <div\n vkuiClass={classNames(\n \"Pagination__page\",\n \"Pagination__page--type-ellipsis\",\n `Pagination__page--sizeY-${sizeY}`,\n disabled && \"Pagination__page--disabled\"\n )}\n >\n ...\n </div>\n </li>\n );\n default: {\n const isCurrent = page === currentPage;\n return (\n <li key={page}>\n <Tappable\n vkuiClass={classNames(\n \"Pagination__page\",\n `Pagination__page--sizeY-${sizeY}`,\n isCurrent && \"Pagination__page--current\",\n disabled && \"Pagination__page--disabled\"\n )}\n activeMode=\"Pagination__page--state-active\"\n hoverMode=\"Pagination__page--state-hover\"\n hasActive={!isCurrent}\n hasHover={!isCurrent}\n focusVisibleMode=\"outside\"\n disabled={disabled}\n data-page={page}\n aria-current={isCurrent ? true : undefined}\n aria-label={getPageAriaLabel(page, isCurrent)}\n onClick={handleClick}\n >\n {page}\n </Tappable>\n </li>\n );\n }\n }\n },\n [sizeY, currentPage, disabled, getPageAriaLabel, handleClick]\n );\n\n return (\n <nav\n vkuiClass=\"Pagination\"\n role=\"navigation\"\n aria-label=\"Навигация по страницам\"\n ref={getRootRef}\n {...resetProps}\n >\n <ul vkuiClass=\"Pagination__list\">\n <li vkuiClass=\"Pagination__prevButtonContainer\">\n <Button\n size=\"l\"\n before={<Icon24ChevronCompactLeft width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n stretched\n disabled={isFirstPage \|\| disabled}\n aria-label={prevButtonAriaLabel}\n onClick={handlePrevClick}\n />\n </li>\n {pages.map(renderPages)}\n <li vkuiClass=\"Pagination__nextButtonContainer\">\n <Button\n size=\"l\"\n after={<Icon24ChevronCompactRight width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n stretched\n disabled={isLastPage \|\| disabled}\n aria-label={nextButtonAriaLabel}\n onClick={handleNextClick}\n />\n </li>\n </ul>\n </nav>\n );\n};\n"],"file":"Pagination.js"}
1	+ {"version":3,"sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":["getPageAriaLabelDefault","page","isCurrent","Pagination","currentPage","siblingCount","boundaryCount","totalPages","disabled","getPageAriaLabel","prevButtonAriaLabel","nextButtonAriaLabel","getRootRef","onChange","resetProps","sizeY","pages","isFirstPage","isLastPage","handlePrevClick","React","useCallback","handleClick","event","currentTarget","dataset","Number","handleNextClick","renderPages","undefined","map"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAOA;;AAEA;;AACA;;AAEA;;AACA;;;;AAIA,SAASA,uBAAT,CAAiCC,IAAjC,EAA+CC,SAA/C,EAA2E;AACzE,SAAOA,SAAS,aAAMD,IAAN,2HAAsCA,IAAtC,sDAAhB;AACD;;AA2CD;AACA;AACA;AACO,IAAME,UAAqC,GAAG,SAAxCA,UAAwC,OAY/C;AAAA,8BAXJC,WAWI;AAAA,MAXJA,WAWI,iCAXU,CAWV;AAAA,+BAVJC,YAUI;AAAA,MAVJA,YAUI,kCAVW,CAUX;AAAA,gCATJC,aASI;AAAA,MATJA,aASI,mCATY,CASZ;AAAA,6BARJC,UAQI;AAAA,MARJA,UAQI,gCARS,CAQT;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,mCANJC,gBAMI;AAAA,MANJA,gBAMI,sCANeT,uBAMf;AAAA,mCALJU,mBAKI;AAAA,MALJA,mBAKI,sCALkB,gCAKlB;AAAA,mCAJJC,mBAII;AAAA,MAJJA,mBAII,sCAJkB,+BAIlB;AAAA,MAHJC,UAGI,QAHJA,UAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,UACC;;AACJ,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AAEA,MAAMC,KAAK,GAAG,kCAAc;AAC1BZ,IAAAA,WAAW,EAAXA,WAD0B;AAE1BG,IAAAA,UAAU,EAAVA,UAF0B;AAG1BF,IAAAA,YAAY,EAAZA,YAH0B;AAI1BC,IAAAA,aAAa,EAAbA;AAJ0B,GAAd,CAAd;AAMA,MAAMW,WAAW,GAAGb,WAAW,KAAK,CAApC;AACA,MAAMc,UAAU,GAAGd,WAAW,KAAKG,UAAnC;AAEA,MAAMY,eAAe,GAAGC,KAAK,CAACC,WAAN,CAAkB,YAAM;AAC9C,QAAIR,QAAQ,IAAI,CAACI,WAAjB,EAA8B;AAC5BJ,MAAAA,QAAQ,CAACT,WAAW,GAAG,CAAf,CAAR;AACD;AACF,GAJuB,EAIrB,CAACA,WAAD,EAAca,WAAd,EAA2BJ,QAA3B,CAJqB,CAAxB;AAMA,MAAMS,WAAW,GAAGF,KAAK,CAACC,WAAN,CAClB,UAACE,KAAD,EAA0C;AACxC,QAAMtB,IAAY,GAAGsB,KAAK,CAACC,aAAN,CAAoBC,OAApB,CAA4BxB,IAA5B,IAAoC,GAAzD;AACAY,IAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGa,MAAM,CAACzB,IAAD,CAAT,CAAR;AACD,GAJiB,EAKlB,CAACY,QAAD,CALkB,CAApB;AAQA,MAAMc,eAAe,GAAGP,KAAK,CAACC,WAAN,CAAkB,YAAM;AAC9C,QAAIR,QAAQ,IAAI,CAACK,UAAjB,EAA6B;AAC3BL,MAAAA,QAAQ,CAACT,WAAW,GAAG,CAAf,CAAR;AACD;AACF,GAJuB,EAIrB,CAACA,WAAD,EAAcc,UAAd,EAA0BL,QAA1B,CAJqB,CAAxB;AAMA,MAAMe,WAAW,GAAGR,KAAK,CAACC,WAAN,CAClB,UAACpB,IAAD,EAA8B;AAC5B,YAAQA,IAAR;AACE,WAAK,gBAAL;AACA,WAAK,cAAL;AACE,eACE;AAAI,UAAA,GAAG,EAAEA;AAAT,WACE;AACE,UAAA,SAAS,EAAE,4BACT,kBADS,EAET,iCAFS,oCAGkBc,KAHlB,GAITP,QAAQ,IAAI,4BAJH;AADb,iBADF,CADF;;AAcF;AAAS;AACP,cAAMN,UAAS,GAAGD,IAAI,KAAKG,WAA3B;;AACA,iBACE;AAAI,YAAA,GAAG,EAAEH;AAAT,aACE,qCAAC,iBAAD;AACE,YAAA,SAAS,EAAE,4BACT,kBADS,oCAEkBc,KAFlB,GAGTb,UAAS,IAAI,2BAHJ,EAITM,QAAQ,IAAI,4BAJH,CADb;AAOE,YAAA,UAAU,EAAC,gCAPb;AAQE,YAAA,SAAS,EAAC,+BARZ;AASE,YAAA,SAAS,EAAE,CAACN,UATd;AAUE,YAAA,QAAQ,EAAE,CAACA,UAVb;AAWE,YAAA,gBAAgB,EAAC,SAXnB;AAYE,YAAA,QAAQ,EAAEM,QAZZ;AAaE,yBAAWP,IAbb;AAcE,4BAAcC,UAAS,GAAG,IAAH,GAAU2B,SAdnC;AAeE,0BAAYpB,gBAAgB,CAACR,IAAD,EAAOC,UAAP,CAf9B;AAgBE,YAAA,OAAO,EAAEoB;AAhBX,aAkBGrB,IAlBH,CADF,CADF;AAwBD;AA3CH;AA6CD,GA/CiB,EAgDlB,CAACc,KAAD,EAAQX,WAAR,EAAqBI,QAArB,EAA+BC,gBAA/B,EAAiDa,WAAjD,CAhDkB,CAApB;AAmDA,SACE;AACE,IAAA,SAAS,EAAC,YADZ;AAEE,IAAA,IAAI,EAAC,YAFP;AAGE,kBAAW,4HAHb;AAIE,IAAA,GAAG,EAAEV;AAJP,KAKME,UALN,GAOE;AAAI,IAAA,SAAS,EAAC;AAAd,KACE;AAAI,IAAA,SAAS,EAAC;AAAd,KACE,qCAAC,cAAD;AACE,IAAA,IAAI,EAAC,GADP;AAEE,IAAA,MAAM,EAAE,qCAAC,+BAAD;AAA0B,MAAA,KAAK,EAAE;AAAjC,MAFV;AAGE,IAAA,UAAU,EAAC,QAHb;AAIE,IAAA,IAAI,EAAC,UAJP;AAKE,IAAA,SAAS,MALX;AAME,IAAA,QAAQ,EAAEG,WAAW,IAAIT,QAN3B;AAOE,kBAAYE,mBAPd;AAQE,IAAA,OAAO,EAAES;AARX,IADF,CADF,EAaGH,KAAK,CAACc,GAAN,CAAUF,WAAV,CAbH,EAcE;AAAI,IAAA,SAAS,EAAC;AAAd,KACE,qCAAC,cAAD;AACE,IAAA,IAAI,EAAC,GADP;AAEE,IAAA,KAAK,EAAE,qCAAC,gCAAD;AAA2B,MAAA,KAAK,EAAE;AAAlC,MAFT;AAGE,IAAA,UAAU,EAAC,QAHb;AAIE,IAAA,IAAI,EAAC,UAJP;AAKE,IAAA,SAAS,MALX;AAME,IAAA,QAAQ,EAAEV,UAAU,IAAIV,QAN1B;AAOE,kBAAYG,mBAPd;AAQE,IAAA,OAAO,EAAEgB;AARX,IADF,CAdF,CAPF,CADF;AAqCD,CApIM","sourcesContent":["import * as React from \"react\";\nimport {\n Icon24ChevronCompactLeft,\n Icon24ChevronCompactRight,\n} from \"@vkontakte/icons\";\n\nimport type { HasRootRef } from \"../../types\";\n\nimport { classNames } from \"../../lib/classNames\";\n\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { PaginationPageType, usePagination } from \"../../hooks/usePagination\";\n\nimport Tappable from \"../Tappable/Tappable\";\nimport { Button } from \"../Button/Button\";\n\nimport \"./Pagination.css\";\n\nfunction getPageAriaLabelDefault(page: number, isCurrent: boolean): string {\n return isCurrent ? `${page} страница` : `Перейти на ${page} страницу`;\n}\n\nexport interface PaginationProps\n extends Omit<React.HTMLAttributes<HTMLElement>, \"onChange\">,\n HasRootRef<HTMLElement> {\n /*\n Текущая страница.\n /\n currentPage?: number;\n /\n Кол-во всегда видимых страниц по краям текущей страницы.\n /\n siblingCount?: number;\n /\n Кол-во всегда видимых страниц в начале и в конце.\n /\n boundaryCount?: number;\n /\n Общее кол-во страниц.\n /\n totalPages?: number;\n /\n Блокировка всех кнопок.\n /\n disabled?: boolean;\n /\n Переопределение `aria-label` для кнопки навигации назад.\n * По умолчанию используется текст на \"ru_RU\".\n /\n prevButtonAriaLabel?: string;\n /\n Переопределение `aria-label` для кнопки навигации вперёд.\n * По умолчанию используется текст на \"ru_RU\".\n /\n nextButtonAriaLabel?: string;\n /\n Функция для переопределения и/или локализации `aria-label` атрибута.\n * По умолчанию используется текст на \"ru_RU\".\n /\n getPageAriaLabel?(page: number, isCurrent: boolean): string;\n onChange?(page: number): void;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Pagination\n */\nexport const Pagination: React.FC<PaginationProps> = ({\n currentPage = 1,\n siblingCount = 1,\n boundaryCount = 1,\n totalPages = 1,\n disabled,\n getPageAriaLabel = getPageAriaLabelDefault,\n prevButtonAriaLabel = \"Перейти на предыдущую страницу\",\n nextButtonAriaLabel = \"Перейти на следующую страницу\",\n getRootRef,\n onChange,\n ...resetProps\n}) => {\n const { sizeY } = useAdaptivity();\n\n const pages = usePagination({\n currentPage,\n totalPages,\n siblingCount,\n boundaryCount,\n });\n const isFirstPage = currentPage === 1;\n const isLastPage = currentPage === totalPages;\n\n const handlePrevClick = React.useCallback(() => {\n if (onChange && !isFirstPage) {\n onChange(currentPage - 1);\n }\n }, [currentPage, isFirstPage, onChange]);\n\n const handleClick = React.useCallback(\n (event: React.MouseEvent<HTMLElement>) => {\n const page: string = event.currentTarget.dataset.page \|\| \"1\";\n onChange?.(Number(page));\n },\n [onChange]\n );\n\n const handleNextClick = React.useCallback(() => {\n if (onChange && !isLastPage) {\n onChange(currentPage + 1);\n }\n }, [currentPage, isLastPage, onChange]);\n\n const renderPages = React.useCallback(\n (page: PaginationPageType) => {\n switch (page) {\n case \"start-ellipsis\":\n case \"end-ellipsis\":\n return (\n <li key={page}>\n <div\n vkuiClass={classNames(\n \"Pagination__page\",\n \"Pagination__page--type-ellipsis\",\n `Pagination__page--sizeY-${sizeY}`,\n disabled && \"Pagination__page--disabled\"\n )}\n >\n ...\n </div>\n </li>\n );\n default: {\n const isCurrent = page === currentPage;\n return (\n <li key={page}>\n <Tappable\n vkuiClass={classNames(\n \"Pagination__page\",\n `Pagination__page--sizeY-${sizeY}`,\n isCurrent && \"Pagination__page--current\",\n disabled && \"Pagination__page--disabled\"\n )}\n activeMode=\"Pagination__page--state-active\"\n hoverMode=\"Pagination__page--state-hover\"\n hasActive={!isCurrent}\n hasHover={!isCurrent}\n focusVisibleMode=\"outside\"\n disabled={disabled}\n data-page={page}\n aria-current={isCurrent ? true : undefined}\n aria-label={getPageAriaLabel(page, isCurrent)}\n onClick={handleClick}\n >\n {page}\n </Tappable>\n </li>\n );\n }\n }\n },\n [sizeY, currentPage, disabled, getPageAriaLabel, handleClick]\n );\n\n return (\n <nav\n vkuiClass=\"Pagination\"\n role=\"navigation\"\n aria-label=\"Навигация по страницам\"\n ref={getRootRef}\n {...resetProps}\n >\n <ul vkuiClass=\"Pagination__list\">\n <li vkuiClass=\"Pagination__prevButtonContainer\">\n <Button\n size=\"l\"\n before={<Icon24ChevronCompactLeft width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n stretched\n disabled={isFirstPage \|\| disabled}\n aria-label={prevButtonAriaLabel}\n onClick={handlePrevClick}\n />\n </li>\n {pages.map(renderPages)}\n <li vkuiClass=\"Pagination__nextButtonContainer\">\n <Button\n size=\"l\"\n after={<Icon24ChevronCompactRight width={24} />}\n appearance=\"accent\"\n mode=\"tertiary\"\n stretched\n disabled={isLastPage \|\| disabled}\n aria-label={nextButtonAriaLabel}\n onClick={handleNextClick}\n />\n </li>\n </ul>\n </nav>\n );\n};\n"],"file":"Pagination.js"}