npm - @vkontakte/vkui - Versions diffs - 4.37.0 → 5.0.0 - Mend

@vkontakte/vkui 4.37.0 → 5.0.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 (3227) hide show

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

@@ -32,7 +32,7 @@ var RichTooltip = function RichTooltip(_ref) {
       appearance = _ref$appearance === void 0 ? "neutral" : _ref$appearance,
       popperProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _jsxRuntime.createScopedElement)(_HoverPopper.HoverPopper, (0, _extends2.default)({
-    vkuiClass: (0, _classNames.classNames)("RichTooltip", "RichTooltip--".concat(appearance)),
+    vkuiClass: (0, _classNames.classNames)("RichTooltip", "RichTooltip--appearance-".concat(appearance)),
     arrow: arrow,
     arrowClassName: (0, _prefixClass.prefixClass)("RichTooltip__arrow")
   }, popperProps), children);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RichTooltip.js","names":["RichTooltip","children","arrow","appearance","popperProps","classNames","prefixClass"],"sources":["../../../../src/components/RichTooltip/RichTooltip.tsx"],"sourcesContent":["import { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { classNames } from \"../../lib/classNames\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport \"./RichTooltip.css\";\n\nexport interface RichTooltipProps\n extends Omit<HoverPopperProps, \"arrowClassName\"> {\n /*\n Стиль отображения подсказки\n /\n appearance?: \"accent\" \| \"neutral\" \| \"white\" \| \"black\" \| \"inversion\";\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n children,\n arrow = true,\n appearance = \"neutral\",\n ...popperProps\n}: RichTooltipProps) => {\n return (\n <HoverPopper\n vkuiClass={classNames(\"RichTooltip\", `RichTooltip~~--$~~{appearance}`)}\n arrow={arrow}\n arrowClassName={prefixClass(\"RichTooltip__arrow\")}\n {...popperProps}\n >\n {children}\n </HoverPopper>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAWA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAKH;EAAA,IAJtBC,QAIsB,QAJtBA,QAIsB;EAAA,sBAHtBC,KAGsB;EAAA,IAHtBA,KAGsB,2BAHd,IAGc;EAAA,2BAFtBC,UAEsB;EAAA,IAFtBA,UAEsB,gCAFT,SAES;EAAA,IADnBC,WACmB;EACtB,OACE,qCAAC,wBAAD;IACE,SAAS,EAAE,IAAAC,sBAAA,~~EAAW~~,~~aAAX~~,~~yBAA0CF~~,~~UAA1C~~,EADb;~~IAEE~~,KAAK,EAAED,~~KAFT~~;~~IAGE~~,cAAc,EAAE,IAAAI,wBAAA,EAAY,oBAAZ;~~EAHlB~~,~~GAIMF~~,~~WAJN~~,~~GAMGH~~,~~QANH~~,CADF;~~AAUD~~,~~CAhBM~~"}
1	+ {"version":3,"file":"RichTooltip.js","names":["RichTooltip","children","arrow","appearance","popperProps","classNames","prefixClass"],"sources":["../../../../src/components/RichTooltip/RichTooltip.tsx"],"sourcesContent":["import { HoverPopper, HoverPopperProps } from \"../HoverPopper/HoverPopper\";\nimport { classNames } from \"../../lib/classNames\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport \"./RichTooltip.css\";\n\nexport interface RichTooltipProps\n extends Omit<HoverPopperProps, \"arrowClassName\"> {\n /*\n Стиль отображения подсказки\n /\n appearance?: \"accent\" \| \"neutral\" \| \"white\" \| \"black\" \| \"inversion\";\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RichTooltip\n */\nexport const RichTooltip = ({\n children,\n arrow = true,\n appearance = \"neutral\",\n ...popperProps\n}: RichTooltipProps) => {\n return (\n <HoverPopper\n vkuiClass={classNames(\n \"RichTooltip\",\n `RichTooltip--appearance-${appearance}`\n )}\n arrow={arrow}\n arrowClassName={prefixClass(\"RichTooltip__arrow\")}\n {...popperProps}\n >\n {children}\n </HoverPopper>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AAWA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAKH;EAAA,IAJtBC,QAIsB,QAJtBA,QAIsB;EAAA,sBAHtBC,KAGsB;EAAA,IAHtBA,KAGsB,2BAHd,IAGc;EAAA,2BAFtBC,UAEsB;EAAA,IAFtBA,UAEsB,gCAFT,SAES;EAAA,IADnBC,WACmB;EACtB,OACE,qCAAC,wBAAD;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,aADS,oCAEkBF,UAFlB,EADb;IAKE,KAAK,EAAED,KALT;IAME,cAAc,EAAE,IAAAI,wBAAA,EAAY,oBAAZ;EANlB,GAOMF,WAPN,GASGH,QATH,CADF;AAaD,CAnBM"}

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

@@ -27,8 +27,6 @@ var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
 var _SplitCol = require("../SplitCol/SplitCol");
-var _AppRootPortal = require("../AppRoot/AppRootPortal");
 var _ScrollContext = require("../AppRoot/ScrollContext");
 var _NavTransitionContext = require("../NavTransitionContext/NavTransitionContext");
@@ -45,17 +43,14 @@ var _useTimeout = require("../../hooks/useTimeout");
 var _usePlatform = require("../../hooks/usePlatform");
-var _excluded = ["popout", "modal", "children", "activeView", "onTransition", "nav"];
+var _excluded = ["children", "activeView", "onTransition", "nav"];
 var warn = (0, _warnOnce.warnOnce)("Root");
 /**
  * @see https://vkcom.github.io/VKUI/#/Root
  */
 var Root = function Root(_ref) {
-  var _ref$popout = _ref.popout,
-      popout = _ref$popout === void 0 ? null : _ref$popout,
-      modal = _ref.modal,
-      children = _ref.children,
+  var children = _ref.children,
       _activeView = _ref.activeView,
       onTransition = _ref.onTransition,
       nav = _ref.nav,
@@ -120,7 +115,7 @@ var Root = function Root(_ref) {
   }, [activeView, isBack, prevView]);
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     document.activeElement.blur();
-  }, [!!popout, activeView]); // Нужен переход
+  }, [activeView]); // Нужен переход
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     return transitionTo(_activeView);
@@ -136,7 +131,7 @@ var Root = function Root(_ref) {
       });
     }
   }, [transition, prevView]);
-  var fallbackTransition = (0, _useTimeout.useTimeout)(finishTransition, platform === _platform.IOS ? 600 : 300);
+  var fallbackTransition = (0, _useTimeout.useTimeout)(finishTransition, platform === _platform.Platform.IOS ? 600 : 300);
   React.useEffect(function () {
     if (!transition) {
       fallbackTransition.clear();
@@ -152,13 +147,8 @@ var Root = function Root(_ref) {
     }
   };
-  if (process.env.NODE_ENV === "development") {
-    popout && warn("Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.");
-    modal && warn("Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.");
-  }
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("Root", platform === _platform.IOS && "Root--ios", transition && "Root--transition")
+    vkuiClass: (0, _classNames.classNames)("Root", platform === _platform.Platform.IOS && "Root--ios", transition && "Root--transition")
   }), views.map(function (view) {
     var _scrolls$viewId;
@@ -185,11 +175,7 @@ var Root = function Root(_ref) {
         marginTop: compensateScroll ? viewId && -((_scrolls$viewId = scrolls[viewId]) !== null && _scrolls$viewId !== void 0 ? _scrolls$viewId : 0) : undefined
       }
     }, view)));
