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

@vkontakte/vkui 4.35.4 → 4.37.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 (1275) hide show

package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js CHANGED Viewed

@@ -13,8 +13,6 @@ 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"));
@@ -25,7 +23,7 @@ var _Tappable = require("../Tappable/Tappable");
 var _getClassName = require("../../helpers/getClassName");
-var _classNames2 = require("../../lib/classNames");
+var _classNames = require("../../lib/classNames");
 var _usePlatform = require("../../hooks/usePlatform");
@@ -37,8 +35,6 @@ var _excluded = ["active", "hovered", "children", "getRootRef"];
  * @deprecated Этот компонент устарел и будет удален в 5.0.0.
  */
 var SliderSwitchButton = function SliderSwitchButton(_ref) {
-  var _classNames;
   var active = _ref.active,
       hovered = _ref.hovered,
       children = _ref.children,
@@ -56,8 +52,7 @@ var SliderSwitchButton = function SliderSwitchButton(_ref) {
   };
   return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({}, restProps, {
-    // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    vkuiClass: (0, _classNames2.classNames)((0, _getClassName.getClassName)("SliderSwitch__button", platform), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "SliderSwitch__button--active", active), (0, _defineProperty2.default)(_classNames, "SliderSwitch__button--hover", !active && hovered), (0, _defineProperty2.default)(_classNames, "SliderSwitch__button--activeHover", active && hovered), (0, _defineProperty2.default)(_classNames, "SliderSwitch__button--focus", focus && !hovered), _classNames)),
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("SliderSwitch__button", platform), active && "SliderSwitch__button--active", !active && hovered && "SliderSwitch__button--hover", active && hovered && "SliderSwitch__button--activeHover", focus && !hovered && "SliderSwitch__button--focus"),
     Component: "button",
     type: "button",
     getRootRef: getRootRef,

package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/SliderSwitch/~~SliderSwitchButton.~~tsx~~"],"names":["SliderSwitchButton","active","hovered","children","getRootRef","restProps","platform","React","useState","focus","setFocus","toggleFocus"],"~~mappings~~":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAMf;AAAA;;AAAA,MALjBC,MAKiB,QALjBA,MAKiB;AAAA,MAJjBC,OAIiB,QAJjBA,OAIiB;AAAA,MAHjBC,QAGiB,QAHjBA,QAGiB;AAAA,MAFjBC,UAEiB,QAFjBA,UAEiB;AAAA,MADdC,SACc;AACjB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,wBAA0BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBD,IAAAA,QAAQ,CAAC,CAACD,KAAF,CAAR;AACD,GAFD;;AAIA,SACE,qCAAC,kBAAD,6BACMJ,SADN;AAEE;AACA,IAAA,SAAS,EAAE,6BAAW,gCAAa,sBAAb,EAAqCC,QAArC,CAAX,gEACR,8BADQ,EACyBL,MADzB,8CAER,6BAFQ,EAEwB,CAACA,MAAD,IAAWC,OAFnC,8CAGR,mCAHQ,EAG8BD,MAAM,IAAIC,OAHxC,8CAIR,6BAJQ,EAIwBO,KAAK,IAAI,CAACP,OAJlC,gBAHb;AASE,IAAA,SAAS,EAAC,QATZ;AAUE,IAAA,IAAI,EAAC,QAVP;AAWE,IAAA,UAAU,EAAEE,UAXd;AAYE,oBAAcH,MAZhB;AAaE,IAAA,OAAO,EAAEU,WAbX;AAcE,IAAA,MAAM,EAAEA,WAdV;AAeE,IAAA,QAAQ,EAAE,CAfZ;AAgBE,IAAA,SAAS,EAAE,KAhBb;AAiBE,IAAA,SAAS,EAAC;AAjBZ,MAmBE,qCAAC,UAAD;AAAM,IAAA,MAAM,EAAC;AAAb,KAAkBR,QAAlB,CAnBF,CADF;AAuBD,CArCM","sourcesContent":["import * as React from \"react\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport \"./SliderSwitch.css\";\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement> {\n active?: boolean;\n hovered?: boolean;\n}\n\n/*\n @deprecated Этот компонент устарел и будет удален в 5.0.0.\n */\nexport const SliderSwitchButton = ({\n active,\n hovered,\n children,\n getRootRef,\n ...restProps\n}: ButtonProps) => {\n const platform = usePlatform();\n const [focus, setFocus] = React.useState(false);\n\n const toggleFocus = () => {\n setFocus(!focus);\n };\n\n return (\n <Tappable\n {...restProps}\n ~~// eslint-disable-next-line vkui/no-object-expression-in-arguments\n~~ vkuiClass={classNames(getClassName(\"SliderSwitch__button\", platform)~~, {\~~n [\"SliderSwitch__button--active\"~~]: active~~,\n [\"SliderSwitch__button--hover\"~~]: !~~active && hovered~~,\n [~~\"SliderSwitch__button--activeHover\"]: ~~active~~ && ~~hovered,\n [~~\"SliderSwitch__button--focus\"~~]: focus && !hovered,\~~n })}\n Component=\"button\"\n type=\"button\"\n getRootRef={getRootRef}\n aria-pressed={active}\n onFocus={toggleFocus}\n onBlur={toggleFocus}\n tabIndex={0}\n hasActive={false}\n hoverMode=\"opacity\"\n >\n <Text weight=\"2\">{children}</Text>\n </Tappable>\n );\n};\n"],"~~file~~":"~~SliderSwitchButton.js~~"}
1	+ {"version":3,"file":"SliderSwitchButton.js","names":["SliderSwitchButton","active","hovered","children","getRootRef","restProps","platform","usePlatform","React","useState","focus","setFocus","toggleFocus","classNames","getClassName"],"sources":["../../../../src/components/SliderSwitch/SliderSwitchButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport \"./SliderSwitch.css\";\n\nexport interface ButtonProps\n extends React.ButtonHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement> {\n active?: boolean;\n hovered?: boolean;\n}\n\n/*\n @deprecated Этот компонент устарел и будет удален в 5.0.0.\n */\nexport const SliderSwitchButton = ({\n active,\n hovered,\n children,\n getRootRef,\n ...restProps\n}: ButtonProps) => {\n const platform = usePlatform();\n const [focus, setFocus] = React.useState(false);\n\n const toggleFocus = () => {\n setFocus(!focus);\n };\n\n return (\n <Tappable\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"SliderSwitch__button\", platform),\n active && \"SliderSwitch__button--active\",\n !active && hovered && \"SliderSwitch__button--hover\",\n active && hovered && \"SliderSwitch__button--activeHover\",\n focus && !hovered && \"SliderSwitch__button--focus\"\n )}\n Component=\"button\"\n type=\"button\"\n getRootRef={getRootRef}\n aria-pressed={active}\n onFocus={toggleFocus}\n onBlur={toggleFocus}\n tabIndex={0}\n hasActive={false}\n hoverMode=\"opacity\"\n >\n <Text weight=\"2\">{children}</Text>\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAUA;AACA;AACA;AACO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAMf;EAAA,IALjBC,MAKiB,QALjBA,MAKiB;EAAA,IAJjBC,OAIiB,QAJjBA,OAIiB;EAAA,IAHjBC,QAGiB,QAHjBA,QAGiB;EAAA,IAFjBC,UAEiB,QAFjBA,UAEiB;EAAA,IADdC,SACc;EACjB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,sBAA0BC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxBD,QAAQ,CAAC,CAACD,KAAF,CAAR;EACD,CAFD;;EAIA,OACE,qCAAC,kBAAD,6BACML,SADN;IAEE,SAAS,EAAE,IAAAQ,sBAAA,EACT,IAAAC,0BAAA,EAAa,sBAAb,EAAqCR,QAArC,CADS,EAETL,MAAM,IAAI,8BAFD,EAGT,CAACA,MAAD,IAAWC,OAAX,IAAsB,6BAHb,EAITD,MAAM,IAAIC,OAAV,IAAqB,mCAJZ,EAKTQ,KAAK,IAAI,CAACR,OAAV,IAAqB,6BALZ,CAFb;IASE,SAAS,EAAC,QATZ;IAUE,IAAI,EAAC,QAVP;IAWE,UAAU,EAAEE,UAXd;IAYE,gBAAcH,MAZhB;IAaE,OAAO,EAAEW,WAbX;IAcE,MAAM,EAAEA,WAdV;IAeE,QAAQ,EAAE,CAfZ;IAgBE,SAAS,EAAE,KAhBb;IAiBE,SAAS,EAAC;EAjBZ,IAmBE,qCAAC,UAAD;IAAM,MAAM,EAAC;EAAb,GAAkBT,QAAlB,CAnBF,CADF;AAuBD,CArCM"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"names":["SnackbarComponent","children","layout","action","before","after","viewWidth","duration","onActionClick","onClose","mode","restProps","platform","waitTransitionFinish","React","useState","closing","setClosing","touched","setTouched","shiftXPercentRef","useRef","shiftXCurrentRef","bodyElRef","innerElRef","animationFrameRef","isDesktop","ViewWidth","SMALL_TABLET","transitionFinishDurationFallback","ANDROID","VKCOM","close","current","handleActionClick","e","closeTimeout","setBodyTransform","percent","cancelAnimationFrame","requestAnimationFrame","style","transform","onTouchStart","clear","onTouchMoveX","event","shiftX","originalEvent","preventDefault","offsetWidth","onTouchEnd","callback","shiftXCurrent","expectTranslateY","set","useEffect","resolvedLayout","IOS","displayName","Snackbar"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasPlatform } from \"../../types\";\nimport { ANDROID, IOS, VKCOM } from \"../../lib/platform\";\nimport { rubber } from \"../../lib/touch\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Button } from \"../Button/Button\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./Snackbar.css\";\n\nexport interface SnackbarProps\n extends React.HTMLAttributes<HTMLElement>,\n HasPlatform,\n AdaptivityProps {\n /*\n Название кнопки действия в уведомлении\n /\n action?: React.ReactNode;\n\n /\n Будет вызвано при клике на кнопку действия\n /\n onActionClick?: (e: React.MouseEvent) => void;\n\n /\n Цветная иконка 24x24 пикселя\n /\n before?: React.ReactNode;\n /\n Контент в правой части, может быть `<Avatar size={32} />`\n /\n after?: React.ReactNode;\n /\n Варианты расположения кнопки\n /\n layout?: \"vertical\" \| \"horizontal\";\n /\n Время в миллисекундах, через которое плашка скроется\n /\n duration?: number;\n /\n Обработчик закрытия уведомления\n /\n onClose: () => void;\n /\n Задает стиль снекбара\n /\n mode?: \"default\" \| \"dark\";\n}\n\nconst SnackbarComponent = ({\n children,\n layout = \"horizontal\",\n action,\n before,\n after,\n viewWidth,\n duration = 4000,\n onActionClick,\n onClose,\n mode = \"default\",\n ...restProps\n}: SnackbarProps & AdaptivityContextInterface) => {\n const platform = usePlatform();\n\n const { waitTransitionFinish } = useWaitTransitionFinish();\n\n const [closing, setClosing] = React.useState(false);\n const [touched, setTouched] = React.useState(false);\n\n const shiftXPercentRef = React.useRef<number>(0);\n const shiftXCurrentRef = React.useRef<number>(0);\n\n const bodyElRef = React.useRef<HTMLDivElement \| null>(null);\n const innerElRef = React.useRef<HTMLDivElement \| null>(null);\n\n const animationFrameRef = React.useRef<ReturnType<\n typeof requestAnimationFrame\n > \| null>(null);\n\n const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n const transitionFinishDurationFallback =\n platform === ANDROID \|\| platform === VKCOM ? 400 : 320;\n\n const close = () => {\n setClosing(true);\n waitTransitionFinish(\n innerElRef.current,\n () => {\n onClose();\n },\n transitionFinishDurationFallback\n );\n };\n\n const handleActionClick: React.MouseEventHandler<HTMLElement> = (e) => {\n close();\n\n if (action && typeof onActionClick === \"function\") {\n onActionClick(e);\n }\n };\n\n const closeTimeout = useTimeout(close, duration);\n\n const setBodyTransform = (percent: number) => {\n if (animationFrameRef.current !== null) {\n cancelAnimationFrame(animationFrameRef.current);\n }\n animationFrameRef.current = requestAnimationFrame(() => {\n if (bodyElRef.current) {\n bodyElRef.current.style.transform = `translate3d(${percent}%, 0, 0)`;\n }\n });\n };\n\n const onTouchStart = closeTimeout.clear;\n\n const onTouchMoveX = (event: TouchEvent) => {\n const { shiftX, originalEvent } = event;\n originalEvent.preventDefault();\n\n if (!touched) {\n setTouched(true);\n }\n\n shiftXPercentRef.current =\n (shiftX / (bodyElRef.current?.offsetWidth ?? 0)) 100;\n shiftXCurrentRef.current = rubber(\n shiftXPercentRef.current,\n 72,\n 1.2,\n platform === ANDROID \|\| platform === VKCOM\n );\n\n setBodyTransform(shiftXCurrentRef.current);\n };\n\n const onTouchEnd = (e: TouchEvent) => {\n let callback: VoidFunction \| undefined;\n\n if (touched) {\n let shiftXCurrent = shiftXCurrentRef.current;\n const expectTranslateY = (shiftXCurrent / e.duration) * 240 * 0.6;\n shiftXCurrent = shiftXCurrent + expectTranslateY;\n\n if (isDesktop && shiftXCurrent <= -50) {\n closeTimeout.clear();\n waitTransitionFinish(\n bodyElRef.current,\n () => {\n onClose();\n },\n transitionFinishDurationFallback\n );\n setBodyTransform(-120);\n } else if (!isDesktop && shiftXCurrent >= 50) {\n closeTimeout.clear();\n waitTransitionFinish(\n bodyElRef.current,\n () => {\n onClose();\n },\n transitionFinishDurationFallback\n );\n setBodyTransform(120);\n } else {\n callback = () => {\n closeTimeout.set();\n setBodyTransform(0);\n };\n }\n } else {\n closeTimeout.set();\n }\n\n setTouched(false);\n callback && requestAnimationFrame(callback);\n };\n\n React.useEffect(() => closeTimeout.set(), [closeTimeout]);\n\n const resolvedLayout = after \|\| isDesktop ? \"vertical\" : layout;\n\n return (\n <AppRootPortal>\n <div\n {...restProps}\n vkuiClass={classNames(\n \"Snackbar\",\n platform === IOS && \"Snackbar--ios\",\n `Snackbar--l-${resolvedLayout}`,\n `Snackbar--${mode}`,\n closing && \"Snackbar--closing\",\n touched && \"Snackbar--touched\",\n isDesktop && \"Snackbar--desktop\"\n )}\n >\n <Touch\n vkuiClass=\"Snackbar__in\"\n getRootRef={innerElRef}\n onStart={onTouchStart}\n onMoveX={onTouchMoveX}\n onEnd={onTouchEnd}\n >\n <div vkuiClass=\"Snackbar__body\" ref={bodyElRef}>\n {before && <div vkuiClass=\"Snackbar__before\">{before}</div>}\n\n <div vkuiClass=\"Snackbar__content\">\n <Paragraph vkuiClass=\"Snackbar__content-text\">\n {children}\n </Paragraph>\n\n {action && (\n <Button\n align=\"left\"\n hasHover={false}\n mode=\"tertiary\"\n appearance={mode === \"dark\" ? \"overlay\" : \"accent\"}\n size=\"s\"\n vkuiClass=\"Snackbar__action\"\n onClick={handleActionClick}\n >\n {action}\n </Button>\n )}\n </div>\n\n {after && <div vkuiClass=\"Snackbar__after\">{after}</div>}\n </div>\n </Touch>\n </div>\n </AppRootPortal>\n );\n};\n\nSnackbarComponent.displayName = \"Snackbar\";\n\n/*\n @see https://vkcom.github.io/VKUI/#/Snackbar\n */\nexport const Snackbar = withAdaptivity(SnackbarComponent, {\n viewWidth: true,\n});\n"],"file":"Snackbar.js"}
1	+ {"version":3,"file":"Snackbar.js","names":["SnackbarComponent","children","layout","action","before","after","viewWidth","duration","onActionClick","onClose","mode","restProps","platform","usePlatform","useWaitTransitionFinish","waitTransitionFinish","React","useState","closing","setClosing","touched","setTouched","shiftXPercentRef","useRef","shiftXCurrentRef","bodyElRef","innerElRef","animationFrameRef","isDesktop","ViewWidth","SMALL_TABLET","transitionFinishDurationFallback","ANDROID","VKCOM","close","current","handleActionClick","e","closeTimeout","useTimeout","setBodyTransform","percent","cancelAnimationFrame","requestAnimationFrame","style","transform","onTouchStart","clear","onTouchMoveX","event","shiftX","originalEvent","preventDefault","offsetWidth","rubber","onTouchEnd","callback","shiftXCurrent","expectTranslateY","set","useEffect","resolvedLayout","classNames","IOS","displayName","Snackbar","withAdaptivity"],"sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasPlatform } from \"../../types\";\nimport { ANDROID, IOS, VKCOM } from \"../../lib/platform\";\nimport { rubber } from \"../../lib/touch\";\nimport { withAdaptivity, ViewWidth } from \"../../hoc/withAdaptivity\";\nimport { Paragraph } from \"../Typography/Paragraph/Paragraph\";\nimport { Button } from \"../Button/Button\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { useWaitTransitionFinish } from \"../../hooks/useWaitTransitionFinish\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport {\n AdaptivityContextInterface,\n AdaptivityProps,\n} from \"../AdaptivityProvider/AdaptivityContext\";\nimport \"./Snackbar.css\";\n\nexport interface SnackbarProps\n extends React.HTMLAttributes<HTMLElement>,\n HasPlatform,\n AdaptivityProps {\n /*\n Название кнопки действия в уведомлении\n /\n action?: React.ReactNode;\n\n /\n Будет вызвано при клике на кнопку действия\n /\n onActionClick?: (e: React.MouseEvent) => void;\n\n /\n Цветная иконка 24x24 пикселя\n /\n before?: React.ReactNode;\n /\n Контент в правой части, может быть `<Avatar size={32} />`\n /\n after?: React.ReactNode;\n /\n Варианты расположения кнопки\n /\n layout?: \"vertical\" \| \"horizontal\";\n /\n Время в миллисекундах, через которое плашка скроется\n /\n duration?: number;\n /\n Обработчик закрытия уведомления\n /\n onClose: () => void;\n /\n Задает стиль снекбара\n /\n mode?: \"default\" \| \"dark\";\n}\n\nconst SnackbarComponent = ({\n children,\n layout = \"horizontal\",\n action,\n before,\n after,\n viewWidth,\n duration = 4000,\n onActionClick,\n onClose,\n mode = \"default\",\n ...restProps\n}: SnackbarProps & AdaptivityContextInterface) => {\n const platform = usePlatform();\n\n const { waitTransitionFinish } = useWaitTransitionFinish();\n\n const [closing, setClosing] = React.useState(false);\n const [touched, setTouched] = React.useState(false);\n\n const shiftXPercentRef = React.useRef<number>(0);\n const shiftXCurrentRef = React.useRef<number>(0);\n\n const bodyElRef = React.useRef<HTMLDivElement \| null>(null);\n const innerElRef = React.useRef<HTMLDivElement \| null>(null);\n\n const animationFrameRef = React.useRef<ReturnType<\n typeof requestAnimationFrame\n > \| null>(null);\n\n const isDesktop = viewWidth >= ViewWidth.SMALL_TABLET;\n const transitionFinishDurationFallback =\n platform === ANDROID \|\| platform === VKCOM ? 400 : 320;\n\n const close = () => {\n setClosing(true);\n waitTransitionFinish(\n innerElRef.current,\n () => {\n onClose();\n },\n transitionFinishDurationFallback\n );\n };\n\n const handleActionClick: React.MouseEventHandler<HTMLElement> = (e) => {\n close();\n\n if (action && typeof onActionClick === \"function\") {\n onActionClick(e);\n }\n };\n\n const closeTimeout = useTimeout(close, duration);\n\n const setBodyTransform = (percent: number) => {\n if (animationFrameRef.current !== null) {\n cancelAnimationFrame(animationFrameRef.current);\n }\n animationFrameRef.current = requestAnimationFrame(() => {\n if (bodyElRef.current) {\n bodyElRef.current.style.transform = `translate3d(${percent}%, 0, 0)`;\n }\n });\n };\n\n const onTouchStart = closeTimeout.clear;\n\n const onTouchMoveX = (event: TouchEvent) => {\n const { shiftX, originalEvent } = event;\n originalEvent.preventDefault();\n\n if (!touched) {\n setTouched(true);\n }\n\n shiftXPercentRef.current =\n (shiftX / (bodyElRef.current?.offsetWidth ?? 0)) 100;\n shiftXCurrentRef.current = rubber(\n shiftXPercentRef.current,\n 72,\n 1.2,\n platform === ANDROID \|\| platform === VKCOM\n );\n\n setBodyTransform(shiftXCurrentRef.current);\n };\n\n const onTouchEnd = (e: TouchEvent) => {\n let callback: VoidFunction \| undefined;\n\n if (touched) {\n let shiftXCurrent = shiftXCurrentRef.current;\n const expectTranslateY = (shiftXCurrent / e.duration) * 240 * 0.6;\n shiftXCurrent = shiftXCurrent + expectTranslateY;\n\n if (isDesktop && shiftXCurrent <= -50) {\n closeTimeout.clear();\n waitTransitionFinish(\n bodyElRef.current,\n () => {\n onClose();\n },\n transitionFinishDurationFallback\n );\n setBodyTransform(-120);\n } else if (!isDesktop && shiftXCurrent >= 50) {\n closeTimeout.clear();\n waitTransitionFinish(\n bodyElRef.current,\n () => {\n onClose();\n },\n transitionFinishDurationFallback\n );\n setBodyTransform(120);\n } else {\n callback = () => {\n closeTimeout.set();\n setBodyTransform(0);\n };\n }\n } else {\n closeTimeout.set();\n }\n\n setTouched(false);\n callback && requestAnimationFrame(callback);\n };\n\n React.useEffect(() => closeTimeout.set(), [closeTimeout]);\n\n const resolvedLayout = after \|\| isDesktop ? \"vertical\" : layout;\n\n return (\n <AppRootPortal>\n <div\n {...restProps}\n vkuiClass={classNames(\n \"Snackbar\",\n platform === IOS && \"Snackbar--ios\",\n `Snackbar--l-${resolvedLayout}`,\n `Snackbar--${mode}`,\n closing && \"Snackbar--closing\",\n touched && \"Snackbar--touched\",\n isDesktop && \"Snackbar--desktop\"\n )}\n >\n <Touch\n vkuiClass=\"Snackbar__in\"\n getRootRef={innerElRef}\n onStart={onTouchStart}\n onMoveX={onTouchMoveX}\n onEnd={onTouchEnd}\n >\n <div vkuiClass=\"Snackbar__body\" ref={bodyElRef}>\n {before && <div vkuiClass=\"Snackbar__before\">{before}</div>}\n\n <div vkuiClass=\"Snackbar__content\">\n <Paragraph vkuiClass=\"Snackbar__content-text\">\n {children}\n </Paragraph>\n\n {action && (\n <Button\n align=\"left\"\n hasHover={false}\n mode=\"tertiary\"\n appearance={mode === \"dark\" ? \"overlay\" : \"accent\"}\n size=\"s\"\n vkuiClass=\"Snackbar__action\"\n onClick={handleActionClick}\n >\n {action}\n </Button>\n )}\n </div>\n\n {after && <div vkuiClass=\"Snackbar__after\">{after}</div>}\n </div>\n </Touch>\n </div>\n </AppRootPortal>\n );\n};\n\nSnackbarComponent.displayName = \"Snackbar\";\n\n/*\n @see https://vkcom.github.io/VKUI/#/Snackbar\n */\nexport const Snackbar = withAdaptivity(SnackbarComponent, {\n viewWidth: true,\n});\n"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Spacing~~/Spacing~~.~~tsx~~"],"names":["Spacing","size","separator","style","restProps","styles","height"],"~~mappings~~":";;;;;;;;;;;;;;;;;AACA;;;;AAqBA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAKH;AAAA,uBAJlBC,IAIkB;AAAA,MAJlBA,IAIkB,0BAJX,CAIW;AAAA,MAHlBC,SAGkB,QAHlBA,SAGkB;AAAA,MAFlBC,KAEkB,QAFlBA,KAEkB;AAAA,MADfC,SACe;AAClB,MAAMC,MAAM;AACVC,IAAAA,MAAM,EAAEL;AADE,KAEPE,KAFO,CAAZ;AAKA,SACE,uEACMC,SADN;AAEE,mBAAY,MAFd;AAGE,IAAA,SAAS,EAAE,4BACT,SADS,EAET,CAAC,CAACF,SAAF,IAAe,oBAFN,EAGT,CAACA,SAAS,KAAK,IAAd,IAAsBA,SAAS,KAAK,QAArC,KACE,2BAJO,EAKTA,SAAS,KAAK,KAAd,IAAuB,wBALd,EAMTA,SAAS,KAAK,QAAd,IAA0B,2BANjB,CAHb;AAWE,IAAA,KAAK,EAAEG;AAXT,KADF;AAeD,CA1BM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Spacing.css\";\n\nexport interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Высота спэйсинга\n /\n size?: number;\n /\n @deprecated Это свойство устарело и будет удалено в 5.0.0. Используйте [`Separator`](https://vkcom.github.io/VKUI/#/Separator) вместе с Spacing.\n * Настройка положения сепаратора:\n \n - separator=false (default) - без сепаратора\n * - separator=true \| separator='center' - сепаратор располагается по середине\n * - separator='top'\n * - separator='bottom'\n /\n separator?: boolean \| \"top\" \| \"bottom\" \| \"center\";\n children?: React.ReactNode;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Spacing\n */\nexport const Spacing = ({\n size = 8,\n separator,\n style,\n ...restProps\n}: SpacingProps) => {\n const styles = {\n height: size,\n ...style,\n };\n\n return (\n <div\n {...restProps}\n aria-hidden=\"true\"\n vkuiClass={classNames(\n \"Spacing\",\n !!separator && \"Spacing--separator\",\n (separator === true \|\| separator === \"center\") &&\n \"Spacing--separator-center\",\n separator === \"top\" && \"Spacing--separator-top\",\n separator === \"bottom\" && \"Spacing--separator-bottom\"\n )}\n style={styles}\n />\n );\n};\n"],"~~file~~":"~~Spacing.js~~"}
1	+ {"version":3,"file":"Spacing.js","names":["Spacing","size","separator","style","restProps","styles","height","classNames"],"sources":["../../../../src/components/Spacing/Spacing.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Spacing.css\";\n\nexport interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Высота спэйсинга\n /\n size?: number;\n /\n @deprecated Это свойство устарело и будет удалено в 5.0.0. Используйте [`Separator`](https://vkcom.github.io/VKUI/#/Separator) вместе с Spacing.\n * Настройка положения сепаратора:\n \n - separator=false (default) - без сепаратора\n * - separator=true \| separator='center' - сепаратор располагается по середине\n * - separator='top'\n * - separator='bottom'\n /\n separator?: boolean \| \"top\" \| \"bottom\" \| \"center\";\n children?: React.ReactNode;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Spacing\n */\nexport const Spacing = ({\n size = 8,\n separator,\n style,\n ...restProps\n}: SpacingProps) => {\n const styles = {\n height: size,\n ...style,\n };\n\n return (\n <div\n {...restProps}\n aria-hidden=\"true\"\n vkuiClass={classNames(\n \"Spacing\",\n !!separator && \"Spacing--separator\",\n (separator === true \|\| separator === \"center\") &&\n \"Spacing--separator-center\",\n separator === \"top\" && \"Spacing--separator-top\",\n separator === \"bottom\" && \"Spacing--separator-bottom\"\n )}\n style={styles}\n />\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AACA;;;;AAqBA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAKH;EAAA,qBAJlBC,IAIkB;EAAA,IAJlBA,IAIkB,0BAJX,CAIW;EAAA,IAHlBC,SAGkB,QAHlBA,SAGkB;EAAA,IAFlBC,KAEkB,QAFlBA,KAEkB;EAAA,IADfC,SACe;EAClB,IAAMC,MAAM;IACVC,MAAM,EAAEL;EADE,GAEPE,KAFO,CAAZ;EAKA,OACE,uEACMC,SADN;IAEE,eAAY,MAFd;IAGE,SAAS,EAAE,IAAAG,sBAAA,EACT,SADS,EAET,CAAC,CAACL,SAAF,IAAe,oBAFN,EAGT,CAACA,SAAS,KAAK,IAAd,IAAsBA,SAAS,KAAK,QAArC,KACE,2BAJO,EAKTA,SAAS,KAAK,KAAd,IAAuB,wBALd,EAMTA,SAAS,KAAK,QAAd,IAA0B,2BANjB,CAHb;IAWE,KAAK,EAAEG;EAXT,GADF;AAeD,CA1BM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Spinner~~/Spinner~~.~~tsx~~"],"names":["Spinner","React","memo","size","ariaLabel","restProps","SpinnerIcon","small","Icon16Spinner","regular","Icon24Spinner","medium","Icon32Spinner","large","Icon44Spinner","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAYA;AACA;AACA;AACO,IAAMA,OAAO,gBAAGC,KAAK,CAACC,IAAN,CACrB,gBAIoB;AAAA,uBAHlBC,IAGkB;AAAA,MAHlBA,IAGkB,0BAHX,SAGW;AAAA,4BAFlB,YAEkB;AAAA,MAFJC,SAEI,+BAFQ,gBAER;AAAA,MADfC,SACe;AAClB,MAAMC,WAAW,GAAG;AAClBC,IAAAA,KAAK,EAAEC,oBADW;AAElBC,IAAAA,OAAO,EAAEC,oBAFS;AAGlBC,IAAAA,MAAM,EAAEC,oBAHU;AAIlBC,IAAAA,KAAK,EAAEC;AAJW,IAKlBX,IALkB,CAApB;AAOA,SACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,kBAAYC;AAFd,KAGMC,SAHN;AAIE,IAAA,SAAS,EAAC;AAJZ,MAME,qCAAC,WAAD;AAAa,mBAAY,MAAzB;AAAgC,IAAA,SAAS,EAAC;AAA1C,IANF,CADF;AAUD,CAvBoB,CAAhB;;AA0BPL,OAAO,CAACe,WAAR,GAAsB,SAAtB","sourcesContent":["import * as React from \"react\";\nimport {\n Icon24Spinner,\n Icon32Spinner,\n Icon44Spinner,\n Icon16Spinner,\n} from \"@vkontakte/icons\";\nimport \"./Spinner.css\";\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n size?: \"small\" \| \"regular\" \| \"medium\" \| \"large\";\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Spinner\n */\nexport const Spinner = React.memo(\n ({\n size = \"regular\",\n \"aria-label\": ariaLabel = \"Загружается...\",\n ...restProps\n }: SpinnerProps) => {\n const SpinnerIcon = {\n small: Icon16Spinner,\n regular: Icon24Spinner,\n medium: Icon32Spinner,\n large: Icon44Spinner,\n }[size];\n\n return (\n <span\n role=\"status\"\n aria-label={ariaLabel}\n {...restProps}\n vkuiClass=\"Spinner\"\n >\n <SpinnerIcon aria-hidden=\"true\" vkuiClass=\"Spinner__self\" />\n </span>\n );\n }\n);\n\nSpinner.displayName = \"Spinner\";\n"],"~~file~~":"~~Spinner.js~~"}
1	+ {"version":3,"file":"Spinner.js","names":["Spinner","React","memo","size","ariaLabel","restProps","SpinnerIcon","small","Icon16Spinner","regular","Icon24Spinner","medium","Icon32Spinner","large","Icon44Spinner","displayName"],"sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n Icon24Spinner,\n Icon32Spinner,\n Icon44Spinner,\n Icon16Spinner,\n} from \"@vkontakte/icons\";\nimport \"./Spinner.css\";\n\nexport interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n size?: \"small\" \| \"regular\" \| \"medium\" \| \"large\";\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Spinner\n */\nexport const Spinner = React.memo(\n ({\n size = \"regular\",\n \"aria-label\": ariaLabel = \"Загружается...\",\n ...restProps\n }: SpinnerProps) => {\n const SpinnerIcon = {\n small: Icon16Spinner,\n regular: Icon24Spinner,\n medium: Icon32Spinner,\n large: Icon44Spinner,\n }[size];\n\n return (\n <span\n role=\"status\"\n aria-label={ariaLabel}\n {...restProps}\n vkuiClass=\"Spinner\"\n >\n <SpinnerIcon aria-hidden=\"true\" vkuiClass=\"Spinner__self\" />\n </span>\n );\n }\n);\n\nSpinner.displayName = \"Spinner\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAYA;AACA;AACA;AACO,IAAMA,OAAO,gBAAGC,KAAK,CAACC,IAAN,CACrB,gBAIoB;EAAA,qBAHlBC,IAGkB;EAAA,IAHlBA,IAGkB,0BAHX,SAGW;EAAA,0BAFlB,YAEkB;EAAA,IAFJC,SAEI,+BAFQ,gBAER;EAAA,IADfC,SACe;EAClB,IAAMC,WAAW,GAAG;IAClBC,KAAK,EAAEC,oBADW;IAElBC,OAAO,EAAEC,oBAFS;IAGlBC,MAAM,EAAEC,oBAHU;IAIlBC,KAAK,EAAEC;EAJW,EAKlBX,IALkB,CAApB;EAOA,OACE;IACE,IAAI,EAAC,QADP;IAEE,cAAYC;EAFd,GAGMC,SAHN;IAIE,SAAS,EAAC;EAJZ,IAME,qCAAC,WAAD;IAAa,eAAY,MAAzB;IAAgC,SAAS,EAAC;EAA1C,EANF,CADF;AAUD,CAvBoB,CAAhB;;AA0BPL,OAAO,CAACe,WAAR,GAAsB,SAAtB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~SplitCol~~/SplitCol~~.~~tsx~~"],"names":["SplitColContext","React","createContext","colRef","animate","useSplitCol","useContext","SplitCol","children","width","maxWidth","minWidth","spaced","fixed","style","restProps","baseRef","useRef","fixedInnerRef","contextValue","useMemo","fixedInner","current","noop","top","offsetTop"],"~~mappings~~":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;AAQO,IAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAN,CAA0C;AACvEC,EAAAA,MAAM,EAAE,IAD+D;AAEvEC,EAAAA,OAAO,EAAE;AAF8D,CAA1C,CAAxB;;;AAKA,IAAMC,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAMJ,KAAK,CAACK,UAAN,CAAiBN,eAAjB,CAAN;AAAA,CAApB;;;;AAiBP;AACA;AACA;AACO,IAAMO,QAAQ,GAAG,SAAXA,QAAW,OAUH;AAAA,MATnBC,QASmB,QATnBA,QASmB;AAAA,MARnBC,KAQmB,QARnBA,KAQmB;AAAA,MAPnBC,QAOmB,QAPnBA,QAOmB;AAAA,MANnBC,QAMmB,QANnBA,QAMmB;AAAA,MALnBC,MAKmB,QALnBA,MAKmB;AAAA,0BAJnBR,OAImB;AAAA,MAJnBA,OAImB,6BAJT,KAIS;AAAA,MAHnBS,KAGmB,QAHnBA,KAGmB;AAAA,MAFnBC,KAEmB,QAFnBA,KAEmB;AAAA,MADhBC,SACgB;AACnB,MAAMC,OAAO,GAAGf,KAAK,CAACgB,MAAN,CAA6B,IAA7B,CAAhB;AAEA,MAAMC,aAAa,GAAGjB,KAAK,CAACgB,MAAN,CAA6B,IAA7B,CAAtB;AAEA,MAAME,YAAY,GAAGlB,KAAK,CAACmB,OAAN,CAAc,YAAM;AACvC,WAAO;AACLjB,MAAAA,MAAM,EAAEa,OADH;AAELZ,MAAAA,OAAO,EAAPA;AAFK,KAAP;AAID,GALoB,EAKlB,CAACY,OAAD,EAAUZ,OAAV,CALkB,CAArB;AAOA,0CAAoB,YAAM;AACxB,QAAMiB,UAAU,GAAGH,aAAa,CAACI,OAAjC;;AACA,QAAI,CAACD,UAAL,EAAiB;AACf,aAAOE,WAAP;AACD;;AAEDF,IAAAA,UAAU,CAACP,KAAX,CAAiBU,GAAjB,aAA0BH,UAAU,CAACI,SAArC;AAEA,WAAO,YAAM;AACXJ,MAAAA,UAAU,CAACP,KAAX,CAAiBU,GAAjB,GAAuB,EAAvB;AACD,KAFD;AAGD,GAXD,EAWG,CAACN,aAAa,CAACI,OAAf,CAXH;AAaA,SACE,uEACMP,SADN;AAEE,IAAA,KAAK,8DACAD,KADA;AAEHL,MAAAA,KAAK,EAAEA,KAFJ;AAGHC,MAAAA,QAAQ,EAAEA,QAHP;AAIHC,MAAAA,QAAQ,EAAEA;AAJP,MAFP;AAQE,IAAA,GAAG,EAAEK,OARP;AASE,IAAA,SAAS,EAAE,4BACT,UADS,EAETJ,MAAM,IAAI,kBAFD,EAGTC,KAAK,IAAI,iBAHA;AATb,MAeE,qCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEM;AAAjC,KACGN,KAAK,GACJ;AAAK,IAAA,GAAG,EAAEK,aAAV;AAAyB,IAAA,SAAS,EAAC;AAAnC,KACGV,QADH,CADI,GAKJA,QANJ,CAfF,CADF;AA2BD,CA9DM","sourcesContent":["import * as React from \"react\";\nimport { useScrollLockEffect } from \"../AppRoot/ScrollContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport \"./SplitCol.css\";\n\nexport interface SplitColContextProps {\n colRef: React.RefObject<HTMLDivElement> \| null;\n animate: boolean;\n}\n\nexport const SplitColContext = React.createContext<SplitColContextProps>({\n colRef: null,\n animate: true,\n});\n\nexport const useSplitCol = () => React.useContext(SplitColContext);\n\nexport interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number \| string;\n maxWidth?: number \| string;\n minWidth?: number \| string;\n /*\n Если false, то переходы между Panel происходят без анимации\n /\n animate?: boolean;\n /\n Если true, то добавляются боковые отступы фиксированной величины\n /\n spaced?: boolean;\n fixed?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/SplitCol\n */\nexport const SplitCol = ({\n children,\n width,\n maxWidth,\n minWidth,\n spaced,\n animate = false,\n fixed,\n style,\n ...restProps\n}: SplitColProps) => {\n const baseRef = React.useRef<HTMLDivElement>(null);\n\n const fixedInnerRef = React.useRef<HTMLDivElement>(null);\n\n const contextValue = React.useMemo(() => {\n return {\n colRef: baseRef,\n animate,\n };\n }, [baseRef, animate]);\n\n useScrollLockEffect(() => {\n const fixedInner = fixedInnerRef.current;\n if (!fixedInner) {\n return noop;\n }\n\n fixedInner.style.top = `${fixedInner.offsetTop}px`;\n\n return () => {\n fixedInner.style.top = \"\";\n };\n }, [fixedInnerRef.current]);\n\n return (\n <div\n {...restProps}\n style={{\n ...style,\n width: width,\n maxWidth: maxWidth,\n minWidth: minWidth,\n }}\n ref={baseRef}\n vkuiClass={classNames(\n \"SplitCol\",\n spaced && \"SplitCol--spaced\",\n fixed && \"SplitCol--fixed\"\n )}\n >\n <SplitColContext.Provider value={contextValue}>\n {fixed ? (\n <div ref={fixedInnerRef} vkuiClass=\"SplitCol__fixedInner\">\n {children}\n </div>\n ) : (\n children\n )}\n </SplitColContext.Provider>\n </div>\n );\n};\n"],"~~file~~":"~~SplitCol.js~~"}
1	+ {"version":3,"file":"SplitCol.js","names":["SplitColContext","React","createContext","colRef","animate","useSplitCol","useContext","SplitCol","children","width","maxWidth","minWidth","spaced","fixed","style","restProps","baseRef","useRef","fixedInnerRef","contextValue","useMemo","useScrollLockEffect","fixedInner","current","noop","top","offsetTop","classNames"],"sources":["../../../../src/components/SplitCol/SplitCol.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useScrollLockEffect } from \"../AppRoot/ScrollContext\";\nimport { classNames } from \"../../lib/classNames\";\nimport { noop } from \"../../lib/utils\";\nimport \"./SplitCol.css\";\n\nexport interface SplitColContextProps {\n colRef: React.RefObject<HTMLDivElement> \| null;\n animate: boolean;\n}\n\nexport const SplitColContext = React.createContext<SplitColContextProps>({\n colRef: null,\n animate: true,\n});\n\nexport const useSplitCol = () => React.useContext(SplitColContext);\n\nexport interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number \| string;\n maxWidth?: number \| string;\n minWidth?: number \| string;\n /*\n Если false, то переходы между Panel происходят без анимации\n /\n animate?: boolean;\n /\n Если true, то добавляются боковые отступы фиксированной величины\n /\n spaced?: boolean;\n fixed?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/SplitCol\n */\nexport const SplitCol = ({\n children,\n width,\n maxWidth,\n minWidth,\n spaced,\n animate = false,\n fixed,\n style,\n ...restProps\n}: SplitColProps) => {\n const baseRef = React.useRef<HTMLDivElement>(null);\n\n const fixedInnerRef = React.useRef<HTMLDivElement>(null);\n\n const contextValue = React.useMemo(() => {\n return {\n colRef: baseRef,\n animate,\n };\n }, [baseRef, animate]);\n\n useScrollLockEffect(() => {\n const fixedInner = fixedInnerRef.current;\n if (!fixedInner) {\n return noop;\n }\n\n fixedInner.style.top = `${fixedInner.offsetTop}px`;\n\n return () => {\n fixedInner.style.top = \"\";\n };\n }, [fixedInnerRef.current]);\n\n return (\n <div\n {...restProps}\n style={{\n ...style,\n width: width,\n maxWidth: maxWidth,\n minWidth: minWidth,\n }}\n ref={baseRef}\n vkuiClass={classNames(\n \"SplitCol\",\n spaced && \"SplitCol--spaced\",\n fixed && \"SplitCol--fixed\"\n )}\n >\n <SplitColContext.Provider value={contextValue}>\n {fixed ? (\n <div ref={fixedInnerRef} vkuiClass=\"SplitCol__fixedInner\">\n {children}\n </div>\n ) : (\n children\n )}\n </SplitColContext.Provider>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;AAQO,IAAMA,eAAe,gBAAGC,KAAK,CAACC,aAAN,CAA0C;EACvEC,MAAM,EAAE,IAD+D;EAEvEC,OAAO,EAAE;AAF8D,CAA1C,CAAxB;;;AAKA,IAAMC,WAAW,GAAG,SAAdA,WAAc;EAAA,OAAMJ,KAAK,CAACK,UAAN,CAAiBN,eAAjB,CAAN;AAAA,CAApB;;;;AAiBP;AACA;AACA;AACO,IAAMO,QAAQ,GAAG,SAAXA,QAAW,OAUH;EAAA,IATnBC,QASmB,QATnBA,QASmB;EAAA,IARnBC,KAQmB,QARnBA,KAQmB;EAAA,IAPnBC,QAOmB,QAPnBA,QAOmB;EAAA,IANnBC,QAMmB,QANnBA,QAMmB;EAAA,IALnBC,MAKmB,QALnBA,MAKmB;EAAA,wBAJnBR,OAImB;EAAA,IAJnBA,OAImB,6BAJT,KAIS;EAAA,IAHnBS,KAGmB,QAHnBA,KAGmB;EAAA,IAFnBC,KAEmB,QAFnBA,KAEmB;EAAA,IADhBC,SACgB;EACnB,IAAMC,OAAO,GAAGf,KAAK,CAACgB,MAAN,CAA6B,IAA7B,CAAhB;EAEA,IAAMC,aAAa,GAAGjB,KAAK,CAACgB,MAAN,CAA6B,IAA7B,CAAtB;EAEA,IAAME,YAAY,GAAGlB,KAAK,CAACmB,OAAN,CAAc,YAAM;IACvC,OAAO;MACLjB,MAAM,EAAEa,OADH;MAELZ,OAAO,EAAPA;IAFK,CAAP;EAID,CALoB,EAKlB,CAACY,OAAD,EAAUZ,OAAV,CALkB,CAArB;EAOA,IAAAiB,kCAAA,EAAoB,YAAM;IACxB,IAAMC,UAAU,GAAGJ,aAAa,CAACK,OAAjC;;IACA,IAAI,CAACD,UAAL,EAAiB;MACf,OAAOE,WAAP;IACD;;IAEDF,UAAU,CAACR,KAAX,CAAiBW,GAAjB,aAA0BH,UAAU,CAACI,SAArC;IAEA,OAAO,YAAM;MACXJ,UAAU,CAACR,KAAX,CAAiBW,GAAjB,GAAuB,EAAvB;IACD,CAFD;EAGD,CAXD,EAWG,CAACP,aAAa,CAACK,OAAf,CAXH;EAaA,OACE,uEACMR,SADN;IAEE,KAAK,8DACAD,KADA;MAEHL,KAAK,EAAEA,KAFJ;MAGHC,QAAQ,EAAEA,QAHP;MAIHC,QAAQ,EAAEA;IAJP,EAFP;IAQE,GAAG,EAAEK,OARP;IASE,SAAS,EAAE,IAAAW,sBAAA,EACT,UADS,EAETf,MAAM,IAAI,kBAFD,EAGTC,KAAK,IAAI,iBAHA;EATb,IAeE,qCAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAEM;EAAjC,GACGN,KAAK,GACJ;IAAK,GAAG,EAAEK,aAAV;IAAyB,SAAS,EAAC;EAAnC,GACGV,QADH,CADI,GAKJA,QANJ,CAfF,CADF;AA2BD,CA9DM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~SplitLayout~~/SplitLayout~~.~~tsx~~"],"names":["SplitLayout","popout","modal","header","children","getRootRef","getRef","restProps","platform","IOS"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAkBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAQH;AAAA,MAPtBC,MAOsB,QAPtBA,MAOsB;AAAA,MANtBC,KAMsB,QANtBA,KAMsB;AAAA,MALtBC,MAKsB,QALtBA,MAKsB;AAAA,MAJtBC,QAIsB,QAJtBA,QAIsB;AAAA,MAHtBC,UAGsB,QAHtBA,UAGsB;AAAA,MAFtBC,MAEsB,QAFtBA,MAEsB;AAAA,MADnBC,SACmB;AACtB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,sBAAD;AACE,IAAA,SAAS,EAAE,4BACT,aADS,EAETA,QAAQ,KAAKC,aAAb,IAAoB,kBAFX,CADb;AAKE,IAAA,MAAM,EAAER,MALV;AAME,IAAA,KAAK,EAAEC,KANT;AAOE,IAAA,UAAU,EAAEG;AAPd,KASGF,MATH,EAUE,uEACMI,SADN;AAEE,IAAA,GAAG,EAAED,MAFP;AAGE,IAAA,SAAS,EAAE,4BACT,oBADS,EAET,CAAC,CAACH,MAAF,IAAY,4BAFH;AAHb,MAQGC,QARH,CAVF,CADF;AAuBD,CAlCM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { PopoutRoot } from \"../PopoutRoot/PopoutRoot\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./SplitLayout.css\";\n\nexport interface SplitLayoutProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement> {\n /*\n Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n /\n popout?: React.ReactNode;\n /\n Свойство для отрисовки `ModalRoot`.\n /\n modal?: React.ReactNode;\n header?: React.ReactNode;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/SplitLayout\n */\nexport const SplitLayout = ({\n popout,\n modal,\n header,\n children,\n getRootRef,\n getRef,\n ...restProps\n}: SplitLayoutProps) => {\n const platform = usePlatform();\n\n return (\n <PopoutRoot\n vkuiClass={classNames(\n \"SplitLayout\",\n platform === IOS && \"SplitLayout--ios\"\n )}\n popout={popout}\n modal={modal}\n getRootRef={getRootRef}\n >\n {header}\n <div\n {...restProps}\n ref={getRef}\n vkuiClass={classNames(\n \"SplitLayout__inner\",\n !!header && \"SplitLayout__inner--header\"\n )}\n >\n {children}\n </div>\n </PopoutRoot>\n );\n};\n"],"~~file~~":"~~SplitLayout.js~~"}
1	+ {"version":3,"file":"SplitLayout.js","names":["SplitLayout","popout","modal","header","children","getRootRef","getRef","restProps","platform","usePlatform","classNames","IOS"],"sources":["../../../../src/components/SplitLayout/SplitLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS } from \"../../lib/platform\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { PopoutRoot } from \"../PopoutRoot/PopoutRoot\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./SplitLayout.css\";\n\nexport interface SplitLayoutProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLDivElement> {\n /*\n Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n /\n popout?: React.ReactNode;\n /\n Свойство для отрисовки `ModalRoot`.\n /\n modal?: React.ReactNode;\n header?: React.ReactNode;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/SplitLayout\n */\nexport const SplitLayout = ({\n popout,\n modal,\n header,\n children,\n getRootRef,\n getRef,\n ...restProps\n}: SplitLayoutProps) => {\n const platform = usePlatform();\n\n return (\n <PopoutRoot\n vkuiClass={classNames(\n \"SplitLayout\",\n platform === IOS && \"SplitLayout--ios\"\n )}\n popout={popout}\n modal={modal}\n getRootRef={getRootRef}\n >\n {header}\n <div\n {...restProps}\n ref={getRef}\n vkuiClass={classNames(\n \"SplitLayout__inner\",\n !!header && \"SplitLayout__inner--header\"\n )}\n >\n {children}\n </div>\n </PopoutRoot>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;;AAkBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAQH;EAAA,IAPtBC,MAOsB,QAPtBA,MAOsB;EAAA,IANtBC,KAMsB,QANtBA,KAMsB;EAAA,IALtBC,MAKsB,QALtBA,MAKsB;EAAA,IAJtBC,QAIsB,QAJtBA,QAIsB;EAAA,IAHtBC,UAGsB,QAHtBA,UAGsB;EAAA,IAFtBC,MAEsB,QAFtBA,MAEsB;EAAA,IADnBC,SACmB;EACtB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE,qCAAC,sBAAD;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,aADS,EAETF,QAAQ,KAAKG,aAAb,IAAoB,kBAFX,CADb;IAKE,MAAM,EAAEV,MALV;IAME,KAAK,EAAEC,KANT;IAOE,UAAU,EAAEG;EAPd,GASGF,MATH,EAUE,uEACMI,SADN;IAEE,GAAG,EAAED,MAFP;IAGE,SAAS,EAAE,IAAAI,sBAAA,EACT,oBADS,EAET,CAAC,CAACP,MAAF,IAAY,4BAFH;EAHb,IAQGC,QARH,CAVF,CADF;AAuBD,CAlCM"}

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

@@ -13,12 +13,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _usePlatform = require("../../hooks/usePlatform");
 var _classNames = require("../../lib/classNames");
-var _getClassName = require("../../helpers/getClassName");
 var _HorizontalScroll = require("../HorizontalScroll/HorizontalScroll");
 var _excluded = ["mode", "children", "showArrows", "getScrollToLeft", "getScrollToRight", "scrollAnimationDuration"];
@@ -47,7 +43,6 @@ var SubnavigationBar = function SubnavigationBar(_ref) {
       getScrollToRight = _ref$getScrollToRight === void 0 ? defaultScrollToRight : _ref$getScrollToRight,
       scrollAnimationDuration = _ref.scrollAnimationDuration,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
   var ScrollWrapper;
   var scrollWrapperProps = {};
@@ -64,7 +59,7 @@ var SubnavigationBar = function SubnavigationBar(_ref) {
   }
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("SubnavigationBar", platform), "SubnavigationBar--".concat(mode))
+    vkuiClass: (0, _classNames.classNames)("SubnavigationBar", "SubnavigationBar--".concat(mode))
   }), (0, _jsxRuntime.createScopedElement)(ScrollWrapper, (0, _extends2.default)({
     vkuiClass: "SubnavigationBar__in"
   }, scrollWrapperProps), (0, _jsxRuntime.createScopedElement)("div", {

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~SubnavigationBar~~/SubnavigationBar~~.~~tsx~~"],"names":["defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","restProps","~~platform","~~ScrollWrapper","scrollWrapperProps","HorizontalScroll"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;;;AAmBA,IAAMA,mBAA0C,GAAG,SAA7CA,mBAA6C,CAACC,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAAnD;;AAEA,IAAMC,oBAA2C,GAAG,SAA9CA,oBAA8C,CAACD,CAAD;AAAA,SAAOA,CAAC,GAAG,GAAX;AAAA,CAApD;AAEA;AACA;AACA;;;AACO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,OAQH;AAAA,uBAP3BC,IAO2B;AAAA,MAP3BA,IAO2B,0BAPpB,UAOoB;AAAA,MAN3BC,QAM2B,QAN3BA,QAM2B;AAAA,6BAL3BC,UAK2B;AAAA,MAL3BA,UAK2B,gCALd,IAKc;AAAA,kCAJ3BC,eAI2B;AAAA,MAJ3BA,eAI2B,qCAJTP,mBAIS;AAAA,mCAH3BQ,gBAG2B;AAAA,MAH3BA,gBAG2B,sCAHRN,oBAGQ;AAAA,MAF3BO,uBAE2B,QAF3BA,uBAE2B;AAAA,MADxBC,SACwB;AAC3B,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,aAAJ;AACA,MAAIC,kBAAkB,GAAG,EAAzB;;AAEA,MAAIT,IAAI,KAAK,OAAb,EAAsB;AACpBQ,IAAAA,aAAa,GAAG,KAAhB;AACD,GAFD,MAEO;AACLA,IAAAA,aAAa,GAAGE,kCAAhB;AACAD,IAAAA,kBAAkB,GAAG;AACnBP,MAAAA,UAAU,EAAVA,UADmB;AAEnBC,MAAAA,eAAe,EAAfA,eAFmB;AAGnBC,MAAAA,gBAAgB,EAAhBA,gBAHmB;AAInBC,MAAAA,uBAAuB,EAAvBA;AAJmB,KAArB;AAMD;;AAED,SACE,uEACMC,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,gCAAa,kBAAb,EAAiCC,QAAjC,CADS,8BAEYP,IAFZ;AAFb,MAOE,qCAAC,aAAD;AAAe,IAAA,SAAS,EAAC;AAAzB,KAAoDS,kBAApD,GACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CR,QAA7C,CADF,CAPF,CADF;AAaD,CAvCM","sourcesContent":["import * as React from \"react\";\nimport { ~~usePlatform } from \"../../hooks/usePlatform\";\nimport {~~ classNames } from \"../../lib/classNames\";\nimport { ~~getClassName } from~~ \~~"../../helpers/getClassName\";\nimport {\~~n HorizontalScroll,\n HorizontalScrollProps,\n ScrollPositionHandler,\n} from \"../HorizontalScroll/HorizontalScroll\";\nimport \"./SubnavigationBar.css\";\n\nexport interface SubnavigationBarProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Pick<\n HorizontalScrollProps,\n \| \"showArrows\"\n \| \"getScrollToLeft\"\n \| \"getScrollToRight\"\n \| \"scrollAnimationDuration\"\n > {\n mode?: \"fixed\" \| \"overflow\";\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\n/*\n @see https://vkcom.github.io/VKUI/#/SubnavigationBar\n */\nexport const SubnavigationBar = ({\n mode = \"overflow\",\n children,\n showArrows = true,\n getScrollToLeft = defaultScrollToLeft,\n getScrollToRight = defaultScrollToRight,\n scrollAnimationDuration,\n ...restProps\n}: SubnavigationBarProps) => {\n ~~const platform = usePlatform();\n\n~~ let ScrollWrapper: React.ElementType;\n let scrollWrapperProps = {};\n\n if (mode === \"fixed\") {\n ScrollWrapper = \"div\";\n } else {\n ScrollWrapper = HorizontalScroll;\n scrollWrapperProps = {\n showArrows,\n getScrollToLeft,\n getScrollToRight,\n scrollAnimationDuration,\n };\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\~~n getClassName(\~~"SubnavigationBar\", ~~platform),\n~~ `SubnavigationBar--${mode}~~`\n~~ )}\n >\n <ScrollWrapper vkuiClass=\"SubnavigationBar__in\" {...scrollWrapperProps}>\n <div vkuiClass=\"SubnavigationBar__scrollIn\">{children}</div>\n </ScrollWrapper>\n </div>\n );\n};\n"],"~~file~~":"~~SubnavigationBar.js~~"}
1	+ {"version":3,"file":"SubnavigationBar.js","names":["defaultScrollToLeft","x","defaultScrollToRight","SubnavigationBar","mode","children","showArrows","getScrollToLeft","getScrollToRight","scrollAnimationDuration","restProps","ScrollWrapper","scrollWrapperProps","HorizontalScroll","classNames"],"sources":["../../../../src/components/SubnavigationBar/SubnavigationBar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport {\n HorizontalScroll,\n HorizontalScrollProps,\n ScrollPositionHandler,\n} from \"../HorizontalScroll/HorizontalScroll\";\nimport \"./SubnavigationBar.css\";\n\nexport interface SubnavigationBarProps\n extends React.HTMLAttributes<HTMLDivElement>,\n Pick<\n HorizontalScrollProps,\n \| \"showArrows\"\n \| \"getScrollToLeft\"\n \| \"getScrollToRight\"\n \| \"scrollAnimationDuration\"\n > {\n mode?: \"fixed\" \| \"overflow\";\n}\n\nconst defaultScrollToLeft: ScrollPositionHandler = (x) => x - 240;\n\nconst defaultScrollToRight: ScrollPositionHandler = (x) => x + 240;\n\n/*\n @see https://vkcom.github.io/VKUI/#/SubnavigationBar\n */\nexport const SubnavigationBar = ({\n mode = \"overflow\",\n children,\n showArrows = true,\n getScrollToLeft = defaultScrollToLeft,\n getScrollToRight = defaultScrollToRight,\n scrollAnimationDuration,\n ...restProps\n}: SubnavigationBarProps) => {\n let ScrollWrapper: React.ElementType;\n let scrollWrapperProps = {};\n\n if (mode === \"fixed\") {\n ScrollWrapper = \"div\";\n } else {\n ScrollWrapper = HorizontalScroll;\n scrollWrapperProps = {\n showArrows,\n getScrollToLeft,\n getScrollToRight,\n scrollAnimationDuration,\n };\n }\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\"SubnavigationBar\", `SubnavigationBar--${mode}`)}\n >\n <ScrollWrapper vkuiClass=\"SubnavigationBar__in\" {...scrollWrapperProps}>\n <div vkuiClass=\"SubnavigationBar__scrollIn\">{children}</div>\n </ScrollWrapper>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;;AAmBA,IAAMA,mBAA0C,GAAG,SAA7CA,mBAA6C,CAACC,CAAD;EAAA,OAAOA,CAAC,GAAG,GAAX;AAAA,CAAnD;;AAEA,IAAMC,oBAA2C,GAAG,SAA9CA,oBAA8C,CAACD,CAAD;EAAA,OAAOA,CAAC,GAAG,GAAX;AAAA,CAApD;AAEA;AACA;AACA;;;AACO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,OAQH;EAAA,qBAP3BC,IAO2B;EAAA,IAP3BA,IAO2B,0BAPpB,UAOoB;EAAA,IAN3BC,QAM2B,QAN3BA,QAM2B;EAAA,2BAL3BC,UAK2B;EAAA,IAL3BA,UAK2B,gCALd,IAKc;EAAA,gCAJ3BC,eAI2B;EAAA,IAJ3BA,eAI2B,qCAJTP,mBAIS;EAAA,iCAH3BQ,gBAG2B;EAAA,IAH3BA,gBAG2B,sCAHRN,oBAGQ;EAAA,IAF3BO,uBAE2B,QAF3BA,uBAE2B;EAAA,IADxBC,SACwB;EAC3B,IAAIC,aAAJ;EACA,IAAIC,kBAAkB,GAAG,EAAzB;;EAEA,IAAIR,IAAI,KAAK,OAAb,EAAsB;IACpBO,aAAa,GAAG,KAAhB;EACD,CAFD,MAEO;IACLA,aAAa,GAAGE,kCAAhB;IACAD,kBAAkB,GAAG;MACnBN,UAAU,EAAVA,UADmB;MAEnBC,eAAe,EAAfA,eAFmB;MAGnBC,gBAAgB,EAAhBA,gBAHmB;MAInBC,uBAAuB,EAAvBA;IAJmB,CAArB;EAMD;;EAED,OACE,uEACMC,SADN;IAEE,SAAS,EAAE,IAAAI,sBAAA,EAAW,kBAAX,8BAAoDV,IAApD;EAFb,IAIE,qCAAC,aAAD;IAAe,SAAS,EAAC;EAAzB,GAAoDQ,kBAApD,GACE;IAAK,SAAS,EAAC;EAAf,GAA6CP,QAA7C,CADF,CAJF,CADF;AAUD,CAlCM"}

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

@@ -15,22 +15,20 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _classNames = require("../../lib/classNames");
-var _getClassName = require("../../helpers/getClassName");
 var _utils = require("../../lib/utils");
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 var _Tappable = require("../Tappable/Tappable");
 var _icons = require("@vkontakte/icons");
-var _usePlatform = require("../../hooks/usePlatform");
 var _Caption = require("../Typography/Caption/Caption");
 var _Subhead = require("../Typography/Subhead/Subhead");
 var _excluded = ["textLevel"],
-    _excluded2 = ["size", "selected", "textLevel", "before", "after", "expandable", "children"];
+    _excluded2 = ["mode", "size", "selected", "textLevel", "before", "after", "expandable", "children"];
 var SubnavigationButtonTypography = function SubnavigationButtonTypography(_ref) {
   var textLevel = _ref.textLevel,
@@ -41,7 +39,7 @@ var SubnavigationButtonTypography = function SubnavigationButtonTypography(_ref)
   }
   return (0, _jsxRuntime.createScopedElement)(_Caption.Caption, (0, _extends2.default)({
-    level: textLevel === 2 ? "1" : "2"
+    level: textLevel === 2 ? "2" : "3"
   }, restProps));
 };
 /**
@@ -50,7 +48,9 @@ var SubnavigationButtonTypography = function SubnavigationButtonTypography(_ref)
 var SubnavigationButton = function SubnavigationButton(_ref2) {
-  var _ref2$size = _ref2.size,
+  var _ref2$mode = _ref2.mode,
+      mode = _ref2$mode === void 0 ? "primary" : _ref2$mode,
+      _ref2$size = _ref2.size,
       size = _ref2$size === void 0 ? "m" : _ref2$size,
       selected = _ref2.selected,
       _ref2$textLevel = _ref2.textLevel,
@@ -60,27 +60,28 @@ var SubnavigationButton = function SubnavigationButton(_ref2) {
       expandable = _ref2.expandable,
       children = _ref2.children,
       restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-  var platform = (0, _usePlatform.usePlatform)();
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeY = _useAdaptivity.sizeY;
   return (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, (0, _extends2.default)({}, restProps, {
     hasActive: false,
-    focusVisibleMode: "outside" // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("SubnavigationButton", platform), "SubnavigationButton--".concat(size), {
-      "SubnavigationButton--selected": selected
-    }),
+    focusVisibleMode: "outside",
+    vkuiClass: (0, _classNames.classNames)("SubnavigationButton", "SubnavigationButton--".concat(size), "SubnavigationButton--mode-".concat(mode), selected && "SubnavigationButton--selected", "SubnavigationButton--sizeY-".concat(sizeY)),
     "aria-label": (0, _utils.getTitleFromChildren)(children)
   }), (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "SubnavigationButton__in"
-  }, (0, _utils.hasReactNode)(before) && (0, _jsxRuntime.createScopedElement)("span", {
+  }, before && (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "SubnavigationButton__before"
   }, before), (0, _jsxRuntime.createScopedElement)(SubnavigationButtonTypography, {
     textLevel: textLevel,
     vkuiClass: "SubnavigationButton__label",
     Component: "span"
-  }, children), (0, _utils.hasReactNode)(after) && (0, _jsxRuntime.createScopedElement)("span", {
+  }, children), after && (0, _jsxRuntime.createScopedElement)("span", {
     vkuiClass: "SubnavigationButton__after"
   }, after), expandable && (0, _jsxRuntime.createScopedElement)(_icons.Icon16Dropdown, {
-    vkuiClass: "SubnavigationButton__expandableIcon"
+    vkuiClass: "SubnavigationButton__expandableIcon",
+    "aria-hidden": true
   })));
 };

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~SubnavigationButton~~/SubnavigationButton~~.~~tsx~~"],"names":["SubnavigationButtonTypography","textLevel","restProps","SubnavigationButton","size","selected","before","after","expandable","children","~~platform~~"],"~~mappings~~":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAyBA,IAAMA,6BAA6B,GAAG,SAAhCA,6BAAgC,OAGH;AAAA,MAFjCC,SAEiC,QAFjCA,SAEiC;AAAA,MAD9BC,SAC8B;;AACjC,MAAID,SAAS,KAAK,CAAlB,EAAqB;AACnB,WAAO,qCAAC,gBAAD,EAAaC,SAAb,CAAP;AACD;;AAED,SAAO,qCAAC,gBAAD;AAAS,IAAA,KAAK,EAAED,SAAS,KAAK,CAAd,GAAkB,GAAlB,GAAwB;AAAxC,KAAiDC,SAAjD,EAAP;AACD,CATD;AAWA;AACA;AACA;;;AACO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,QASH;AAAA,yBAR9BC,IAQ8B;AAAA,MAR9BA,IAQ8B,2BARvB,GAQuB;AAAA,MAP9BC,QAO8B,SAP9BA,QAO8B;AAAA,8BAN9BJ,SAM8B;AAAA,MAN9BA,SAM8B,gCANlB,CAMkB;AAAA,MAL9BK,MAK8B,SAL9BA,MAK8B;AAAA,MAJ9BC,KAI8B,SAJ9BA,KAI8B;AAAA,MAH9BC,UAG8B,SAH9BA,UAG8B;AAAA,MAF9BC,QAE8B,SAF9BA,QAE8B;AAAA,MAD3BP,SAC2B;AAC9B,MAAMQ,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,kBAAD,6BACMR,SADN;AAEE,IAAA,SAAS,EAAE,KAFb;AAGE,IAAA,gBAAgB,EAAC,SAHnB,CAIE;AAJF;AAKE,IAAA,SAAS,EAAE,4BACT,gCAAa,qBAAb,EAAoCQ,QAApC,CADS,iCAEeN,IAFf,GAGT;AACE,uCAAiCC;AADnC,KAHS,CALb;AAYE,kBAAY,iCAAqBI,QAArB;AAZd,MAcE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACG,yBAAaH,MAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA+CA,MAA/C,CAFJ,EAIE,qCAAC,6BAAD;AACE,IAAA,SAAS,EAAEL,SADb;AAEE,IAAA,SAAS,EAAC,4BAFZ;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGQ,QALH,CAJF,EAWG,yBAAaF,KAAb,KACC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA8CA,KAA9C,CAZJ,EAcGC,UAAU,IACT,qCAAC,qBAAD;AAAgB,IAAA,SAAS,EAAC;AAA1B,IAfJ,CAdF,CADF;AAmCD,CA/CM","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasChildren } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ~~getClassName~~ } from \"../../~~helpers~~/~~getClassName~~\";\nimport { ~~getTitleFromChildren,~~ ~~hasReactNode~~ } from \"../../~~lib~~/~~utils~~\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Icon16Dropdown } from \"@vkontakte/icons\";\nimport { ~~usePlatform } from \"../../hooks/usePlatform\";\nimport {~~ Caption } from \"../Typography/Caption/Caption\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./SubnavigationButton.css\";\n\nexport interface SubnavigationButtonProps extends Omit<TappableProps, \"size\"> {\n size?: \"m\" \| \"l\";\n selected?: boolean;\n /*\n Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode=\"fixed\" />`\n /\n textLevel?: 1 \| 2 \| 3;\n /\n Рекомендуется использовать только иконки с размером 24\n /\n before?: React.ReactNode;\n /\n Рекомендуется использовать только `<Counter size=\"s\" />` или `<Badge />`\n /\n after?: React.ReactNode;\n expandable?: boolean;\n}\n\ntype ~~SubnavButtonTypographyProps~~ = Pick<SubnavigationButtonProps, \"textLevel\"> &\n HasComponent &\n HasChildren;\n\nconst SubnavigationButtonTypography = ({\n textLevel,\n ...restProps\n}: ~~SubnavButtonTypographyProps~~) => {\n if (textLevel === 1) {\n return <Subhead {...restProps} />;\n }\n\n return <Caption level={textLevel === 2 ? \"1\" : \"2\"} {...restProps} />;\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/SubnavigationButton\n */\nexport const SubnavigationButton = ({\n size = \"m\",\n selected,\n textLevel = 1,\n before,\n after,\n expandable,\n children,\n ...restProps\n}: SubnavigationButtonProps) => {\n const ~~platform~~ = ~~usePlatform~~();\n\n return (\n <Tappable\n {...restProps}\n hasActive={false}\n focusVisibleMode=\"outside\"\n ~~// eslint-disable-next-line vkui/no-object-expression-in-arguments\n~~ vkuiClass={classNames(\n ~~getClassName(~~\"SubnavigationButton\"~~, platform)~~,\n `SubnavigationButton--${size}`,\n {\n \"SubnavigationButton--selected\"~~: selected~~,\n }\n )}\n aria-label={getTitleFromChildren(children)}\n >\n <span vkuiClass=\"SubnavigationButton__in\">\n {~~hasReactNode(~~before) && (\n <span vkuiClass=\"SubnavigationButton__before\">{before}</span>\n )}\n <SubnavigationButtonTypography\n textLevel={textLevel}\n vkuiClass=\"SubnavigationButton__label\"\n Component=\"span\"\n >\n {children}\n </SubnavigationButtonTypography>\n {~~hasReactNode(~~after) && ~~(\n~~ <span vkuiClass=\"SubnavigationButton__after\">{after}</span~~>\n )~~}\n {expandable && (\n <Icon16Dropdown vkuiClass=\"SubnavigationButton__expandableIcon\" />\n )}\n </span>\n </Tappable>\n );\n};\n"],"~~file~~":"~~SubnavigationButton.js~~"}
1	+ {"version":3,"file":"SubnavigationButton.js","names":["SubnavigationButtonTypography","textLevel","restProps","SubnavigationButton","mode","size","selected","before","after","expandable","children","useAdaptivity","sizeY","classNames","getTitleFromChildren"],"sources":["../../../../src/components/SubnavigationButton/SubnavigationButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasChildren } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getTitleFromChildren } from \"../../lib/utils\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Icon16Dropdown } from \"@vkontakte/icons\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./SubnavigationButton.css\";\n\nexport interface SubnavigationButtonProps extends Omit<TappableProps, \"size\"> {\n mode?: \"primary\" \| \"outline\" \| \"tertiary\";\n size?: \"s\" \| \"m\" \| \"l\";\n selected?: boolean;\n /*\n Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode=\"fixed\" />`\n /\n textLevel?: 1 \| 2 \| 3;\n /\n Рекомендуется использовать только иконки с размером 24\n /\n before?: React.ReactNode;\n /\n Рекомендуется использовать только `<Counter size=\"s\" />` или `<Badge />`\n /\n after?: React.ReactNode;\n expandable?: boolean;\n}\n\ntype SubnavigationButtonTypographyProps = Pick<\n SubnavigationButtonProps,\n \"textLevel\"\n> &\n HasComponent &\n HasChildren;\n\nconst SubnavigationButtonTypography = ({\n textLevel,\n ...restProps\n}: SubnavigationButtonTypographyProps) => {\n if (textLevel === 1) {\n return <Subhead {...restProps} />;\n }\n\n return <Caption level={textLevel === 2 ? \"2\" : \"3\"} {...restProps} />;\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/SubnavigationButton\n */\nexport const SubnavigationButton = ({\n mode = \"primary\",\n size = \"m\",\n selected,\n textLevel = 1,\n before,\n after,\n expandable,\n children,\n ...restProps\n}: SubnavigationButtonProps) => {\n const { sizeY } = useAdaptivity();\n\n return (\n <Tappable\n {...restProps}\n hasActive={false}\n focusVisibleMode=\"outside\"\n vkuiClass={classNames(\n \"SubnavigationButton\",\n `SubnavigationButton--${size}`,\n `SubnavigationButton--mode-${mode}`,\n selected && \"SubnavigationButton--selected\",\n `SubnavigationButton--sizeY-${sizeY}`\n )}\n aria-label={getTitleFromChildren(children)}\n >\n <span vkuiClass=\"SubnavigationButton__in\">\n {before && (\n <span vkuiClass=\"SubnavigationButton__before\">{before}</span>\n )}\n <SubnavigationButtonTypography\n textLevel={textLevel}\n vkuiClass=\"SubnavigationButton__label\"\n Component=\"span\"\n >\n {children}\n </SubnavigationButtonTypography>\n {after && <span vkuiClass=\"SubnavigationButton__after\">{after}</span>}\n {expandable && (\n <Icon16Dropdown\n vkuiClass=\"SubnavigationButton__expandableIcon\"\n aria-hidden\n />\n )}\n </span>\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AA6BA,IAAMA,6BAA6B,GAAG,SAAhCA,6BAAgC,OAGI;EAAA,IAFxCC,SAEwC,QAFxCA,SAEwC;EAAA,IADrCC,SACqC;;EACxC,IAAID,SAAS,KAAK,CAAlB,EAAqB;IACnB,OAAO,qCAAC,gBAAD,EAAaC,SAAb,CAAP;EACD;;EAED,OAAO,qCAAC,gBAAD;IAAS,KAAK,EAAED,SAAS,KAAK,CAAd,GAAkB,GAAlB,GAAwB;EAAxC,GAAiDC,SAAjD,EAAP;AACD,CATD;AAWA;AACA;AACA;;;AACO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,QAUH;EAAA,uBAT9BC,IAS8B;EAAA,IAT9BA,IAS8B,2BATvB,SASuB;EAAA,uBAR9BC,IAQ8B;EAAA,IAR9BA,IAQ8B,2BARvB,GAQuB;EAAA,IAP9BC,QAO8B,SAP9BA,QAO8B;EAAA,4BAN9BL,SAM8B;EAAA,IAN9BA,SAM8B,gCANlB,CAMkB;EAAA,IAL9BM,MAK8B,SAL9BA,MAK8B;EAAA,IAJ9BC,KAI8B,SAJ9BA,KAI8B;EAAA,IAH9BC,UAG8B,SAH9BA,UAG8B;EAAA,IAF9BC,QAE8B,SAF9BA,QAE8B;EAAA,IAD3BR,SAC2B;;EAC9B,qBAAkB,IAAAS,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,kBAAD,6BACMV,SADN;IAEE,SAAS,EAAE,KAFb;IAGE,gBAAgB,EAAC,SAHnB;IAIE,SAAS,EAAE,IAAAW,sBAAA,EACT,qBADS,iCAEeR,IAFf,uCAGoBD,IAHpB,GAITE,QAAQ,IAAI,+BAJH,uCAKqBM,KALrB,EAJb;IAWE,cAAY,IAAAE,2BAAA,EAAqBJ,QAArB;EAXd,IAaE;IAAM,SAAS,EAAC;EAAhB,GACGH,MAAM,IACL;IAAM,SAAS,EAAC;EAAhB,GAA+CA,MAA/C,CAFJ,EAIE,qCAAC,6BAAD;IACE,SAAS,EAAEN,SADb;IAEE,SAAS,EAAC,4BAFZ;IAGE,SAAS,EAAC;EAHZ,GAKGS,QALH,CAJF,EAWGF,KAAK,IAAI;IAAM,SAAS,EAAC;EAAhB,GAA8CA,KAA9C,CAXZ,EAYGC,UAAU,IACT,qCAAC,qBAAD;IACE,SAAS,EAAC,qCADZ;IAEE;EAFF,EAbJ,CAbF,CADF;AAmCD,CAhDM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Switch~~/Switch~~.~~tsx~~"],"names":["Switch","style","className","getRootRef","restProps","platform","sizeY","focusVisible","onBlur","onFocus","disabled"],"~~mappings~~":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAIA;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKH;AAAA,MAJjBC,KAIiB,QAJjBA,KAIiB;AAAA,MAHjBC,SAGiB,QAHjBA,SAGiB;AAAA,MAFjBC,UAEiB,QAFjBA,UAEiB;AAAA,MADdC,SACc;AACjB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,yBAA0C,wCAA1C;AAAA,MAAQC,YAAR,oBAAQA,YAAR;AAAA,MAAsBC,MAAtB,oBAAsBA,MAAtB;AAAA,MAA8BC,OAA9B,oBAA8BA,OAA9B;;AAEA,SACE;AACE,IAAA,SAAS,EAAE,4BACT,gCAAa,QAAb,EAAuBJ,QAAvB,CADS,0BAEQC,KAFR,GAGTF,SAAS,CAACM,QAAV,IAAsB,kBAHb,EAITH,YAAY,IAAI,uBAJP,CADb;AAOE,IAAA,SAAS,EAAEL,SAPb;AAQE,IAAA,KAAK,EAAED,KART;AASE,IAAA,GAAG,EAAEE,UATP;AAUE,IAAA,IAAI,EAAC;AAVP,KAYE,qCAAC,wCAAD,6BACMC,SADN;AAEE,IAAA,IAAI,EAAC,UAFP;AAGE,IAAA,SAAS,EAAC,cAHZ;AAIE,IAAA,MAAM,EAAE,gCAAaI,MAAb,EAAqBJ,SAAS,CAACI,MAA/B,CAJV;AAKE,IAAA,OAAO,EAAE,gCAAaC,OAAb,EAAsBL,SAAS,CAACK,OAAhC;AALX,KAZF,EAmBE;AAAM,IAAA,IAAI,EAAC,cAAX;AAA0B,IAAA,SAAS,EAAC;AAApC,IAnBF,EAoBE,qCAAC,0BAAD;AAAc,IAAA,IAAI,EAAC;AAAnB,IApBF,CADF;AAwBD,CAlCM","sourcesContent":["import { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport {\n VisuallyHiddenInput,\n VisuallyHiddenInputProps,\n} from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { useFocusVisible } from \"../../hooks/useFocusVisible\";\nimport { FocusVisible } from \"../FocusVisible/FocusVisible\";\nimport \"./Switch.css\";\n\nexport interface SwitchProps\n extends VisuallyHiddenInputProps,\n HasRootRef<HTMLLabelElement> {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Switch\n */\nexport const Switch = ({\n style,\n className,\n getRootRef,\n ...restProps\n}: SwitchProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const { focusVisible, onBlur, onFocus } = useFocusVisible();\n\n return (\n <label\n vkuiClass={classNames(\n getClassName(\"Switch\", platform),\n `Switch--sizeY-${sizeY}`,\n restProps.disabled && \"Switch--disabled\",\n focusVisible && \"Switch--focus-visible\"\n )}\n className={className}\n style={style}\n ref={getRootRef}\n role=\"presentation\"\n >\n <VisuallyHiddenInput\n {...restProps}\n type=\"checkbox\"\n vkuiClass=\"Switch__self\"\n onBlur={callMultiple(onBlur, restProps.onBlur)}\n onFocus={callMultiple(onFocus, restProps.onFocus)}\n />\n <span role=\"presentation\" vkuiClass=\"Switch__pseudo\" />\n <FocusVisible mode=\"outside\" />\n </label>\n );\n};\n"],"~~file~~":"~~Switch.js~~"}
1	+ {"version":3,"file":"Switch.js","names":["Switch","style","className","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","useFocusVisible","focusVisible","onBlur","onFocus","classNames","getClassName","disabled","callMultiple"],"sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { callMultiple } from \"../../lib/callMultiple\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport {\n VisuallyHiddenInput,\n VisuallyHiddenInputProps,\n} from \"../VisuallyHiddenInput/VisuallyHiddenInput\";\nimport { useFocusVisible } from \"../../hooks/useFocusVisible\";\nimport { FocusVisible } from \"../FocusVisible/FocusVisible\";\nimport \"./Switch.css\";\n\nexport interface SwitchProps\n extends VisuallyHiddenInputProps,\n HasRootRef<HTMLLabelElement> {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Switch\n */\nexport const Switch = ({\n style,\n className,\n getRootRef,\n ...restProps\n}: SwitchProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const { focusVisible, onBlur, onFocus } = useFocusVisible();\n\n return (\n <label\n vkuiClass={classNames(\n getClassName(\"Switch\", platform),\n `Switch--sizeY-${sizeY}`,\n restProps.disabled && \"Switch--disabled\",\n focusVisible && \"Switch--focus-visible\"\n )}\n className={className}\n style={style}\n ref={getRootRef}\n role=\"presentation\"\n >\n <VisuallyHiddenInput\n {...restProps}\n type=\"checkbox\"\n vkuiClass=\"Switch__self\"\n onBlur={callMultiple(onBlur, restProps.onBlur)}\n onFocus={callMultiple(onFocus, restProps.onFocus)}\n />\n <span role=\"presentation\" vkuiClass=\"Switch__pseudo\" />\n <FocusVisible mode=\"outside\" />\n </label>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AAIA;;AACA;;;;AAOA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,SAATA,MAAS,OAKH;EAAA,IAJjBC,KAIiB,QAJjBA,KAIiB;EAAA,IAHjBC,SAGiB,QAHjBA,SAGiB;EAAA,IAFjBC,UAEiB,QAFjBA,UAEiB;EAAA,IADdC,SACc;EACjB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,uBAA0C,IAAAC,iCAAA,GAA1C;EAAA,IAAQC,YAAR,oBAAQA,YAAR;EAAA,IAAsBC,MAAtB,oBAAsBA,MAAtB;EAAA,IAA8BC,OAA9B,oBAA8BA,OAA9B;;EAEA,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,IAAAC,0BAAA,EAAa,QAAb,EAAuBT,QAAvB,CADS,0BAEQG,KAFR,GAGTJ,SAAS,CAACW,QAAV,IAAsB,kBAHb,EAITL,YAAY,IAAI,uBAJP,CADb;IAOE,SAAS,EAAER,SAPb;IAQE,KAAK,EAAED,KART;IASE,GAAG,EAAEE,UATP;IAUE,IAAI,EAAC;EAVP,GAYE,qCAAC,wCAAD,6BACMC,SADN;IAEE,IAAI,EAAC,UAFP;IAGE,SAAS,EAAC,cAHZ;IAIE,MAAM,EAAE,IAAAY,0BAAA,EAAaL,MAAb,EAAqBP,SAAS,CAACO,MAA/B,CAJV;IAKE,OAAO,EAAE,IAAAK,0BAAA,EAAaJ,OAAb,EAAsBR,SAAS,CAACQ,OAAhC;EALX,GAZF,EAmBE;IAAM,IAAI,EAAC,cAAX;IAA0B,SAAS,EAAC;EAApC,EAnBF,EAoBE,qCAAC,0BAAD;IAAc,IAAI,EAAC;EAAnB,EApBF,CADF;AAwBD,CAlCM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Tabbar~~/Tabbar~~.~~tsx~~"],"names":["getItemsLayout","itemsLayout","children","React","Children","count","Tabbar","shadow","mode","restProps","platform","Platform","IOS"],"~~mappings~~":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAkBA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CACrBC,WADqB,EAErBC,QAFqB,EAGlB;AACH,UAAQD,WAAR;AACE,SAAK,YAAL;AACA,SAAK,UAAL;AACE,aAAOA,WAAP;;AACF;AACE,aAAOE,KAAK,CAACC,QAAN,CAAeC,KAAf,CAAqBH,QAArB,IAAiC,CAAjC,GAAqC,UAArC,GAAkD,YAAzD;AALJ;AAOD,CAXD;AAaA;AACA;AACA;;;AACO,IAAMI,MAAM,GAAG,SAATA,MAAS,OAMH;AAAA,MALjBJ,QAKiB,QALjBA,QAKiB;AAAA,yBAJjBK,MAIiB;AAAA,MAJjBA,MAIiB,4BAJR,IAIQ;AAAA,MAHjBN,WAGiB,QAHjBA,WAGiB;AAAA,MAFjBO,IAEiB,QAFjBA,IAEiB;AAAA,MADdC,SACc;AACjB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE;AACE,IAAA,SAAS,EAAE,4BACT,QADS,EAETA,QAAQ,KAAKC,mBAASC,GAAtB,IAA6B,aAFpB,sBAGIZ,cAAc,CAACC,WAAD,aAACA,WAAD,cAACA,WAAD,GAAgBO,IAAhB,EAAsBN,QAAtB,CAHlB,GAITK,MAAM,IAAI,gBAJD;AADb,KAOME,SAPN,GASE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6BP,QAA7B,CATF,CADF;AAaD,CAtBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\nimport \"./Tabbar.css\";\n\nexport interface TabbarProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Флаг для показа/скрытия верхней тени (Android) или границы (iOS)\n /\n shadow?: boolean;\n /\n @deprecated будет удалено в 5.0.0. Используйте `mode`\n /\n itemsLayout?: \"vertical\" \| \"horizontal\" \| \"auto\"; // TODO v5.0.0 удалить, будет использоваться mode\n /\n Задает расположение элементов (вертикальное/горизонтальное)\n /\n mode?: \"vertical\" \| \"horizontal\" \| \"auto\";\n}\n\nconst getItemsLayout = (\n itemsLayout: TabbarProps[\"mode\"],\n children: TabbarProps[\"children\"]\n) => {\n switch (itemsLayout) {\n case \"horizontal\":\n case \"vertical\":\n return itemsLayout;\n default:\n return React.Children.count(children) > 2 ? \"vertical\" : \"horizontal\";\n }\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/Tabbar\n */\nexport const Tabbar = ({\n children,\n shadow = true,\n itemsLayout,\n mode,\n ...restProps\n}: TabbarProps) => {\n const platform = usePlatform();\n\n return (\n <div\n vkuiClass={classNames(\n \"Tabbar\",\n platform === Platform.IOS && \"Tabbar--ios\",\n `Tabbar--l-${getItemsLayout(itemsLayout ?? mode, children)}`,\n shadow && \"Tabbar--shadow\"\n )}\n {...restProps}\n >\n <div vkuiClass=\"Tabbar__in\">{children}</div>\n </div>\n );\n};\n"],"~~file~~":"~~Tabbar.js~~"}
1	+ {"version":3,"file":"Tabbar.js","names":["getItemsLayout","itemsLayout","children","React","Children","count","Tabbar","shadow","mode","restProps","platform","usePlatform","classNames","Platform","IOS"],"sources":["../../../../src/components/Tabbar/Tabbar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { Platform } from \"../../lib/platform\";\nimport \"./Tabbar.css\";\n\nexport interface TabbarProps extends React.HTMLAttributes<HTMLDivElement> {\n /*\n Флаг для показа/скрытия верхней тени (Android) или границы (iOS)\n /\n shadow?: boolean;\n /\n @deprecated будет удалено в 5.0.0. Используйте `mode`\n /\n itemsLayout?: \"vertical\" \| \"horizontal\" \| \"auto\"; // TODO v5.0.0 удалить, будет использоваться mode\n /\n Задает расположение элементов (вертикальное/горизонтальное)\n /\n mode?: \"vertical\" \| \"horizontal\" \| \"auto\";\n}\n\nconst getItemsLayout = (\n itemsLayout: TabbarProps[\"mode\"],\n children: TabbarProps[\"children\"]\n) => {\n switch (itemsLayout) {\n case \"horizontal\":\n case \"vertical\":\n return itemsLayout;\n default:\n return React.Children.count(children) > 2 ? \"vertical\" : \"horizontal\";\n }\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/Tabbar\n */\nexport const Tabbar = ({\n children,\n shadow = true,\n itemsLayout,\n mode,\n ...restProps\n}: TabbarProps) => {\n const platform = usePlatform();\n\n return (\n <div\n vkuiClass={classNames(\n \"Tabbar\",\n platform === Platform.IOS && \"Tabbar--ios\",\n `Tabbar--l-${getItemsLayout(itemsLayout ?? mode, children)}`,\n shadow && \"Tabbar--shadow\"\n )}\n {...restProps}\n >\n <div vkuiClass=\"Tabbar__in\">{children}</div>\n </div>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAkBA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CACrBC,WADqB,EAErBC,QAFqB,EAGlB;EACH,QAAQD,WAAR;IACE,KAAK,YAAL;IACA,KAAK,UAAL;MACE,OAAOA,WAAP;;IACF;MACE,OAAOE,KAAK,CAACC,QAAN,CAAeC,KAAf,CAAqBH,QAArB,IAAiC,CAAjC,GAAqC,UAArC,GAAkD,YAAzD;EALJ;AAOD,CAXD;AAaA;AACA;AACA;;;AACO,IAAMI,MAAM,GAAG,SAATA,MAAS,OAMH;EAAA,IALjBJ,QAKiB,QALjBA,QAKiB;EAAA,uBAJjBK,MAIiB;EAAA,IAJjBA,MAIiB,4BAJR,IAIQ;EAAA,IAHjBN,WAGiB,QAHjBA,WAGiB;EAAA,IAFjBO,IAEiB,QAFjBA,IAEiB;EAAA,IADdC,SACc;EACjB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;EAEA,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EACT,QADS,EAETF,QAAQ,KAAKG,kBAAA,CAASC,GAAtB,IAA6B,aAFpB,sBAGId,cAAc,CAACC,WAAD,aAACA,WAAD,cAACA,WAAD,GAAgBO,IAAhB,EAAsBN,QAAtB,CAHlB,GAITK,MAAM,IAAI,gBAJD;EADb,GAOME,SAPN,GASE;IAAK,SAAS,EAAC;EAAf,GAA6BP,QAA7B,CATF,CADF;AAaD,CAtBM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~TabbarItem~~/TabbarItem~~.~~tsx~~"],"names":["warn","TabbarItem","children","selected","label","indicator","text","href","Component","disabled","restProps","platform","process","env","NODE_ENV","Platform","IOS","ANDROID"],"~~mappings~~":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;AAsBA,IAAMA,IAAI,GAAG,wBAAS,YAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAUH;AAAA,MATrBC,QASqB,QATrBA,QASqB;AAAA,MARrBC,QAQqB,QARrBA,QAQqB;AAAA,MAPrBC,KAOqB,QAPrBA,KAOqB;AAAA,MANrBC,SAMqB,QANrBA,SAMqB;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,IAIqB,QAJrBA,IAIqB;AAAA,4BAHrBC,SAGqB;AAAA,MAHrBA,SAGqB,+BAHTD,IAAI,GAAG,GAAH,GAAS,QAGJ;AAAA,MAFrBE,QAEqB,QAFrBA,QAEqB;AAAA,MADlBC,SACkB;AACrB,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAIP,KAAK,IAAIQ,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAtC,EAAqD;AACnDd,IAAAA,IAAI,CACF,yEADE,CAAJ;AAGD;;AAED,SACE,qCAAC,SAAD,6BACMU,SADN;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,IAAI,EAAEF,IAHR;AAIE,IAAA,SAAS,EAAE,4BACT,YADS,EAETI,QAAQ,KAAKI,mBAASC,GAAtB,IAA6B,iBAFpB,EAGTL,QAAQ,KAAKI,mBAASE,OAAtB,IAAiC,qBAHxB,EAITd,QAAQ,IAAI,sBAJH,EAKT,CAAC,CAACG,IAAF,IAAU,kBALD;AAJb,MAYE,qCAAC,kBAAD;AACE,IAAA,IAAI,EAAC,cADP;AAEE,IAAA,SAAS,EAAC,KAFZ;AAGE,IAAA,QAAQ,EAAEG,QAHZ;AAIE,IAAA,UAAU,EACRE,QAAQ,KAAKI,mBAASC,GAAtB,GACI,8BADJ,GAEI,YAPR;AASE,IAAA,iBAAiB,EAAEL,QAAQ,KAAKI,mBAASC,GAAtB,GAA4B,CAA5B,GAAgC,GATrD;AAUE,IAAA,QAAQ,EAAE,KAVZ;AAWE,IAAA,SAAS,EAAC;AAXZ,IAZF,EAyBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGd,QADH,EAEE;AAAK,IAAA,SAAS,EAAC;AAAf,KACG,yBAAaG,SAAb,KAA2BA,SAD9B,EAEG,CAACA,SAAD,IAAcD,KAAd,IACC,qCAAC,gBAAD;AAAS,IAAA,IAAI,EAAC,GAAd;AAAkB,IAAA,IAAI,EAAC;AAAvB,KACGA,KADH,CAHJ,CAFF,CADF,EAYGE,IAAI,IACH,qCAAC,kBAAD;AAAU,IAAA,SAAS,EAAC,KAApB;AAA0B,IAAA,SAAS,EAAC,kBAApC;AAAuD,IAAA,MAAM,EAAC;AAA9D,KACGA,IADH,CAbJ,CAzBF,CADF;AA8CD,CAjEM","sourcesContent":["import * as React from \"react\";\nimport { Counter } from \"../Counter/Counter\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./TabbarItem.css\";\n\nexport interface TabbarItemProps\n extends Omit<React.AllHTMLAttributes<HTMLElement>, \"label\">, // TODO убрать Omit после удаления свойства label\n HasRootRef<HTMLElement>,\n HasComponent {\n selected?: boolean;\n /*\n Текст рядом с иконкой\n /\n text?: React.ReactNode;\n /\n Индикатор над иконкой. Принимает `<Badge mode=\"prominent\" />` или `<Counter size=\"s\" mode=\"prominent\" />`\n /\n indicator?: React.ReactNode;\n /\n @deprecated будет удалено в 5.0.0. Используйте `indicator`\n /\n label?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"TabbarItem\");\n\n/\n @see https://vkcom.github.io/VKUI/#/TabbarItem\n */\nexport const TabbarItem = ({\n children,\n selected,\n label,\n indicator,\n text,\n href,\n Component = href ? \"a\" : \"button\",\n disabled,\n ...restProps\n}: TabbarItemProps) => {\n const platform = usePlatform();\n\n if (label && process.env.NODE_ENV === \"development\") {\n warn(\n \"Свойство label устарело и будет удалено в 5.0.0. Используйте indicator.\"\n );\n }\n\n return (\n <Component\n {...restProps}\n disabled={disabled}\n href={href}\n vkuiClass={classNames(\n \"TabbarItem\",\n platform === Platform.IOS && \"TabbarItem--ios\",\n platform === Platform.ANDROID && \"TabbarItem--android\",\n selected && \"TabbarItem--selected\",\n !!text && \"TabbarItem--text\"\n )}\n >\n <Tappable\n role=\"presentation\"\n Component=\"div\"\n disabled={disabled}\n activeMode={\n platform === Platform.IOS\n ? \"TabbarItem__tappable--active\"\n : \"background\"\n }\n activeEffectDelay={platform === Platform.IOS ? 0 : 300}\n hasHover={false}\n vkuiClass=\"TabbarItem__tappable\"\n />\n <div vkuiClass=\"TabbarItem__in\">\n <div vkuiClass=\"TabbarItem__icon\">\n {children}\n <div vkuiClass=\"TabbarItem__label\">\n {hasReactNode(indicator) && indicator}\n {!indicator && label && (\n <Counter size=\"s\" mode=\"prominent\">\n {label}\n </Counter>\n )}\n </div>\n </div>\n {text && (\n <Footnote Component=\"div\" vkuiClass=\"TabbarItem__text\" weight=\"2\">\n {text}\n </Footnote>\n )}\n </div>\n </Component>\n );\n};\n"],"~~file~~":"~~TabbarItem.js~~"}
1	+ {"version":3,"file":"TabbarItem.js","names":["warn","warnOnce","TabbarItem","children","selected","label","indicator","text","href","Component","disabled","restProps","platform","usePlatform","process","env","NODE_ENV","classNames","Platform","IOS","ANDROID","hasReactNode"],"sources":["../../../../src/components/TabbarItem/TabbarItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Counter } from \"../Counter/Counter\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { Platform } from \"../../lib/platform\";\nimport { HasComponent, HasRootRef } from \"../../types\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./TabbarItem.css\";\n\nexport interface TabbarItemProps\n extends Omit<React.AllHTMLAttributes<HTMLElement>, \"label\">, // TODO убрать Omit после удаления свойства label\n HasRootRef<HTMLElement>,\n HasComponent {\n selected?: boolean;\n /*\n Текст рядом с иконкой\n /\n text?: React.ReactNode;\n /\n Индикатор над иконкой. Принимает `<Badge mode=\"prominent\" />` или `<Counter size=\"s\" mode=\"prominent\" />`\n /\n indicator?: React.ReactNode;\n /\n @deprecated будет удалено в 5.0.0. Используйте `indicator`\n /\n label?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"TabbarItem\");\n\n/\n @see https://vkcom.github.io/VKUI/#/TabbarItem\n */\nexport const TabbarItem = ({\n children,\n selected,\n label,\n indicator,\n text,\n href,\n Component = href ? \"a\" : \"button\",\n disabled,\n ...restProps\n}: TabbarItemProps) => {\n const platform = usePlatform();\n\n if (label && process.env.NODE_ENV === \"development\") {\n warn(\n \"Свойство label устарело и будет удалено в 5.0.0. Используйте indicator.\"\n );\n }\n\n return (\n <Component\n {...restProps}\n disabled={disabled}\n href={href}\n vkuiClass={classNames(\n \"TabbarItem\",\n platform === Platform.IOS && \"TabbarItem--ios\",\n platform === Platform.ANDROID && \"TabbarItem--android\",\n selected && \"TabbarItem--selected\",\n !!text && \"TabbarItem--text\"\n )}\n >\n <Tappable\n role=\"presentation\"\n Component=\"div\"\n disabled={disabled}\n activeMode={\n platform === Platform.IOS\n ? \"TabbarItem__tappable--active\"\n : \"background\"\n }\n activeEffectDelay={platform === Platform.IOS ? 0 : 300}\n hasHover={false}\n vkuiClass=\"TabbarItem__tappable\"\n />\n <div vkuiClass=\"TabbarItem__in\">\n <div vkuiClass=\"TabbarItem__icon\">\n {children}\n <div vkuiClass=\"TabbarItem__label\">\n {hasReactNode(indicator) && indicator}\n {!indicator && label && (\n <Counter size=\"s\" mode=\"prominent\">\n {label}\n </Counter>\n )}\n </div>\n </div>\n {text && (\n <Footnote Component=\"div\" vkuiClass=\"TabbarItem__text\" weight=\"2\">\n {text}\n </Footnote>\n )}\n </div>\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;AAsBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,YAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAUH;EAAA,IATrBC,QASqB,QATrBA,QASqB;EAAA,IARrBC,QAQqB,QARrBA,QAQqB;EAAA,IAPrBC,KAOqB,QAPrBA,KAOqB;EAAA,IANrBC,SAMqB,QANrBA,SAMqB;EAAA,IALrBC,IAKqB,QALrBA,IAKqB;EAAA,IAJrBC,IAIqB,QAJrBA,IAIqB;EAAA,0BAHrBC,SAGqB;EAAA,IAHrBA,SAGqB,+BAHTD,IAAI,GAAG,GAAH,GAAS,QAGJ;EAAA,IAFrBE,QAEqB,QAFrBA,QAEqB;EAAA,IADlBC,SACkB;EACrB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EAEA,IAAIR,KAAK,IAAIS,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAtC,EAAqD;IACnDhB,IAAI,CACF,yEADE,CAAJ;EAGD;;EAED,OACE,qCAAC,SAAD,6BACMW,SADN;IAEE,QAAQ,EAAED,QAFZ;IAGE,IAAI,EAAEF,IAHR;IAIE,SAAS,EAAE,IAAAS,sBAAA,EACT,YADS,EAETL,QAAQ,KAAKM,kBAAA,CAASC,GAAtB,IAA6B,iBAFpB,EAGTP,QAAQ,KAAKM,kBAAA,CAASE,OAAtB,IAAiC,qBAHxB,EAIThB,QAAQ,IAAI,sBAJH,EAKT,CAAC,CAACG,IAAF,IAAU,kBALD;EAJb,IAYE,qCAAC,kBAAD;IACE,IAAI,EAAC,cADP;IAEE,SAAS,EAAC,KAFZ;IAGE,QAAQ,EAAEG,QAHZ;IAIE,UAAU,EACRE,QAAQ,KAAKM,kBAAA,CAASC,GAAtB,GACI,8BADJ,GAEI,YAPR;IASE,iBAAiB,EAAEP,QAAQ,KAAKM,kBAAA,CAASC,GAAtB,GAA4B,CAA5B,GAAgC,GATrD;IAUE,QAAQ,EAAE,KAVZ;IAWE,SAAS,EAAC;EAXZ,EAZF,EAyBE;IAAK,SAAS,EAAC;EAAf,GACE;IAAK,SAAS,EAAC;EAAf,GACGhB,QADH,EAEE;IAAK,SAAS,EAAC;EAAf,GACG,IAAAkB,mBAAA,EAAaf,SAAb,KAA2BA,SAD9B,EAEG,CAACA,SAAD,IAAcD,KAAd,IACC,qCAAC,gBAAD;IAAS,IAAI,EAAC,GAAd;IAAkB,IAAI,EAAC;EAAvB,GACGA,KADH,CAHJ,CAFF,CADF,EAYGE,IAAI,IACH,qCAAC,kBAAD;IAAU,SAAS,EAAC,KAApB;IAA0B,SAAS,EAAC,kBAApC;IAAuD,MAAM,EAAC;EAA9D,GACGA,IADH,CAbJ,CAzBF,CADF;AA8CD,CAjEM"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~Tabs~~/Tabs~~.~~tsx~~"],"names":["warn","TabsModeContext","React","createContext","mode","withGaps","TabsComponent","children","getRootRef","sizeX","restProps","platform","process","env","NODE_ENV","expectedValueText","IOS","VKCOM","Tabs","displayName"],"~~mappings~~":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;AAiBA,IAAMA,IAAI,GAAG,wBAAS,MAAT,CAAb;AAOO,IAAMC,eAAe,gBAAGC,KAAK,CAACC,aAAN,CAAsC;AACnEC,EAAAA,IAAI,EAAE,SAD6D;AAEnEC,EAAAA,QAAQ,EAAE;AAFyD,CAAtC,CAAxB;;;AAKP,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAML;AAAA,MALfC,QAKe,QALfA,QAKe;AAAA,uBAJfH,IAIe;AAAA,MAJfA,IAIe,0BAJR,SAIQ;AAAA,MAHfI,UAGe,QAHfA,UAGe;AAAA,MAFfC,KAEe,QAFfA,KAEe;AAAA,MADZC,SACY;AACf,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MACE,CAACP,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,WAAhC,KACAQ,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAF3B,EAGE;AACA,QAAMC,iBAAiB,GACrBX,IAAI,KAAK,SAAT,sEAEI,4BAHN;AAIAJ,IAAAA,IAAI,kBACOI,IADP,mOAC8DW,iBAD9D,EAAJ;AAGD;;AAED,MAAIJ,QAAQ,KAAKK,aAAb,IAAoBZ,IAAI,KAAK,WAAjC,EAA8C;AAC5CA,IAAAA,IAAI,GAAG,SAAP;AACD;;AAED,MAAIA,IAAI,KAAK,SAAb,EAAwB;AACtBA,IAAAA,IAAI,GAAG,WAAP;AACD;;AAED,MAAMC,QAAQ,GAAGD,IAAI,KAAK,QAAT,IAAqBA,IAAI,KAAK,WAA/C;AAEA,SACE,uEACMM,SADN;AAEE,IAAA,GAAG,EAAEF,UAFP;AAGE,IAAA,SAAS,EAAE,4BACT,MADS,EAET,CAACG,QAAQ,KAAKK,aAAb,IAAoBL,QAAQ,KAAKM,eAAlC,qBAAqDN,QAArD,CAFS,kBAGAP,IAHA,GAITC,QAAQ,IAAI,gBAJH,EAKT;AALS,0BAMMI,KANN;AAHb,MAYE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAE;AAAEL,MAAAA,IAAI,EAAJA,IAAF;AAAQC,MAAAA,QAAQ,EAARA;AAAR;AAAjC,KACGE,QADH,CADF,CAZF,CADF;AAoBD,CApDD;AAsDA;AACA;AACA;;;AACO,IAAMW,IAAI,GAAG,oCAAeZ,aAAf,EAA8B;AAAEG,EAAAA,KAAK,EAAE;AAAT,CAA9B,CAAb;;AAEPS,IAAI,CAACC,WAAL,GAAmB,MAAnB","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Tabs.css\";\n\nexport interface TabsProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n AdaptivityProps {\n /*\n Задаёт вид кнопок.\n \n > ⚠️ Значения `\"buttons\"`, `\"segmented\"` устарели и будут удалены в 5.0.0. Вместо `\"buttons\"` используйте `\"secondary\"`.\n * > Режим `\"segmented\"` переехал в отдельный компонент [`SegmentedControl`](https://vkcom.github.io/VKUI#/SegmentedControl),\n * > поэтому используйте его вместо `Tabs`.\n /\n mode?: \"buttons\" \| \"segmented\" \| \"default\" \| \"accent\" \| \"secondary\";\n}\n\nconst warn = warnOnce(\"Tabs\");\n\nexport interface TabsContextProps {\n mode: TabsProps[\"mode\"];\n withGaps: boolean;\n}\n\nexport const TabsModeContext = React.createContext<TabsContextProps>({\n mode: \"default\",\n withGaps: false,\n});\n\nconst TabsComponent = ({\n children,\n mode = \"default\",\n getRootRef,\n sizeX,\n ...restProps\n}: TabsProps) => {\n const platform = usePlatform();\n\n if (\n (mode === \"buttons\" \|\| mode === \"segmented\") &&\n process.env.NODE_ENV === \"development\"\n ) {\n const expectedValueText =\n mode === \"buttons\"\n ? `значения \"secondary\"`\n : \"компонент SegmentedControl\";\n warn(\n `mode=\"${mode}\" устарело и будет удалено в 5.0.0. Используйте ${expectedValueText}`\n );\n }\n\n if (platform !== IOS && mode === \"segmented\") {\n mode = \"default\";\n }\n\n if (mode === \"buttons\") {\n mode = \"secondary\";\n }\n\n const withGaps = mode === \"accent\" \|\| mode === \"secondary\";\n\n return (\n <div\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n \"Tabs\",\n (platform === IOS \|\| platform === VKCOM) && `Tabs--${platform}`,\n `Tabs--${mode}`,\n withGaps && \"Tabs--withGaps\",\n // TODO v5.0.0 новая адаптивность\n `Tabs--sizeX-${sizeX}`\n )}\n >\n <div vkuiClass=\"Tabs__in\">\n <TabsModeContext.Provider value={{ mode, withGaps }}>\n {children}\n </TabsModeContext.Provider>\n </div>\n </div>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/Tabs\n */\nexport const Tabs = withAdaptivity(TabsComponent, { sizeX: true });\n\nTabs.displayName = \"Tabs\";\n"],"~~file~~":"~~Tabs.js~~"}
1	+ {"version":3,"file":"Tabs.js","names":["warn","warnOnce","TabsModeContext","React","createContext","mode","withGaps","TabsComponent","children","getRootRef","sizeX","restProps","platform","usePlatform","process","env","NODE_ENV","expectedValueText","IOS","classNames","VKCOM","Tabs","withAdaptivity","displayName"],"sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRootRef } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./Tabs.css\";\n\nexport interface TabsProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement>,\n AdaptivityProps {\n /*\n Задаёт вид кнопок.\n \n > ⚠️ Значения `\"buttons\"`, `\"segmented\"` устарели и будут удалены в 5.0.0. Вместо `\"buttons\"` используйте `\"secondary\"`.\n * > Режим `\"segmented\"` переехал в отдельный компонент [`SegmentedControl`](https://vkcom.github.io/VKUI#/SegmentedControl),\n * > поэтому используйте его вместо `Tabs`.\n /\n mode?: \"buttons\" \| \"segmented\" \| \"default\" \| \"accent\" \| \"secondary\";\n}\n\nconst warn = warnOnce(\"Tabs\");\n\nexport interface TabsContextProps {\n mode: TabsProps[\"mode\"];\n withGaps: boolean;\n}\n\nexport const TabsModeContext = React.createContext<TabsContextProps>({\n mode: \"default\",\n withGaps: false,\n});\n\nconst TabsComponent = ({\n children,\n mode = \"default\",\n getRootRef,\n sizeX,\n ...restProps\n}: TabsProps) => {\n const platform = usePlatform();\n\n if (\n (mode === \"buttons\" \|\| mode === \"segmented\") &&\n process.env.NODE_ENV === \"development\"\n ) {\n const expectedValueText =\n mode === \"buttons\"\n ? `значения \"secondary\"`\n : \"компонент SegmentedControl\";\n warn(\n `mode=\"${mode}\" устарело и будет удалено в 5.0.0. Используйте ${expectedValueText}`\n );\n }\n\n if (platform !== IOS && mode === \"segmented\") {\n mode = \"default\";\n }\n\n if (mode === \"buttons\") {\n mode = \"secondary\";\n }\n\n const withGaps = mode === \"accent\" \|\| mode === \"secondary\";\n\n return (\n <div\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(\n \"Tabs\",\n (platform === IOS \|\| platform === VKCOM) && `Tabs--${platform}`,\n `Tabs--${mode}`,\n withGaps && \"Tabs--withGaps\",\n // TODO v5.0.0 новая адаптивность\n `Tabs--sizeX-${sizeX}`\n )}\n >\n <div vkuiClass=\"Tabs__in\">\n <TabsModeContext.Provider value={{ mode, withGaps }}>\n {children}\n </TabsModeContext.Provider>\n </div>\n </div>\n );\n};\n\n/\n @see https://vkcom.github.io/VKUI/#/Tabs\n */\nexport const Tabs = withAdaptivity(TabsComponent, { sizeX: true });\n\nTabs.displayName = \"Tabs\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;AAiBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,MAAT,CAAb;AAOO,IAAMC,eAAe,gBAAGC,KAAK,CAACC,aAAN,CAAsC;EACnEC,IAAI,EAAE,SAD6D;EAEnEC,QAAQ,EAAE;AAFyD,CAAtC,CAAxB;;;AAKP,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAML;EAAA,IALfC,QAKe,QALfA,QAKe;EAAA,qBAJfH,IAIe;EAAA,IAJfA,IAIe,0BAJR,SAIQ;EAAA,IAHfI,UAGe,QAHfA,UAGe;EAAA,IAFfC,KAEe,QAFfA,KAEe;EAAA,IADZC,SACY;EACf,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EAEA,IACE,CAACR,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,WAAhC,KACAS,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAF3B,EAGE;IACA,IAAMC,iBAAiB,GACrBZ,IAAI,KAAK,SAAT,sEAEI,4BAHN;IAIAL,IAAI,kBACOK,IADP,mOAC8DY,iBAD9D,EAAJ;EAGD;;EAED,IAAIL,QAAQ,KAAKM,aAAb,IAAoBb,IAAI,KAAK,WAAjC,EAA8C;IAC5CA,IAAI,GAAG,SAAP;EACD;;EAED,IAAIA,IAAI,KAAK,SAAb,EAAwB;IACtBA,IAAI,GAAG,WAAP;EACD;;EAED,IAAMC,QAAQ,GAAGD,IAAI,KAAK,QAAT,IAAqBA,IAAI,KAAK,WAA/C;EAEA,OACE,uEACMM,SADN;IAEE,GAAG,EAAEF,UAFP;IAGE,SAAS,EAAE,IAAAU,sBAAA,EACT,MADS,EAET,CAACP,QAAQ,KAAKM,aAAb,IAAoBN,QAAQ,KAAKQ,eAAlC,qBAAqDR,QAArD,CAFS,kBAGAP,IAHA,GAITC,QAAQ,IAAI,gBAJH,EAKT;IALS,sBAMMI,KANN;EAHb,IAYE;IAAK,SAAS,EAAC;EAAf,GACE,qCAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAE;MAAEL,IAAI,EAAJA,IAAF;MAAQC,QAAQ,EAARA;IAAR;EAAjC,GACGE,QADH,CADF,CAZF,CADF;AAoBD,CApDD;AAsDA;AACA;AACA;;;AACO,IAAMa,IAAI,GAAG,IAAAC,8BAAA,EAAef,aAAf,EAA8B;EAAEG,KAAK,EAAE;AAAT,CAA9B,CAAb;;AAEPW,IAAI,CAACE,WAAL,GAAmB,MAAnB"}

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/~~TabsItem~~/TabsItem~~.~~tsx~~"],"names":["TabsItem","before","children","status","after","selected","restProps","platform","sizeY","React","useContext","TabsModeContext","mode","withGaps","statusComponent","IOS","VKCOM"],"~~mappings~~":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA6BA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAOH;AAAA,MANnBC,MAMmB,QANnBA,MAMmB;AAAA,MALnBC,QAKmB,QALnBA,QAKmB;AAAA,MAJnBC,MAImB,QAJnBA,MAImB;AAAA,MAHnBC,KAGmB,QAHnBA,KAGmB;AAAA,2BAFnBC,QAEmB;AAAA,MAFnBA,QAEmB,8BAFR,KAEQ;AAAA,MADhBC,SACgB;AACnB,MAAMC,QAAQ,GAAG,+BAAjB;;AACA,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,0BACEC,KAAK,CAACC,UAAN,CAAiBC,qBAAjB,CADF;AAAA,MAAQC,IAAR,qBAAQA,IAAR;AAAA,MAAcC,QAAd,qBAAcA,QAAd;;AAEA,MAAIC,eAAe,GAAG,IAAtB;;AAEA,MAAIX,MAAJ,EAAY;AACVW,IAAAA,eAAe,GACb,OAAOX,MAAP,KAAkB,QAAlB,GACE,qCAAC,gBAAD;AACE,MAAA,SAAS,EAAC,MADZ;AAEE,MAAA,SAAS,EAAC,0CAFZ;AAGE,MAAA,MAAM,EAAC;AAHT,OAKGA,MALH,CADF,GASE;AAAM,MAAA,SAAS,EAAC;AAAhB,OAAoCA,MAApC,CAVJ;AAYD;;AAED,SACE,qCAAC,kBAAD,6BACMG,SADN;AAEE,IAAA,SAAS,EAAE,4BACT,UADS,EAET,CAACC,QAAQ,KAAKQ,aAAb,IAAoBR,QAAQ,KAAKS,eAAlC,yBAAyDT,QAAzD,CAFS,EAGTK,IAAI,wBAAiBA,IAAjB,CAHK,EAITP,QAAQ,IAAI,oBAJH,EAKT;AACAG,IAAAA,KAAK,8BAAuBA,KAAvB,CANI,EAOTK,QAAQ,IAAI,oBAPH,CAFb;AAWE,IAAA,SAAS,EAAC,iBAXZ;AAYE,IAAA,UAAU,EAAC,kBAZb;AAaE,IAAA,gBAAgB,EAAED,IAAI,KAAK,WAAT,GAAuB,SAAvB,GAAmC,QAbvD;AAcE,IAAA,SAAS,EAAEA,IAAI,KAAK;AAdtB,MAgBGX,MAAM,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCA,MAAnC,CAhBb,EAiBE,qCAAC,kBAAD;AACE,IAAA,SAAS,EAAC,MADZ;AAEE,IAAA,SAAS,EAAC,iBAFZ;AAGE,IAAA,KAAK,EAAEW,IAAI,KAAK,SAAT,GAAqB,GAArB,GAA2B,GAHpC;AAIE,IAAA,MAAM,EAAC;AAJT,KAMGV,QANH,CAjBF,EAyBGY,eAzBH,EA0BGV,KAAK,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCA,KAAlC,CA1BZ,EA2BGQ,IAAI,KAAK,SAAT,IACC;AACE,IAAA,SAAS,EAAC,qBADZ;AAEE,uBAFF;AAGE,qBAAeP;AAHjB,IA5BJ,CADF;AAqCD,CAlEM","sourcesContent":["import * as React from \"react\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { TabsModeContext, TabsContextProps } from \"../Tabs/Tabs\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./TabsItem.css\";\n\nexport interface TabsItemProps extends React.HTMLAttributes<HTMLElement> {\n /*\n Добавляет иконку слева.\n \n - Для `mode=\"default\"` используйте иконки размером 24.\n * - Для всех остальных `mode` используйте иконки размером 20.\n /\n before?: React.ReactNode;\n /\n Добавляет элемент слева от `after`.\n \n - `React.ReactElement` – либо [`Badge`](https://vkcom.github.io/VKUI/#/Badge) с параметром `mode=\"prominent\"`.\n * либо [`Counter`](https://vkcom.github.io/VKUI/#/Counter) с параметрами `mode=\"prominent\" size=\"s\"`.\n * - `number` – для показа текстового блока с переданным числом.\n /\n status?: React.ReactElement \| number;\n /\n Добавляет иконку справа.\n \n Например, `<Icon16Dropdown />`\n /\n after?: React.ReactNode;\n selected?: boolean;\n disabled?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/TabsItem\n */\nexport const TabsItem = ({\n before,\n children,\n status,\n after,\n selected = false,\n ...restProps\n}: TabsItemProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const { mode, withGaps }: TabsContextProps =\n React.useContext(TabsModeContext);\n let statusComponent = null;\n\n if (status) {\n statusComponent =\n typeof status === \"number\" ? (\n <Subhead\n Component=\"span\"\n vkuiClass=\"TabsItem__status TabsItem__status--count\"\n weight=\"2\"\n >\n {status}\n </Subhead>\n ) : (\n <span vkuiClass=\"TabsItem__status\">{status}</span>\n );\n }\n\n return (\n <Tappable\n {...restProps}\n vkuiClass={classNames(\n \"TabsItem\",\n (platform === IOS \|\| platform === VKCOM) && `TabsItem--${platform}`,\n mode && `TabsItem--${mode}`,\n selected && \"TabsItem--selected\",\n // TODO v5.0.0 новая адаптивность\n sizeY && `TabsItem--sizeY-${sizeY}`,\n withGaps && \"TabsItem--withGaps\"\n )}\n hoverMode=\"TabsItem--hover\"\n activeMode=\"TabsItem--active\"\n focusVisibleMode={mode === \"segmented\" ? \"outside\" : \"inside\"}\n hasActive={mode === \"segmented\"}\n >\n {before && <div vkuiClass=\"TabsItem__before\">{before}</div>}\n <Headline\n Component=\"span\"\n vkuiClass=\"TabsItem__label\"\n level={mode === \"default\" ? \"1\" : \"2\"}\n weight=\"2\"\n >\n {children}\n </Headline>\n {statusComponent}\n {after && <div vkuiClass=\"TabsItem__after\">{after}</div>}\n {mode === \"default\" && (\n <div\n vkuiClass=\"TabsItem__underline\"\n aria-hidden\n data-selected={selected}\n />\n )}\n </Tappable>\n );\n};\n"],"~~file~~":"~~TabsItem.js~~"}
1	+ {"version":3,"file":"TabsItem.js","names":["TabsItem","before","children","status","after","selected","restProps","platform","usePlatform","useAdaptivity","sizeY","React","useContext","TabsModeContext","mode","withGaps","statusComponent","classNames","IOS","VKCOM"],"sources":["../../../../src/components/TabsItem/TabsItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { classNames } from \"../../lib/classNames\";\nimport { IOS, VKCOM } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { TabsModeContext, TabsContextProps } from \"../Tabs/Tabs\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport \"./TabsItem.css\";\n\nexport interface TabsItemProps extends React.HTMLAttributes<HTMLElement> {\n /*\n Добавляет иконку слева.\n \n - Для `mode=\"default\"` используйте иконки размером 24.\n * - Для всех остальных `mode` используйте иконки размером 20.\n /\n before?: React.ReactNode;\n /\n Добавляет элемент слева от `after`.\n \n - `React.ReactElement` – либо [`Badge`](https://vkcom.github.io/VKUI/#/Badge) с параметром `mode=\"prominent\"`.\n * либо [`Counter`](https://vkcom.github.io/VKUI/#/Counter) с параметрами `mode=\"prominent\" size=\"s\"`.\n * - `number` – для показа текстового блока с переданным числом.\n /\n status?: React.ReactElement \| number;\n /\n Добавляет иконку справа.\n \n Например, `<Icon16Dropdown />`\n /\n after?: React.ReactNode;\n selected?: boolean;\n disabled?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/TabsItem\n */\nexport const TabsItem = ({\n before,\n children,\n status,\n after,\n selected = false,\n ...restProps\n}: TabsItemProps) => {\n const platform = usePlatform();\n const { sizeY } = useAdaptivity();\n const { mode, withGaps }: TabsContextProps =\n React.useContext(TabsModeContext);\n let statusComponent = null;\n\n if (status) {\n statusComponent =\n typeof status === \"number\" ? (\n <Subhead\n Component=\"span\"\n vkuiClass=\"TabsItem__status TabsItem__status--count\"\n weight=\"2\"\n >\n {status}\n </Subhead>\n ) : (\n <span vkuiClass=\"TabsItem__status\">{status}</span>\n );\n }\n\n return (\n <Tappable\n {...restProps}\n vkuiClass={classNames(\n \"TabsItem\",\n (platform === IOS \|\| platform === VKCOM) && `TabsItem--${platform}`,\n mode && `TabsItem--${mode}`,\n selected && \"TabsItem--selected\",\n // TODO v5.0.0 новая адаптивность\n sizeY && `TabsItem--sizeY-${sizeY}`,\n withGaps && \"TabsItem--withGaps\"\n )}\n hoverMode=\"TabsItem--hover\"\n activeMode=\"TabsItem--active\"\n focusVisibleMode={mode === \"segmented\" ? \"outside\" : \"inside\"}\n hasActive={mode === \"segmented\"}\n >\n {before && <div vkuiClass=\"TabsItem__before\">{before}</div>}\n <Headline\n Component=\"span\"\n vkuiClass=\"TabsItem__label\"\n level={mode === \"default\" ? \"1\" : \"2\"}\n weight=\"2\"\n >\n {children}\n </Headline>\n {statusComponent}\n {after && <div vkuiClass=\"TabsItem__after\">{after}</div>}\n {mode === \"default\" && (\n <div\n vkuiClass=\"TabsItem__underline\"\n aria-hidden\n data-selected={selected}\n />\n )}\n </Tappable>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA6BA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAOH;EAAA,IANnBC,MAMmB,QANnBA,MAMmB;EAAA,IALnBC,QAKmB,QALnBA,QAKmB;EAAA,IAJnBC,MAImB,QAJnBA,MAImB;EAAA,IAHnBC,KAGmB,QAHnBA,KAGmB;EAAA,yBAFnBC,QAEmB;EAAA,IAFnBA,QAEmB,8BAFR,KAEQ;EAAA,IADhBC,SACgB;EACnB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EACA,wBACEC,KAAK,CAACC,UAAN,CAAiBC,qBAAjB,CADF;EAAA,IAAQC,IAAR,qBAAQA,IAAR;EAAA,IAAcC,QAAd,qBAAcA,QAAd;;EAEA,IAAIC,eAAe,GAAG,IAAtB;;EAEA,IAAIb,MAAJ,EAAY;IACVa,eAAe,GACb,OAAOb,MAAP,KAAkB,QAAlB,GACE,qCAAC,gBAAD;MACE,SAAS,EAAC,MADZ;MAEE,SAAS,EAAC,0CAFZ;MAGE,MAAM,EAAC;IAHT,GAKGA,MALH,CADF,GASE;MAAM,SAAS,EAAC;IAAhB,GAAoCA,MAApC,CAVJ;EAYD;;EAED,OACE,qCAAC,kBAAD,6BACMG,SADN;IAEE,SAAS,EAAE,IAAAW,sBAAA,EACT,UADS,EAET,CAACV,QAAQ,KAAKW,aAAb,IAAoBX,QAAQ,KAAKY,eAAlC,yBAAyDZ,QAAzD,CAFS,EAGTO,IAAI,wBAAiBA,IAAjB,CAHK,EAITT,QAAQ,IAAI,oBAJH,EAKT;IACAK,KAAK,8BAAuBA,KAAvB,CANI,EAOTK,QAAQ,IAAI,oBAPH,CAFb;IAWE,SAAS,EAAC,iBAXZ;IAYE,UAAU,EAAC,kBAZb;IAaE,gBAAgB,EAAED,IAAI,KAAK,WAAT,GAAuB,SAAvB,GAAmC,QAbvD;IAcE,SAAS,EAAEA,IAAI,KAAK;EAdtB,IAgBGb,MAAM,IAAI;IAAK,SAAS,EAAC;EAAf,GAAmCA,MAAnC,CAhBb,EAiBE,qCAAC,kBAAD;IACE,SAAS,EAAC,MADZ;IAEE,SAAS,EAAC,iBAFZ;IAGE,KAAK,EAAEa,IAAI,KAAK,SAAT,GAAqB,GAArB,GAA2B,GAHpC;IAIE,MAAM,EAAC;EAJT,GAMGZ,QANH,CAjBF,EAyBGc,eAzBH,EA0BGZ,KAAK,IAAI;IAAK,SAAS,EAAC;EAAf,GAAkCA,KAAlC,CA1BZ,EA2BGU,IAAI,KAAK,SAAT,IACC;IACE,SAAS,EAAC,qBADZ;IAEE,mBAFF;IAGE,iBAAeT;EAHjB,EA5BJ,CADF;AAqCD,CAlEM"}

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

@@ -13,8 +13,6 @@ var _jsxRuntime = require("../../lib/jsxRuntime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -25,13 +23,13 @@ var React = _interopRequireWildcard(require("react"));
 var _mitt = _interopRequireDefault(require("mitt"));
-var _vkjs = require("@vkontakte/vkjs");
+var _utils = require("../../lib/utils");
 var _Touch = require("../Touch/Touch");
 var _TouchContext = _interopRequireDefault(require("../Touch/TouchContext"));
-var _classNames2 = require("../../lib/classNames");
+var _classNames = require("../../lib/classNames");
 var _platform = require("../../lib/platform");
@@ -73,7 +71,7 @@ var TapState = {
   exiting: 3
 };
 var TappableContext = /*#__PURE__*/React.createContext({
-  onHoverChange: _vkjs.noop
+  onHoverChange: _utils.noop
 });
 function useActivity(hasActive, stopDelay) {
@@ -114,11 +112,11 @@ function useActivity(hasActive, stopDelay) {
       activeBus.emit("active", id);
     }
-    return _vkjs.noop;
+    return _utils.noop;
   }, [activity]);
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (activity === TapState.none) {
-      return _vkjs.noop;
+      return _utils.noop;
     }
     var onActiveChange = function onActiveChange(activeId) {
@@ -151,8 +149,6 @@ function useActivity(hasActive, stopDelay) {
 }
 var TappableComponent = function TappableComponent(_ref) {
-  var _classNames;
   var children = _ref.children,
       Component = _ref.Component,
       onClick = _ref.onClick,
@@ -231,7 +227,7 @@ var TappableComponent = function TappableComponent(_ref) {
   }).current;
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     if (!hovered) {
-      return _vkjs.noop;
+      return _utils.noop;
     }
     onHoverChange(true);
@@ -320,13 +316,9 @@ var TappableComponent = function TappableComponent(_ref) {
     var activeDuration = duration - ACTIVE_DELAY;
     stop(activeDuration >= 100 ? 0 : activeEffectDelay - activeDuration);
-  } // eslint-disable-next-line vkui/no-object-expression-in-arguments
+  }
-  var classes = (0, _classNames2.classNames)("Tappable", platform === _platform.IOS && "Tappable--ios", "Tappable--sizeX-".concat(sizeX), hasHover && "Tappable--hasHover", hasActive && "Tappable--hasActive", hasHover && hovered && !isPresetHoverMode && hoverMode, hasActive && active && !isPresetActiveMode && activeMode, focusVisible && !isPresetFocusVisibleMode && focusVisibleMode, (_classNames = {
-    "Tappable--active": hasActive && active,
-    "Tappable--mouse": hasMouse
-  }, (0, _defineProperty2.default)(_classNames, "Tappable--hover-".concat(hoverMode), hasHover && hovered && isPresetHoverMode), (0, _defineProperty2.default)(_classNames, "Tappable--active-".concat(activeMode), hasActive && active && isPresetActiveMode), (0, _defineProperty2.default)(_classNames, "Tappable--focus-visible", focusVisible), _classNames));
+  var classes = (0, _classNames.classNames)("Tappable", platform === _platform.IOS && "Tappable--ios", "Tappable--sizeX-".concat(sizeX), hasHover && "Tappable--hasHover", hasActive && "Tappable--hasActive", hasHover && hovered && !isPresetHoverMode && hoverMode, hasActive && active && !isPresetActiveMode && activeMode, focusVisible && !isPresetFocusVisibleMode && focusVisibleMode, hasActive && active && "Tappable--active", hasMouse && "Tappable--mouse", hasHover && hovered && isPresetHoverMode && "Tappable--hover-".concat(hoverMode), hasActive && active && isPresetActiveMode && "Tappable--active-".concat(activeMode), focusVisible && "Tappable--focus-visible");
   var handlers = {
     onStart: (0, _callMultiple.callMultiple)(onStart, props.onStart),
     onMove: (0, _callMultiple.callMultiple)(onMove, props.onMove),