-  }), (0, _jsxRuntime.createScopedElement)(_AppRootPortal.AppRootPortal, null, !!popout && (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "Root__popout"
-  }, popout), !!modal && (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: "Root__modal"
-  }, modal)));
+  }));
 };
 exports.Root = Root;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Root.js","names":["warn","warnOnce","Root","popout","modal","children","_activeView","activeView","onTransition","nav","restProps","scroll","React","useContext","ScrollContext","platform","usePlatform","useDOM","document","scrolls","useRef","current","viewNodes","ConfigProviderContext","transitionMotionEnabled","SplitColContext","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","getNavId","props","indexOf","getScroll","y","finishTransition","useCallback","useIsomorphicLayoutEffect","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","useTimeout","IOS","useEffect","clear","set","onAnimationEnd","e","includes","animationName","process","env","NODE_ENV","classNames","viewId","isTransitionTarget","compensateScroll","undefined","marginTop"],"sources":["../../../../src/components/Root/Root.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Root.css\";\n\nexport interface RootProps\n extends React.HTMLAttributes<HTMLDivElement>,\n NavIdProps {\n activeView: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n /*\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n /\n popout?: React.ReactNode;\n /\n @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n \n Свойство для отрисовки `ModalRoot`.\n /\n modal?: React.ReactNode;\n}\n\nexport interface RootState {\n activeView: string;\n transition: boolean;\n isBack?: boolean;\n prevView?: string;\n}\n\nconst warn = warnOnce(\"Root\");\n\n/\n @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n popout = null,\n modal,\n children,\n activeView: _activeView,\n onTransition,\n nav,\n ...restProps\n}: RootProps) => {\n const scroll = React.useContext(ScrollContext);\n const platform = usePlatform();\n const { document } = useDOM();\n const scrolls = React.useRef<Record<string, number>>({}).current;\n const viewNodes = React.useRef<Record<string, HTMLElement \| null>>(\n {}\n ).current;\n\n const { transitionMotionEnabled = true } = React.useContext(\n ConfigProviderContext\n );\n const { animate } = React.useContext(SplitColContext);\n const disableAnimation = !transitionMotionEnabled \|\| !animate;\n\n const views = React.Children.toArray(children) as React.ReactElement[];\n\n const [{ prevView, activeView, transition, isBack }, _setState] =\n React.useState<RootState>({\n activeView: _activeView,\n transition: false,\n });\n const transitionTo = (panel: string) => {\n if (panel !== activeView) {\n const viewIds = views.map((view) => getNavId(view.props, warn));\n const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n scrolls[activeView] = scroll.getScroll().y;\n _setState({\n activeView: panel,\n prevView: activeView,\n transition: !disableAnimation,\n isBack,\n });\n }\n };\n const finishTransition = React.useCallback(\n () => _setState({ activeView, prevView, isBack, transition: false }),\n [activeView, isBack, prevView]\n );\n\n useIsomorphicLayoutEffect(() => {\n (document!.activeElement as HTMLElement).blur();\n }, [!!popout, activeView]);\n\n // Нужен переход\n useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n useIsomorphicLayoutEffect(() => {\n if (!transition && prevView) {\n // Закончился переход\n scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n onTransition &&\n onTransition({\n isBack: Boolean(isBack),\n from: prevView,\n to: activeView,\n });\n }\n }, [transition, prevView]);\n\n const fallbackTransition = useTimeout(\n finishTransition,\n platform === IOS ? 600 : 300\n );\n React.useEffect(() => {\n if (!transition) {\n fallbackTransition.clear();\n return;\n }\n fallbackTransition.set();\n }, [fallbackTransition, transition]);\n\n const onAnimationEnd = (e: React.AnimationEvent) => {\n if (\n [\n \"vkui-root-android-animation-hide-back\",\n \"vkui-root-android-animation-show-forward\",\n \"vkui-root-ios-animation-hide-back\",\n \"vkui-root-ios-animation-show-forward\",\n ].includes(e.animationName)\n ) {\n finishTransition();\n }\n };\n\n if (process.env.NODE_ENV === \"development\") {\n popout &&\n warn(\n \"Свойство popout устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n modal &&\n warn(\n \"Свойство modal устарело и будет удалено в 5.0.0. Используйте одноименное свойство у SplitLayout.\"\n );\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"Root\",\n platform === IOS && \"Root--ios\",\n transition && \"Root--transition\"\n )}\n >\n {views.map((view) => {\n const viewId = getNavId(view.props, warn);\n if (viewId !== activeView && !(transition && viewId === prevView)) {\n return null;\n }\n const isTransitionTarget =\n transition && viewId === (isBack ? prevView : activeView);\n const compensateScroll =\n transition &&\n (viewId === prevView \|\| (isBack && viewId === activeView));\n return (\n <div\n key={viewId}\n ref={(e) => viewId && (viewNodes[viewId] = e)}\n onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n vkuiClass={classNames(\n \"Root__view\",\n transition &&\n viewId === prevView &&\n isBack &&\n \"Root__view--hide-back\",\n transition &&\n viewId === prevView &&\n !isBack &&\n \"Root__view--hide-forward\",\n transition &&\n viewId === activeView &&\n isBack &&\n \"Root__view--show-back\",\n transition &&\n viewId === activeView &&\n !isBack &&\n \"Root__view--show-forward\",\n !transition && viewId === activeView && \"Root__view--active\"\n )}\n >\n <NavTransitionProvider\n entering={transition && viewId === activeView}\n >\n <div\n vkuiClass=\"Root__scrollCompensation\"\n style={{\n marginTop: compensateScroll\n ? viewId && -(scrolls[viewId] ?? 0)\n : undefined,\n }}\n >\n {view}\n </div>\n </NavTransitionProvider>\n </div>\n );\n })}\n <AppRootPortal>\n {!!popout && <div vkuiClass=\"Root__popout\">{popout}</div>}\n {!!modal && <div vkuiClass=\"Root__modal\">{modal}</div>}\n </AppRootPortal>\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"Root.js","names":["warn","warnOnce","Root","children","_activeView","activeView","onTransition","nav","restProps","scroll","React","useContext","ScrollContext","platform","usePlatform","useDOM","document","scrolls","useRef","current","viewNodes","ConfigProviderContext","transitionMotionEnabled","SplitColContext","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","getNavId","props","indexOf","getScroll","y","finishTransition","useCallback","useIsomorphicLayoutEffect","activeElement","blur","scrollTo","Boolean","from","to","fallbackTransition","useTimeout","Platform","IOS","useEffect","clear","set","onAnimationEnd","e","includes","animationName","classNames","viewId","isTransitionTarget","compensateScroll","undefined","marginTop"],"sources":["../../../../src/components/Root/Root.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { ScrollContext } from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./Root.css\";\n\nexport interface RootProps\n extends React.HTMLAttributes<HTMLDivElement>,\n NavIdProps {\n activeView: string;\n onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n}\n\nexport interface RootState {\n activeView: string;\n transition: boolean;\n isBack?: boolean;\n prevView?: string;\n}\n\nconst warn = warnOnce(\"Root\");\n\n/*\n @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n children,\n activeView: _activeView,\n onTransition,\n nav,\n ...restProps\n}: RootProps) => {\n const scroll = React.useContext(ScrollContext);\n const platform = usePlatform();\n const { document } = useDOM();\n const scrolls = React.useRef<Record<string, number>>({}).current;\n const viewNodes = React.useRef<Record<string, HTMLElement \| null>>(\n {}\n ).current;\n\n const { transitionMotionEnabled = true } = React.useContext(\n ConfigProviderContext\n );\n const { animate } = React.useContext(SplitColContext);\n const disableAnimation = !transitionMotionEnabled \|\| !animate;\n\n const views = React.Children.toArray(children) as React.ReactElement[];\n\n const [{ prevView, activeView, transition, isBack }, _setState] =\n React.useState<RootState>({\n activeView: _activeView,\n transition: false,\n });\n const transitionTo = (panel: string) => {\n if (panel !== activeView) {\n const viewIds = views.map((view) => getNavId(view.props, warn));\n const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n scrolls[activeView] = scroll.getScroll().y;\n _setState({\n activeView: panel,\n prevView: activeView,\n transition: !disableAnimation,\n isBack,\n });\n }\n };\n const finishTransition = React.useCallback(\n () => _setState({ activeView, prevView, isBack, transition: false }),\n [activeView, isBack, prevView]\n );\n\n useIsomorphicLayoutEffect(() => {\n (document!.activeElement as HTMLElement).blur();\n }, [activeView]);\n\n // Нужен переход\n useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n useIsomorphicLayoutEffect(() => {\n if (!transition && prevView) {\n // Закончился переход\n scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n onTransition &&\n onTransition({\n isBack: Boolean(isBack),\n from: prevView,\n to: activeView,\n });\n }\n }, [transition, prevView]);\n\n const fallbackTransition = useTimeout(\n finishTransition,\n platform === Platform.IOS ? 600 : 300\n );\n React.useEffect(() => {\n if (!transition) {\n fallbackTransition.clear();\n return;\n }\n fallbackTransition.set();\n }, [fallbackTransition, transition]);\n\n const onAnimationEnd = (e: React.AnimationEvent) => {\n if (\n [\n \"vkui-root-android-animation-hide-back\",\n \"vkui-root-android-animation-show-forward\",\n \"vkui-root-ios-animation-hide-back\",\n \"vkui-root-ios-animation-show-forward\",\n ].includes(e.animationName)\n ) {\n finishTransition();\n }\n };\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"Root\",\n platform === Platform.IOS && \"Root--ios\",\n transition && \"Root--transition\"\n )}\n >\n {views.map((view) => {\n const viewId = getNavId(view.props, warn);\n if (viewId !== activeView && !(transition && viewId === prevView)) {\n return null;\n }\n const isTransitionTarget =\n transition && viewId === (isBack ? prevView : activeView);\n const compensateScroll =\n transition &&\n (viewId === prevView \|\| (isBack && viewId === activeView));\n return (\n <div\n key={viewId}\n ref={(e) => viewId && (viewNodes[viewId] = e)}\n onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n vkuiClass={classNames(\n \"Root__view\",\n transition &&\n viewId === prevView &&\n isBack &&\n \"Root__view--hide-back\",\n transition &&\n viewId === prevView &&\n !isBack &&\n \"Root__view--hide-forward\",\n transition &&\n viewId === activeView &&\n isBack &&\n \"Root__view--show-back\",\n transition &&\n viewId === activeView &&\n !isBack &&\n \"Root__view--show-forward\",\n !transition && viewId === activeView && \"Root__view--active\"\n )}\n >\n <NavTransitionProvider\n entering={transition && viewId === activeView}\n >\n <div\n vkuiClass=\"Root__scrollCompensation\"\n style={{\n marginTop: compensateScroll\n ? viewId && -(scrolls[viewId] ?? 0)\n : undefined,\n }}\n >\n {view}\n </div>\n </NavTransitionProvider>\n </div>\n );\n })}\n </div>\n );\n};\n"],"mappings":"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"}

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

@@ -31,20 +31,18 @@ var _Touch = require("../Touch/Touch");
 var _utils = require("../../lib/utils");
-var _Text = require("../Typography/Text/Text");
 var _Title = require("../Typography/Title/Title");
 var _Headline = require("../Typography/Headline/Headline");
-var _Separator = require("../Separator/Separator");
 var _useExternRef = require("../../hooks/useExternRef");
 var _useEnsuredControl3 = require("../../hooks/useEnsuredControl");
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
 var _excluded = ["platform", "children"],
     _excluded2 = ["before", "className", "defaultValue", "placeholder", "after", "getRef", "platform", "icon", "onIconClick", "style", "autoComplete"];
@@ -54,16 +52,12 @@ var SearchPlaceholderTypography = function SearchPlaceholderTypography(_ref) {
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   switch (platform) {
-    case _platform.IOS:
+    case _platform.Platform.IOS:
       return (0, _jsxRuntime.createScopedElement)(_Title.Title, (0, _extends2.default)({}, restProps, {
         level: "3",
         weight: "3"
       }), children);
-    case _platform.VKCOM:
-      return (0, _jsxRuntime.createScopedElement)(_Text.Text, restProps, children);
-    case _platform.ANDROID:
     default:
       return (0, _jsxRuntime.createScopedElement)(_Headline.Headline, (0, _extends2.default)({}, restProps, {
         weight: "3"
@@ -144,8 +138,7 @@ var SearchComponent = function SearchComponent(_ref2) {
     onCancel();
   }, [inputRef, onCancel]);
   return (0, _jsxRuntime.createScopedElement)("div", {
-    vkuiClass: (0, _classNames.classNames)("Search", platform === _platform.VKCOM && "Search--vkcom", platform === _platform.IOS && "Search--ios", // TODO: V5 перенести на новую адаптивность
-    "Search--sizeY-".concat(sizeY), isFocused && "Search--focused", value && "Search--has-value", icon && "Search--has-after", after && "Search--has-icon"),
+    vkuiClass: (0, _classNames.classNames)("Search", platform === _platform.Platform.IOS && "Search--ios", (0, _getSizeYClassName.getSizeYClassName)("Search", sizeY), isFocused && "Search--focused", value && "Search--has-value", icon && "Search--has-after", after && "Search--has-icon"),
     className: className,
     style: style
   }, (0, _jsxRuntime.createScopedElement)("div", {
@@ -164,7 +157,7 @@ var SearchComponent = function SearchComponent(_ref2) {
     onBlur: onBlur,
     onChange: onChange,
     value: value
-  })), platform === _platform.IOS && after && (0, _jsxRuntime.createScopedElement)("div", {
+  })), platform === _platform.Platform.IOS && after && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Search__after-width"
   }, after), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Search__placeholder"
@@ -173,7 +166,7 @@ var SearchComponent = function SearchComponent(_ref2) {
   }, before, (0, _jsxRuntime.createScopedElement)(SearchPlaceholderTypography, {
     vkuiClass: "Search__placeholder-text",
     platform: platform
-  }, placeholder)), isFocused && platform === _platform.IOS && after && (0, _jsxRuntime.createScopedElement)("div", {
+  }, placeholder)), isFocused && platform === _platform.Platform.IOS && after && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Search__after-width"
   }, after))), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Search__after",
@@ -186,12 +179,9 @@ var SearchComponent = function SearchComponent(_ref2) {
   }, icon), !!value && (0, _jsxRuntime.createScopedElement)(_Touch.Touch, {
     onStart: onIconCancelClickStart,
     vkuiClass: "Search__icon"
-  }, platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon16Clear, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24Cancel, null))), platform === _platform.IOS && after && (0, _jsxRuntime.createScopedElement)("div", {
+  }, platform === _platform.Platform.IOS ? (0, _jsxRuntime.createScopedElement)(_icons.Icon16Clear, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24Cancel, null))), platform === _platform.Platform.IOS && after && (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Search__after-in"
-  }, after))), platform === _platform.VKCOM && (0, _jsxRuntime.createScopedElement)(_Separator.Separator, {
-    vkuiClass: "Search__separator",
-    wide: true
-  }));
+  }, after))));
 };
 var Search = (0, _withPlatform.withPlatform)(SearchComponent);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Search.js","names":["SearchPlaceholderTypography","platform","children","restProps","IOS","VKCOM","ANDROID","SearchComponent","before","className","defaultValue","placeholder","after","getRef","icon","onIconClick","noop","style","autoComplete","inputProps","inputRef","useExternRef","React","useState","isFocused","setFocused","useEnsuredControl","value","onChange","useAdaptivity","sizeY","onFocus","e","onBlur","onCancel","useCallback","nativeInputValueSetter","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","current","ev2","Event","bubbles","dispatchEvent","onIconClickStart","originalEvent","onIconCancelClickStart","preventDefault","focus","classNames","Search","withPlatform","displayName"],"sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport {\n Icon16SearchOutline,\n Icon16Clear,\n Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { HasPlatform, HasRef } from \"../../types\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { VKUITouchEvent } from \"../../lib/touch\";\nimport { noop } from \"../../lib/utils\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Separator } from \"../Separator/Separator\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./Search.css\";\n\nexport type InputRef = (element: HTMLInputElement) => void;\n\ninterface SearchPlaceholderTypographyProps\n extends HasPlatform,\n React.HTMLAttributes<HTMLElement> {}\n\nconst SearchPlaceholderTypography = ({\n platform,\n children,\n ...restProps\n}: SearchPlaceholderTypographyProps) => {\n switch (platform) {\n case IOS:\n return (\n <Title {...restProps} level=\"3\" weight=\"3\">\n {children}\n </Title>\n );\n case VKCOM:\n return <Text {...restProps}>{children}</Text>;\n case ANDROID:\n default:\n return (\n <Headline {...restProps} weight=\"3\">\n {children}\n </Headline>\n );\n }\n};\n\nexport interface SearchProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasPlatform {\n /*\n iOS only. Текст кнопки \"отмена\", которая чистит текстовое поле и убирает фокус.\n /\n after?: React.ReactNode;\n before?: React.ReactNode;\n icon?: React.ReactNode;\n onIconClick?: (e: VKUITouchEvent) => void;\n defaultValue?: string;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Search\n */\nconst SearchComponent = ({\n before = <Icon16SearchOutline aria-hidden />,\n className,\n defaultValue = \"\",\n placeholder = \"Поиск\",\n after = \"Отмена\",\n getRef,\n platform,\n icon,\n onIconClick = noop,\n style,\n autoComplete = \"off\",\n ...inputProps\n}: SearchProps) => {\n const inputRef = useExternRef(getRef);\n const [isFocused, setFocused] = React.useState(false);\n const [value, onChange] = useEnsuredControl(inputProps, { defaultValue });\n const { sizeY } = useAdaptivity();\n\n const onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(true);\n inputProps.onFocus && inputProps.onFocus(e);\n };\n\n const onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(false);\n inputProps.onBlur && inputProps.onBlur(e);\n };\n\n const onCancel = React.useCallback(() => {\n // eslint-disable-next-line @typescript-eslint/unbound-method\n const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n HTMLInputElement.prototype,\n \"value\"\n )?.set;\n nativeInputValueSetter?.call(inputRef.current, \"\");\n\n const ev2 = new Event(\"input\", { bubbles: true });\n inputRef.current?.dispatchEvent(ev2);\n }, [inputRef]);\n\n const onIconClickStart = React.useCallback(\n (e: TouchEvent) => onIconClick(e.originalEvent),\n [onIconClick]\n );\n\n const onIconCancelClickStart = React.useCallback(\n (e: TouchEvent) => {\n e.originalEvent.preventDefault();\n inputRef.current?.focus();\n onCancel();\n },\n [inputRef, onCancel]\n );\n\n return (\n <div\n vkuiClass={classNames(\n \"Search\",\n platform === VKCOM && \"Search--vkcom\",\n platform === IOS && \"Search--ios\",\n // TODO: V5 перенести на новую адаптивность\n `Search--sizeY-${sizeY}`,\n isFocused && \"Search--focused\",\n value && \"Search--has-value\",\n icon && \"Search--has-after\",\n after && \"Search--has-icon\"\n )}\n className={className}\n style={style}\n >\n <div vkuiClass=\"Search__in\">\n <div vkuiClass=\"Search__width\" />\n <label vkuiClass=\"Search__control\">\n <input\n type=\"search\"\n {...inputProps}\n autoComplete={autoComplete}\n ref={inputRef}\n vkuiClass=\"Search__input\"\n onFocus={onFocus}\n onBlur={onBlur}\n onChange={onChange}\n value={value}\n />\n {platform === IOS && after && (\n <div vkuiClass=\"Search__after-width\">{after}</div>\n )}\n <div vkuiClass=\"Search__placeholder\">\n <div vkuiClass=\"Search__placeholder-in\">\n {before}\n <SearchPlaceholderTypography\n vkuiClass=\"Search__placeholder-text\"\n platform={platform}\n >\n {placeholder}\n </SearchPlaceholderTypography>\n </div>\n {isFocused && platform === IOS && after && (\n <div vkuiClass=\"Search__after-width\">{after}</div>\n )}\n </div>\n </label>\n <div vkuiClass=\"Search__after\" onClick={onCancel}>\n <div vkuiClass=\"Search__icons\">\n {icon && (\n <Touch onStart={onIconClickStart} vkuiClass=\"Search__icon\">\n {icon}\n </Touch>\n )}\n {!!value && (\n <Touch onStart={onIconCancelClickStart} vkuiClass=\"Search__icon\">\n {platform === IOS ? <Icon16Clear /> : <Icon24Cancel />}\n </Touch>\n )}\n </div>\n {platform === IOS && after && (\n <div vkuiClass=\"Search__after-in\">{after}</div>\n )}\n </div>\n </div>\n {platform === VKCOM && <Separator vkuiClass=\"Search__separator\" wide />}\n </div>\n );\n};\n\nexport const Search = withPlatform(SearchComponent);\n\nSearch.displayName = \"Search\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAKA;;AAEA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AASA,IAAMA,2BAA2B,GAAG,SAA9BA,2BAA8B,OAII;EAAA,IAHtCC,QAGsC,QAHtCA,QAGsC;EAAA,IAFtCC,QAEsC,QAFtCA,QAEsC;EAAA,IADnCC,SACmC;;EACtC,QAAQF,QAAR;IACE,KAAKG,aAAL;MACE,OACE,qCAAC,YAAD,6BAAWD,SAAX;QAAsB,KAAK,EAAC,GAA5B;QAAgC,MAAM,EAAC;MAAvC,IACGD,QADH,CADF;;IAKF,KAAKG,eAAL;MACE,OAAO,qCAAC,UAAD,EAAUF,SAAV,EAAsBD,QAAtB,CAAP;;IACF,KAAKI,iBAAL;IACA;MACE,OACE,qCAAC,kBAAD,6BAAcH,SAAd;QAAyB,MAAM,EAAC;MAAhC,IACGD,QADH,CADF;EAXJ;AAiBD,CAtBD;;AAsCA;AACA;AACA;AACA,IAAMK,eAAe,GAAG,SAAlBA,eAAkB,QAaL;EAAA,yBAZjBC,MAYiB;EAAA,IAZjBA,MAYiB,6BAZR,qCAAC,0BAAD;IAAqB;EAArB,EAYQ;EAAA,IAXjBC,SAWiB,SAXjBA,SAWiB;EAAA,+BAVjBC,YAUiB;EAAA,IAVjBA,YAUiB,mCAVF,EAUE;EAAA,8BATjBC,WASiB;EAAA,IATjBA,WASiB,kCATH,OASG;EAAA,wBARjBC,KAQiB;EAAA,IARjBA,KAQiB,4BART,QAQS;EAAA,IAPjBC,MAOiB,SAPjBA,MAOiB;EAAA,IANjBZ,QAMiB,SANjBA,QAMiB;EAAA,IALjBa,IAKiB,SALjBA,IAKiB;EAAA,8BAJjBC,WAIiB;EAAA,IAJjBA,WAIiB,kCAJHC,WAIG;EAAA,IAHjBC,KAGiB,SAHjBA,KAGiB;EAAA,+BAFjBC,YAEiB;EAAA,IAFjBA,YAEiB,mCAFF,KAEE;EAAA,IADdC,UACc;EACjB,IAAMC,QAAQ,GAAG,IAAAC,0BAAA,EAAaR,MAAb,CAAjB;;EACA,sBAAgCS,KAAK,CAACC,QAAN,CAAe,KAAf,CAAhC;EAAA;EAAA,IAAOC,SAAP;EAAA,IAAkBC,UAAlB;;EACA,yBAA0B,IAAAC,qCAAA,EAAkBP,UAAlB,EAA8B;IAAET,YAAY,EAAZA;EAAF,CAA9B,CAA1B;EAAA;EAAA,IAAOiB,KAAP;EAAA,IAAcC,QAAd;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,CAAD,EAA2C;IACzDP,UAAU,CAAC,IAAD,CAAV;IACAN,UAAU,CAACY,OAAX,IAAsBZ,UAAU,CAACY,OAAX,CAAmBC,CAAnB,CAAtB;EACD,CAHD;;EAKA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACD,CAAD,EAA2C;IACxDP,UAAU,CAAC,KAAD,CAAV;IACAN,UAAU,CAACc,MAAX,IAAqBd,UAAU,CAACc,MAAX,CAAkBD,CAAlB,CAArB;EACD,CAHD;;EAKA,IAAME,QAAQ,GAAGZ,KAAK,CAACa,WAAN,CAAkB,YAAM;IAAA;;IACvC;IACA,IAAMC,sBAAsB,4BAAGC,MAAM,CAACC,wBAAP,CAC7BC,gBAAgB,CAACC,SADY,EAE7B,OAF6B,CAAH,0DAAG,sBAG5BC,GAHH;IAIAL,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,YAAAA,sBAAsB,CAAEM,IAAxB,CAA6BtB,QAAQ,CAACuB,OAAtC,EAA+C,EAA/C;IAEA,IAAMC,GAAG,GAAG,IAAIC,KAAJ,CAAU,OAAV,EAAmB;MAAEC,OAAO,EAAE;IAAX,CAAnB,CAAZ;IACA,qBAAA1B,QAAQ,CAACuB,OAAT,wEAAkBI,aAAlB,CAAgCH,GAAhC;EACD,CAVgB,EAUd,CAACxB,QAAD,CAVc,CAAjB;EAYA,IAAM4B,gBAAgB,GAAG1B,KAAK,CAACa,WAAN,CACvB,UAACH,CAAD;IAAA,OAAmBjB,WAAW,CAACiB,CAAC,CAACiB,aAAH,CAA9B;EAAA,CADuB,EAEvB,CAAClC,WAAD,CAFuB,CAAzB;EAKA,IAAMmC,sBAAsB,GAAG5B,KAAK,CAACa,WAAN,CAC7B,UAACH,CAAD,EAAmB;IAAA;;IACjBA,CAAC,CAACiB,aAAF,CAAgBE,cAAhB;IACA,sBAAA/B,QAAQ,CAACuB,OAAT,0EAAkBS,KAAlB;IACAlB,QAAQ;EACT,CAL4B,EAM7B,CAACd,QAAD,EAAWc,QAAX,CAN6B,CAA/B;EASA,OACE;IACE,SAAS,EAAE,IAAAmB,sBAAA,EACT,QADS,EAETpD,QAAQ,KAAKI,eAAb,IAAsB,eAFb,EAGTJ,QAAQ,KAAKG,aAAb,IAAoB,aAHX,EAIT;IAJS,wBAKQ0B,KALR,GAMTN,SAAS,IAAI,iBANJ,EAOTG,KAAK,IAAI,mBAPA,EAQTb,IAAI,IAAI,mBARC,EASTF,KAAK,IAAI,kBATA,CADb;IAYE,SAAS,EAAEH,SAZb;IAaE,KAAK,EAAEQ;EAbT,GAeE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,EADF,EAEE;IAAO,SAAS,EAAC;EAAjB,GACE;IACE,IAAI,EAAC;EADP,GAEME,UAFN;IAGE,YAAY,EAAED,YAHhB;IAIE,GAAG,EAAEE,QAJP;IAKE,SAAS,EAAC,eALZ;IAME,OAAO,EAAEW,OANX;IAOE,MAAM,EAAEE,MAPV;IAQE,QAAQ,EAAEL,QARZ;IASE,KAAK,EAAED;EATT,GADF,EAYG1B,QAAQ,KAAKG,aAAb,IAAoBQ,KAApB,IACC;IAAK,SAAS,EAAC;EAAf,GAAsCA,KAAtC,CAbJ,EAeE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACGJ,MADH,EAEE,qCAAC,2BAAD;IACE,SAAS,EAAC,0BADZ;IAEE,QAAQ,EAAEP;EAFZ,GAIGU,WAJH,CAFF,CADF,EAUGa,SAAS,IAAIvB,QAAQ,KAAKG,aAA1B,IAAiCQ,KAAjC,IACC;IAAK,SAAS,EAAC;EAAf,GAAsCA,KAAtC,CAXJ,CAfF,CAFF,EAgCE;IAAK,SAAS,EAAC,eAAf;IAA+B,OAAO,EAAEsB;EAAxC,GACE;IAAK,SAAS,EAAC;EAAf,GACGpB,IAAI,IACH,qCAAC,YAAD;IAAO,OAAO,EAAEkC,gBAAhB;IAAkC,SAAS,EAAC;EAA5C,GACGlC,IADH,CAFJ,EAMG,CAAC,CAACa,KAAF,IACC,qCAAC,YAAD;IAAO,OAAO,EAAEuB,sBAAhB;IAAwC,SAAS,EAAC;EAAlD,GACGjD,QAAQ,KAAKG,aAAb,GAAmB,qCAAC,kBAAD,OAAnB,GAAqC,qCAAC,mBAAD,OADxC,CAPJ,CADF,EAaGH,QAAQ,KAAKG,aAAb,IAAoBQ,KAApB,IACC;IAAK,SAAS,EAAC;EAAf,GAAmCA,KAAnC,CAdJ,CAhCF,CAfF,EAiEGX,QAAQ,KAAKI,eAAb,IAAsB,qCAAC,oBAAD;IAAW,SAAS,EAAC,mBAArB;IAAyC,IAAI;EAA7C,EAjEzB,CADF;AAqED,CA5HD;;AA8HO,IAAMiD,MAAM,GAAG,IAAAC,0BAAA,EAAahD,eAAb,CAAf;;AAEP+C,MAAM,CAACE,WAAP,GAAqB,QAArB"}
1	+ {"version":3,"file":"Search.js","names":["SearchPlaceholderTypography","platform","children","restProps","Platform","IOS","SearchComponent","before","className","defaultValue","placeholder","after","getRef","icon","onIconClick","noop","style","autoComplete","inputProps","inputRef","useExternRef","React","useState","isFocused","setFocused","useEnsuredControl","value","onChange","useAdaptivity","sizeY","onFocus","e","onBlur","onCancel","useCallback","nativeInputValueSetter","Object","getOwnPropertyDescriptor","HTMLInputElement","prototype","set","call","current","ev2","Event","bubbles","dispatchEvent","onIconClickStart","originalEvent","onIconCancelClickStart","preventDefault","focus","classNames","getSizeYClassName","Search","withPlatform","displayName"],"sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport {\n Icon16SearchOutline,\n Icon16Clear,\n Icon24Cancel,\n} from \"@vkontakte/icons\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasPlatform, HasRef } from \"../../types\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { VKUITouchEvent } from \"../../lib/touch\";\nimport { noop } from \"../../lib/utils\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useEnsuredControl } from \"../../hooks/useEnsuredControl\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./Search.css\";\n\nexport type InputRef = (element: HTMLInputElement) => void;\n\ninterface SearchPlaceholderTypographyProps\n extends HasPlatform,\n React.HTMLAttributes<HTMLElement> {}\n\nconst SearchPlaceholderTypography = ({\n platform,\n children,\n ...restProps\n}: SearchPlaceholderTypographyProps) => {\n switch (platform) {\n case Platform.IOS:\n return (\n <Title {...restProps} level=\"3\" weight=\"3\">\n {children}\n </Title>\n );\n default:\n return (\n <Headline {...restProps} weight=\"3\">\n {children}\n </Headline>\n );\n }\n};\n\nexport interface SearchProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasPlatform {\n /*\n iOS only. Текст кнопки \"отмена\", которая чистит текстовое поле и убирает фокус.\n /\n after?: React.ReactNode;\n before?: React.ReactNode;\n icon?: React.ReactNode;\n onIconClick?: (e: VKUITouchEvent) => void;\n defaultValue?: string;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Search\n */\nconst SearchComponent = ({\n before = <Icon16SearchOutline aria-hidden />,\n className,\n defaultValue = \"\",\n placeholder = \"Поиск\",\n after = \"Отмена\",\n getRef,\n platform,\n icon,\n onIconClick = noop,\n style,\n autoComplete = \"off\",\n ...inputProps\n}: SearchProps) => {\n const inputRef = useExternRef(getRef);\n const [isFocused, setFocused] = React.useState(false);\n const [value, onChange] = useEnsuredControl(inputProps, { defaultValue });\n const { sizeY } = useAdaptivity();\n\n const onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(true);\n inputProps.onFocus && inputProps.onFocus(e);\n };\n\n const onBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n setFocused(false);\n inputProps.onBlur && inputProps.onBlur(e);\n };\n\n const onCancel = React.useCallback(() => {\n // eslint-disable-next-line @typescript-eslint/unbound-method\n const nativeInputValueSetter = Object.getOwnPropertyDescriptor(\n HTMLInputElement.prototype,\n \"value\"\n )?.set;\n nativeInputValueSetter?.call(inputRef.current, \"\");\n\n const ev2 = new Event(\"input\", { bubbles: true });\n inputRef.current?.dispatchEvent(ev2);\n }, [inputRef]);\n\n const onIconClickStart = React.useCallback(\n (e: TouchEvent) => onIconClick(e.originalEvent),\n [onIconClick]\n );\n\n const onIconCancelClickStart = React.useCallback(\n (e: TouchEvent) => {\n e.originalEvent.preventDefault();\n inputRef.current?.focus();\n onCancel();\n },\n [inputRef, onCancel]\n );\n\n return (\n <div\n vkuiClass={classNames(\n \"Search\",\n platform === Platform.IOS && \"Search--ios\",\n getSizeYClassName(\"Search\", sizeY),\n isFocused && \"Search--focused\",\n value && \"Search--has-value\",\n icon && \"Search--has-after\",\n after && \"Search--has-icon\"\n )}\n className={className}\n style={style}\n >\n <div vkuiClass=\"Search__in\">\n <div vkuiClass=\"Search__width\" />\n <label vkuiClass=\"Search__control\">\n <input\n type=\"search\"\n {...inputProps}\n autoComplete={autoComplete}\n ref={inputRef}\n vkuiClass=\"Search__input\"\n onFocus={onFocus}\n onBlur={onBlur}\n onChange={onChange}\n value={value}\n />\n {platform === Platform.IOS && after && (\n <div vkuiClass=\"Search__after-width\">{after}</div>\n )}\n <div vkuiClass=\"Search__placeholder\">\n <div vkuiClass=\"Search__placeholder-in\">\n {before}\n <SearchPlaceholderTypography\n vkuiClass=\"Search__placeholder-text\"\n platform={platform}\n >\n {placeholder}\n </SearchPlaceholderTypography>\n </div>\n {isFocused && platform === Platform.IOS && after && (\n <div vkuiClass=\"Search__after-width\">{after}</div>\n )}\n </div>\n </label>\n <div vkuiClass=\"Search__after\" onClick={onCancel}>\n <div vkuiClass=\"Search__icons\">\n {icon && (\n <Touch onStart={onIconClickStart} vkuiClass=\"Search__icon\">\n {icon}\n </Touch>\n )}\n {!!value && (\n <Touch onStart={onIconCancelClickStart} vkuiClass=\"Search__icon\">\n {platform === Platform.IOS ? <Icon16Clear /> : <Icon24Cancel />}\n </Touch>\n )}\n </div>\n {platform === Platform.IOS && after && (\n <div vkuiClass=\"Search__after-in\">{after}</div>\n )}\n </div>\n </div>\n </div>\n );\n};\n\nexport const Search = withPlatform(SearchComponent);\n\nSearch.displayName = \"Search\";\n"],"mappings":"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"}

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

@@ -31,6 +31,8 @@ var _SegmentedControlOption = require("./SegmentedControlOption/SegmentedControl
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
 var _excluded = ["size", "name", "options", "getRootRef", "onChange", "value", "defaultValue", "children"],
     _excluded2 = ["label"];
 var warn = (0, _warnOnce.warnOnce)("SegmentedControl");
@@ -98,8 +100,7 @@ var SegmentedControl = function SegmentedControl(_ref) {
   };
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("SegmentedControl", // TODO v5.0.0 поправить под новую адаптивность
-    "SegmentedControl--sizeY-".concat(sizeY), "SegmentedControl--".concat(size)),
+    vkuiClass: (0, _classNames.classNames)("SegmentedControl", (0, _getSizeYClassName.getSizeYClassName)("SegmentedControl", sizeY), "SegmentedControl--size-".concat(size)),
     ref: getRootRef
   }), (0, _jsxRuntime.createScopedElement)("div", {
     role: "radiogroup",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentedControl.js","names":["warn","warnOnce","SegmentedControl","size","name","options","getRootRef","onChange","noop","valueProp","value","defaultValue","children","restProps","useAdaptivity","sizeY","initialValue","process","env","NODE_ENV","undefined","React","useState","activeOptionIdx","updateActiveOptionIdx","valueLocal","updateValueLocal","nameRef","useRef","generateRandomId","useIsomorphicLayoutEffect","_activeOptionIdx","findIndex","option","translateX","handleOnChange","classNames","width","length","transform","WebkitTransform","map","label","optionProps","current"],"sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { generateRandomId, noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { SegmentedControlOption } from \"./SegmentedControlOption/SegmentedControlOption\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport \"./SegmentedControl.css\";\n\nexport type SegmentedControlValue = string \| number \| undefined;\n\nexport interface SegmentedControlOptionInterface\n extends Omit<React.HTMLAttributes<HTMLElement>, \"label\"> {\n label: React.ReactChild;\n value: SegmentedControlValue;\n}\n\nexport interface SegmentedControlProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n HasRootRef<HTMLDivElement> {\n options: SegmentedControlOptionInterface[];\n size?: \"m\" \| \"l\";\n name?: string;\n onChange?: (value: SegmentedControlValue) => void;\n value?: SegmentedControlValue;\n defaultValue?: SegmentedControlValue;\n}\n\nconst warn = warnOnce(\"SegmentedControl\");\n\n/*\n @see https://vkcom.github.io/VKUI/#/SegmentedControl\n /\nexport const SegmentedControl = ({\n size = \"l\",\n name,\n options,\n getRootRef,\n onChange = noop,\n value: valueProp,\n defaultValue,\n children,\n ...restProps\n}: SegmentedControlProps) => {\n const { sizeY } = useAdaptivity();\n const initialValue = defaultValue ?? options[0]?.value;\n\n if (process.env.NODE_ENV === \"development\") {\n if (valueProp !== undefined && defaultValue !== undefined) {\n warn(\n \"SegmentedControl должен быть либо управляемым, либо неуправляемым\" +\n \"(укажите либо свойство value, либо свойство defaultValue, но не оба).\",\n \"error\"\n );\n }\n }\n\n const [activeOptionIdx, updateActiveOptionIdx] = React.useState<number>(0);\n const [valueLocal, updateValueLocal] =\n React.useState<SegmentedControlValue>(initialValue);\n\n const value = valueProp ?? valueLocal;\n\n const nameRef = React.useRef<string>(name ?? generateRandomId());\n\n useIsomorphicLayoutEffect(() => {\n const _activeOptionIdx = options.findIndex(\n (option) => option.value === value\n );\n\n if (_activeOptionIdx === -1 && process.env.NODE_ENV === \"development\") {\n warn(\"defaultValue: такого значения нет среди опций!\", \"error\");\n }\n\n updateActiveOptionIdx(_activeOptionIdx);\n }, [value, options]);\n\n const translateX = `translateX(${100 activeOptionIdx}%)`;\n\n const handleOnChange = (value: SegmentedControlValue) => {\n if (valueProp === undefined) {\n updateValueLocal(value);\n }\n onChange(value);\n };\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"SegmentedControl\",\n // ~~TODO v5.0.0 поправить под новую адаптивность\~~n `SegmentedControl--~~sizeY~~-${~~sizeY}`,\n `SegmentedControl--${~~size}`\n )}\n ref={getRootRef}\n >\n <div role=\"radiogroup\" vkuiClass=\"SegmentedControl__in\">\n {activeOptionIdx > -1 && (\n <div\n aria-hidden=\"true\"\n vkuiClass=\"SegmentedControl__slider\"\n style={{\n width: `${100 / options.length}%`,\n transform: translateX,\n WebkitTransform: translateX,\n }}\n />\n )}\n {options.map(({ label, ...optionProps }) => (\n <SegmentedControlOption\n key={`${optionProps.value}`}\n {...optionProps}\n vkuiClass=\"SegmentedControl__option\"\n name={nameRef.current}\n checked={value === optionProps.value}\n onChange={() => handleOnChange(optionProps.value)}\n >\n {label}\n </SegmentedControlOption>\n ))}\n </div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAsBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,kBAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAUH;EAAA;;EAAA,qBAT3BC,IAS2B;EAAA,IAT3BA,IAS2B,0BATpB,GASoB;EAAA,IAR3BC,IAQ2B,QAR3BA,IAQ2B;EAAA,IAP3BC,OAO2B,QAP3BA,OAO2B;EAAA,IAN3BC,UAM2B,QAN3BA,UAM2B;EAAA,yBAL3BC,QAK2B;EAAA,IAL3BA,QAK2B,8BALhBC,WAKgB;EAAA,IAJpBC,SAIoB,QAJ3BC,KAI2B;EAAA,IAH3BC,YAG2B,QAH3BA,YAG2B;EAAA,IAF3BC,QAE2B,QAF3BA,QAE2B;EAAA,IADxBC,SACwB;;EAC3B,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,IAAMC,YAAY,GAAGL,YAAH,aAAGA,YAAH,cAAGA,YAAH,gBAAmBN,OAAO,CAAC,CAAD,CAA1B,8CAAmB,UAAYK,KAAjD;;EAEA,IAAIO,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IAAIV,SAAS,KAAKW,SAAd,IAA2BT,YAAY,KAAKS,SAAhD,EAA2D;MACzDpB,IAAI,CACF,sEACE,uEAFA,EAGF,OAHE,CAAJ;IAKD;EACF;;EAED,sBAAiDqB,KAAK,CAACC,QAAN,CAAuB,CAAvB,CAAjD;EAAA;EAAA,IAAOC,eAAP;EAAA,IAAwBC,qBAAxB;;EACA,uBACEH,KAAK,CAACC,QAAN,CAAsCN,YAAtC,CADF;EAAA;EAAA,IAAOS,UAAP;EAAA,IAAmBC,gBAAnB;;EAGA,IAAMhB,KAAK,GAAGD,SAAH,aAAGA,SAAH,cAAGA,SAAH,GAAgBgB,UAA3B;EAEA,IAAME,OAAO,GAAGN,KAAK,CAACO,MAAN,CAAqBxB,IAArB,aAAqBA,IAArB,cAAqBA,IAArB,GAA6B,IAAAyB,uBAAA,GAA7B,CAAhB;EAEA,IAAAC,oDAAA,EAA0B,YAAM;IAC9B,IAAMC,gBAAgB,GAAG1B,OAAO,CAAC2B,SAAR,CACvB,UAACC,MAAD;MAAA,OAAYA,MAAM,CAACvB,KAAP,KAAiBA,KAA7B;IAAA,CADuB,CAAzB;;IAIA,IAAIqB,gBAAgB,KAAK,CAAC,CAAtB,IAA2Bd,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxD,EAAuE;MACrEnB,IAAI,CAAC,gDAAD,EAAmD,OAAnD,CAAJ;IACD;;IAEDwB,qBAAqB,CAACO,gBAAD,CAArB;EACD,CAVD,EAUG,CAACrB,KAAD,EAAQL,OAAR,CAVH;EAYA,IAAM6B,UAAU,wBAAiB,MAAMX,eAAvB,OAAhB;;EAEA,IAAMY,cAAc,GAAG,SAAjBA,cAAiB,CAACzB,KAAD,EAAkC;IACvD,IAAID,SAAS,KAAKW,SAAlB,EAA6B;MAC3BM,gBAAgB,CAAChB,KAAD,CAAhB;IACD;;IACDH,QAAQ,CAACG,KAAD,CAAR;EACD,CALD;;EAOA,OACE,uEACMG,SADN;IAEE,SAAS,EAAE,IAAAuB,sBAAA,EACT,kBADS,EAET~~;IAFS~~,~~kCAGkBrB~~,~~KAHlB,+BAIYZ~~,~~IAJZ~~,EAFb;~~IAQE~~,GAAG,EAAEG;~~EARP~~,~~IAUE~~;IAAK,IAAI,EAAC,YAAV;IAAuB,SAAS,EAAC;EAAjC,GACGiB,eAAe,GAAG,CAAC,CAAnB,IACC;IACE,eAAY,MADd;IAEE,SAAS,EAAC,0BAFZ;IAGE,KAAK,EAAE;~~MACLc~~,KAAK,YAAK,~~MAAMhC~~,OAAO,~~CAACiC~~,MAAnB,MADA;MAELC,SAAS,~~EAAEL~~,UAFN;~~MAGLM~~,eAAe,~~EAAEN~~;IAHZ;EAHT,EAFJ,EAYG7B,OAAO,~~CAACoC~~,GAAR,CAAY;IAAA,IAAGC,KAAH,SAAGA,KAAH;IAAA,IAAaC,WAAb;IAAA,OACX,qCAAC,8CAAD;MACE,GAAG,YAAKA,WAAW,~~CAACjC~~,KAAjB;IADL,~~GAEMiC~~,WAFN;MAGE,SAAS,EAAC,0BAHZ;MAIE,IAAI,~~EAAEhB~~,OAAO,~~CAACiB~~,OAJhB;MAKE,OAAO,~~EAAElC~~,KAAK,~~KAAKiC~~,WAAW,~~CAACjC~~,KALjC;MAME,QAAQ,EAAE;QAAA,OAAMyB,cAAc,~~CAACQ~~,WAAW,~~CAACjC~~,KAAb,CAApB;MAAA;IANZ,~~IAQGgC~~,KARH,CADW;EAAA,CAAZ,CAZH,~~CAVF~~,CADF;~~AAsCD~~,~~CA3FM~~"}
1	+ {"version":3,"file":"SegmentedControl.js","names":["warn","warnOnce","SegmentedControl","size","name","options","getRootRef","onChange","noop","valueProp","value","defaultValue","children","restProps","useAdaptivity","sizeY","initialValue","process","env","NODE_ENV","undefined","React","useState","activeOptionIdx","updateActiveOptionIdx","valueLocal","updateValueLocal","nameRef","useRef","generateRandomId","useIsomorphicLayoutEffect","_activeOptionIdx","findIndex","option","translateX","handleOnChange","classNames","getSizeYClassName","width","length","transform","WebkitTransform","map","label","optionProps","current"],"sources":["../../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { generateRandomId, noop } from \"../../lib/utils\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { SegmentedControlOption } from \"./SegmentedControlOption/SegmentedControlOption\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport \"./SegmentedControl.css\";\n\nexport type SegmentedControlValue = string \| number \| undefined;\n\nexport interface SegmentedControlOptionInterface\n extends Omit<React.HTMLAttributes<HTMLElement>, \"label\"> {\n label: React.ReactChild;\n value: SegmentedControlValue;\n}\n\nexport interface SegmentedControlProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">,\n HasRootRef<HTMLDivElement> {\n options: SegmentedControlOptionInterface[];\n size?: \"m\" \| \"l\";\n name?: string;\n onChange?: (value: SegmentedControlValue) => void;\n value?: SegmentedControlValue;\n defaultValue?: SegmentedControlValue;\n}\n\nconst warn = warnOnce(\"SegmentedControl\");\n\n/*\n @see https://vkcom.github.io/VKUI/#/SegmentedControl\n /\nexport const SegmentedControl = ({\n size = \"l\",\n name,\n options,\n getRootRef,\n onChange = noop,\n value: valueProp,\n defaultValue,\n children,\n ...restProps\n}: SegmentedControlProps) => {\n const { sizeY } = useAdaptivity();\n const initialValue = defaultValue ?? options[0]?.value;\n\n if (process.env.NODE_ENV === \"development\") {\n if (valueProp !== undefined && defaultValue !== undefined) {\n warn(\n \"SegmentedControl должен быть либо управляемым, либо неуправляемым\" +\n \"(укажите либо свойство value, либо свойство defaultValue, но не оба).\",\n \"error\"\n );\n }\n }\n\n const [activeOptionIdx, updateActiveOptionIdx] = React.useState<number>(0);\n const [valueLocal, updateValueLocal] =\n React.useState<SegmentedControlValue>(initialValue);\n\n const value = valueProp ?? valueLocal;\n\n const nameRef = React.useRef<string>(name ?? generateRandomId());\n\n useIsomorphicLayoutEffect(() => {\n const _activeOptionIdx = options.findIndex(\n (option) => option.value === value\n );\n\n if (_activeOptionIdx === -1 && process.env.NODE_ENV === \"development\") {\n warn(\"defaultValue: такого значения нет среди опций!\", \"error\");\n }\n\n updateActiveOptionIdx(_activeOptionIdx);\n }, [value, options]);\n\n const translateX = `translateX(${100 activeOptionIdx}%)`;\n\n const handleOnChange = (value: SegmentedControlValue) => {\n if (valueProp === undefined) {\n updateValueLocal(value);\n }\n onChange(value);\n };\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n \"SegmentedControl\",\n getSizeYClassName(\"SegmentedControl\", sizeY),\n `SegmentedControl--size-${size}`\n )}\n ref={getRootRef}\n >\n <div role=\"radiogroup\" vkuiClass=\"SegmentedControl__in\">\n {activeOptionIdx > -1 && (\n <div\n aria-hidden=\"true\"\n vkuiClass=\"SegmentedControl__slider\"\n style={{\n width: `${100 / options.length}%`,\n transform: translateX,\n WebkitTransform: translateX,\n }}\n />\n )}\n {options.map(({ label, ...optionProps }) => (\n <SegmentedControlOption\n key={`${optionProps.value}`}\n {...optionProps}\n vkuiClass=\"SegmentedControl__option\"\n name={nameRef.current}\n checked={value === optionProps.value}\n onChange={() => handleOnChange(optionProps.value)}\n >\n {label}\n </SegmentedControlOption>\n ))}\n </div>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js CHANGED Viewed

@@ -21,16 +21,12 @@ var _callMultiple = require("../../../lib/callMultiple");
 var _classNames = require("../../../lib/classNames");
-var _AdaptivityContext = require("../../AdaptivityProvider/AdaptivityContext");
 var _FocusVisible = require("../../FocusVisible/FocusVisible");
-var _Text = require("../../Typography/Text/Text");
-var _Caption = require("../../Typography/Caption/Caption");
 var _VisuallyHiddenInput = require("../../VisuallyHiddenInput/VisuallyHiddenInput");
+var _getSizeYClassName = require("../../../helpers/getSizeYClassName");
 var _excluded = ["className", "style", "children"];
 /**
@@ -58,13 +54,8 @@ var SegmentedControlOption = function SegmentedControlOption(_ref) {
     type: "radio",
     onBlur: (0, _callMultiple.callMultiple)(onBlur, restProps.onBlur),
     onFocus: (0, _callMultiple.callMultiple)(onFocus, restProps.onFocus)
-  })), sizeY === _AdaptivityContext.SizeType.COMPACT ? (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
-    level: "1",
-    vkuiClass: "SegmentedControlOption__content",
-    weight: "3"
-  }, children) : (0, _jsxRuntime.createScopedElement)(_Text.Text, {
-    vkuiClass: "SegmentedControlOption__content",
-    weight: "2"
+  })), (0, _jsxRuntime.createScopedElement)("span", {
+    vkuiClass: (0, _classNames.classNames)("SegmentedControlOption__content", (0, _getSizeYClassName.getSizeYClassName)("SegmentedControlOption__content", sizeY))
   }, children), (0, _jsxRuntime.createScopedElement)(_FocusVisible.FocusVisible, {
     mode: "inside"
   }));

package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentedControlOption.js","names":["SegmentedControlOption","className","style","children","restProps","useFocusVisible","focusVisible","onBlur","onFocus","useAdaptivity","sizeY","classNames","checked","callMultiple","~~SizeType~~"~~,"COMPACT"~~],"sources":["../../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"sourcesContent":["import { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { useFocusVisible } from \"../../../hooks/useFocusVisible\";\nimport { callMultiple } from \"../../../lib/callMultiple\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { ~~SizeType } from \"../../AdaptivityProvider/AdaptivityContext\";\nimport {~~ FocusVisible } from \"../../FocusVisible/FocusVisible\";\nimport { ~~Text~~ } from \"../../~~Typography~~/~~Text/Text~~\";\nimport { ~~Caption~~ } from \"~~../../Typography~~/~~Caption/Caption~~\";\nimport {\~~n VisuallyHiddenInput,\n VisuallyHiddenInputProps,\n} from \~~"~~../../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport \"~~./SegmentedControlOption.css\";\n\n/*\n @see https://vkcom.github.io/VKUI/#/SegmentedControl\n /\nexport const SegmentedControlOption = ({\n className,\n style,\n children,\n ...restProps\n}: VisuallyHiddenInputProps) => {\n const { focusVisible, onBlur, onFocus } = useFocusVisible();\n const { sizeY } = useAdaptivity();\n\n return (\n <label\n className={className}\n style={style}\n vkuiClass={classNames(\n \"SegmentedControlOption\",\n restProps.checked && \"SegmentedControlOption--checked\",\n focusVisible && \"SegmentedControlOption--focus-visible\"\n )}\n >\n <VisuallyHiddenInput\n {...restProps}\n type=\"radio\"\n onBlur={callMultiple(onBlur, restProps.onBlur)}\n onFocus={callMultiple(onFocus, restProps.onFocus)}\n />\n ~~{/ TODO v5.0.0 поправить под новую адаптивность */}~~\n {~~sizeY === SizeType.COMPACT ?~~ (\n ~~<Caption\n~~ ~~level=\"1~~\"~~\n vkuiClass=\"~~SegmentedControlOption__content\"\n ~~weight=\~~"3\"\n ~~>\n {children~~}\n ~~</Caption~~>\n ~~) : (\n~~ ~~<Text vkuiClass=\"SegmentedControlOption__content\" weight=\"2\">\n~~ {children}\n </~~Text~~>\n ~~)}\n~~ <FocusVisible mode=\"inside\" />\n </label>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;~~AACA;;AACA;;AACA~~;;;;~~AAMA~~;AACA;AACA;AACO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAKN;EAAA,IAJ9BC,SAI8B,QAJ9BA,SAI8B;EAAA,IAH9BC,KAG8B,QAH9BA,KAG8B;EAAA,IAF9BC,QAE8B,QAF9BA,QAE8B;EAAA,IAD3BC,SAC2B;;EAC9B,uBAA0C,IAAAC,iCAAA,GAA1C;EAAA,IAAQC,YAAR,oBAAQA,YAAR;EAAA,IAAsBC,MAAtB,oBAAsBA,MAAtB;EAAA,IAA8BC,OAA9B,oBAA8BA,OAA9B;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE;IACE,SAAS,EAAET,SADb;IAEE,KAAK,EAAEC,KAFT;IAGE,SAAS,EAAE,IAAAS,sBAAA,EACT,wBADS,EAETP,SAAS,CAACQ,OAAV,IAAqB,iCAFZ,EAGTN,YAAY,IAAI,uCAHP;EAHb,GASE,qCAAC,wCAAD,6BACMF,SADN;IAEE,IAAI,EAAC,OAFP;IAGE,MAAM,EAAE,IAAAS,0BAAA,EAAaN,MAAb,EAAqBH,SAAS,CAACG,MAA/B,CAHV;IAIE,OAAO,EAAE,IAAAM,0BAAA,EAAaL,OAAb,EAAsBJ,SAAS,CAACI,OAAhC;EAJX,GATF,~~EAgBGE,KAAK,KAAKI,2BAAA,CAASC,OAAnB,GACC,qCAAC,gBAAD~~;IACE,~~KAAK,EAAC,GADR;IAEE,~~SAAS,~~EAAC~~,~~iCAFZ;IAGE~~,~~MAAM~~,~~EAAC;EAHT~~,~~GAKGZ~~,~~QALH~~,~~CADD~~,~~GASC~~,~~qCAAC~~,~~UAAD;IAAM~~,~~SAAS~~,~~EAAC~~,~~iCAAhB~~;~~IAAkD~~,~~MAAM~~,~~EAAC;EAAzD~~,~~GACGA~~,~~QADH~~,~~CAzBJ,EA6BE,~~qCAAC,0BAAD;IAAc,IAAI,EAAC;EAAnB,~~EA7BF~~,CADF;~~AAiCD~~,~~CA1CM~~"}
1	+ {"version":3,"file":"SegmentedControlOption.js","names":["SegmentedControlOption","className","style","children","restProps","useFocusVisible","focusVisible","onBlur","onFocus","useAdaptivity","sizeY","classNames","checked","callMultiple","getSizeYClassName"],"sources":["../../../../../src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx"],"sourcesContent":["import { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { useFocusVisible } from \"../../../hooks/useFocusVisible\";\nimport { callMultiple } from \"../../../lib/callMultiple\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { FocusVisible } from \"../../FocusVisible/FocusVisible\";\nimport {\n VisuallyHiddenInput,\n VisuallyHiddenInputProps,\n} from \"../../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { getSizeYClassName } from \"../../../helpers/getSizeYClassName\";\nimport \"./SegmentedControlOption.css\";\n\n/*\n @see https://vkcom.github.io/VKUI/#/SegmentedControl\n */\nexport const SegmentedControlOption = ({\n className,\n style,\n children,\n ...restProps\n}: VisuallyHiddenInputProps) => {\n const { focusVisible, onBlur, onFocus } = useFocusVisible();\n const { sizeY } = useAdaptivity();\n\n return (\n <label\n className={className}\n style={style}\n vkuiClass={classNames(\n \"SegmentedControlOption\",\n restProps.checked && \"SegmentedControlOption--checked\",\n focusVisible && \"SegmentedControlOption--focus-visible\"\n )}\n >\n <VisuallyHiddenInput\n {...restProps}\n type=\"radio\"\n onBlur={callMultiple(onBlur, restProps.onBlur)}\n onFocus={callMultiple(onFocus, restProps.onFocus)}\n />\n <span\n vkuiClass={classNames(\n \"SegmentedControlOption__content\",\n getSizeYClassName(\"SegmentedControlOption__content\", sizeY)\n )}\n >\n {children}\n </span>\n <FocusVisible mode=\"inside\" />\n </label>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAIA;;;;AAGA;AACA;AACA;AACO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAKN;EAAA,IAJ9BC,SAI8B,QAJ9BA,SAI8B;EAAA,IAH9BC,KAG8B,QAH9BA,KAG8B;EAAA,IAF9BC,QAE8B,QAF9BA,QAE8B;EAAA,IAD3BC,SAC2B;;EAC9B,uBAA0C,IAAAC,iCAAA,GAA1C;EAAA,IAAQC,YAAR,oBAAQA,YAAR;EAAA,IAAsBC,MAAtB,oBAAsBA,MAAtB;EAAA,IAA8BC,OAA9B,oBAA8BA,OAA9B;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE;IACE,SAAS,EAAET,SADb;IAEE,KAAK,EAAEC,KAFT;IAGE,SAAS,EAAE,IAAAS,sBAAA,EACT,wBADS,EAETP,SAAS,CAACQ,OAAV,IAAqB,iCAFZ,EAGTN,YAAY,IAAI,uCAHP;EAHb,GASE,qCAAC,wCAAD,6BACMF,SADN;IAEE,IAAI,EAAC,OAFP;IAGE,MAAM,EAAE,IAAAS,0BAAA,EAAaN,MAAb,EAAqBH,SAAS,CAACG,MAA/B,CAHV;IAIE,OAAO,EAAE,IAAAM,0BAAA,EAAaL,OAAb,EAAsBJ,SAAS,CAACI,OAAhC;EAJX,GATF,EAeE;IACE,SAAS,EAAE,IAAAG,sBAAA,EACT,iCADS,EAET,IAAAG,oCAAA,EAAkB,iCAAlB,EAAqDJ,KAArD,CAFS;EADb,GAMGP,QANH,CAfF,EAuBE,qCAAC,0BAAD;IAAc,IAAI,EAAC;EAAnB,EAvBF,CADF;AA2BD,CApCM"}

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

@@ -2,10 +2,12 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SelectTypography = exports.SelectType = exports.Select = void 0;
+exports.SelectTypography = exports.Select = void 0;
 var _jsxRuntime = require("../../lib/jsxRuntime");
@@ -13,100 +15,78 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
 var _NativeSelect = require("../NativeSelect/NativeSelect");
 var _CustomSelect = require("../CustomSelect/CustomSelect");
-var _withAdaptivity = require("../../hoc/withAdaptivity");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _useAdaptivity3 = require("../../hooks/useAdaptivity");
 var _usePlatform = require("../../hooks/usePlatform");
-var _platform = require("../../lib/platform");
+var _classNames = require("../../lib/classNames");
-var _AdaptivityContext = require("../AdaptivityProvider/AdaptivityContext");
+var _getClassName = require("../../helpers/getClassName");
-var _Paragraph = require("../Typography/Paragraph/Paragraph");
+var _getSizeYClassName = require("../../helpers/getSizeYClassName");
-var _Text = require("../Typography/Text/Text");
-var _Headline = require("../Typography/Headline/Headline");
+var _getMouseClassName = require("../../helpers/getMouseClassName");
 var _excluded = ["selectType", "children"],
-    _excluded2 = ["hasMouse"],
-    _excluded3 = ["children"],
-    _excluded4 = ["options", "popupDirection", "renderOption"];
-var SelectType = {
-  default: "default",
-  plain: "plain",
-  accent: "accent"
-}; // TODO v5.0.0 поправить под новую адаптивность
+    _excluded2 = ["children", "options", "popupDirection", "renderOption"];
 /**
  * @see https://vkcom.github.io/VKUI/#/SelectTypography
  */
-exports.SelectType = SelectType;
 var SelectTypography = function SelectTypography(_ref) {
   var _ref$selectType = _ref.selectType,
-      selectType = _ref$selectType === void 0 ? SelectType.default : _ref$selectType,
+      selectType = _ref$selectType === void 0 ? "default" : _ref$selectType,
       children = _ref.children,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
-  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+  var _useAdaptivity = (0, _useAdaptivity3.useAdaptivity)(),
       sizeY = _useAdaptivity.sizeY;
-  if (selectType === SelectType.accent) {
-    return (0, _jsxRuntime.createScopedElement)(_Paragraph.Paragraph, (0, _extends2.default)({
-      weight: platform === _platform.Platform.ANDROID ? "2" : "1"
-    }, restProps), children);
-  }
-  var Component = platform === _platform.VKCOM || sizeY === _AdaptivityContext.SizeType.COMPACT ? _Text.Text : _Headline.Headline;
-  return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({
-    Component: "span"
+  return (0, _jsxRuntime.createScopedElement)("span", (0, _extends2.default)({
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("SelectTypography", platform), (0, _getSizeYClassName.getSizeYClassName)("SelectTypography", sizeY), "SelectTypography--selectType-".concat(selectType))
   }, restProps), children);
 };
+/**
+ * @see https://vkcom.github.io/VKUI/#/Select
+ */
 exports.SelectTypography = SelectTypography;
-var SelectComponent = function SelectComponent(_ref2) {
-  var hasMouse = _ref2.hasMouse,
+var Select = function Select(_ref2) {
+  var children = _ref2.children,
+      _ref2$options = _ref2.options,
+      options = _ref2$options === void 0 ? [] : _ref2$options,
+      popupDirection = _ref2.popupDirection,
+      renderOption = _ref2.renderOption,
       props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-  // Use custom select if device has connected a mouse
-  if (hasMouse) {
-    var children = props.children,
-        _restProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
-    return (0, _jsxRuntime.createScopedElement)(_CustomSelect.CustomSelect, _restProps);
-  }
-  var _props$options = props.options,
-      options = _props$options === void 0 ? [] : _props$options,
-      popupDirection = props.popupDirection,
-      renderOption = props.renderOption,
-      restProps = (0, _objectWithoutProperties2.default)(props, _excluded4);
-  return (0, _jsxRuntime.createScopedElement)(_NativeSelect.NativeSelect, restProps, options.map(function (_ref3) {
+  var _useAdaptivity2 = (0, _useAdaptivity3.useAdaptivity)(),
+      hasMouse = _useAdaptivity2.hasMouse;
+  return (0, _jsxRuntime.createScopedElement)(React.Fragment, null, (hasMouse === undefined || hasMouse === true) && (0, _jsxRuntime.createScopedElement)(_CustomSelect.CustomSelect, (0, _extends2.default)({
+    vkuiClass: (0, _classNames.classNames)("Select__custom", (0, _getMouseClassName.getMouseClassName)("Select__custom", hasMouse)),
+    options: options,
+    popupDirection: popupDirection,
+    renderOption: renderOption
+  }, props)), (hasMouse === undefined || hasMouse === false) && (0, _jsxRuntime.createScopedElement)(_NativeSelect.NativeSelect, (0, _extends2.default)({
+    vkuiClass: (0, _classNames.classNames)("Select__native", (0, _getMouseClassName.getMouseClassName)("Select__native", hasMouse))
+  }, props), options.map(function (_ref3) {
     var label = _ref3.label,
         value = _ref3.value;
     return (0, _jsxRuntime.createScopedElement)("option", {
       value: value,
       key: "".concat(value)
     }, label);
-  }));
+  })));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/Select
- */
-var Select = (0, _withAdaptivity.withAdaptivity)(SelectComponent, {
-  hasMouse: true
-});
 exports.Select = Select;
-Select.displayName = "Select";
 //# sourceMappingURL=Select.js.map