VKCOM
diff --git a/‎docs/ADAPTIVITY_GUIDE.md‎
Lines changed: 0 additions & 1 deletion b/‎docs/ADAPTIVITY_GUIDE.md‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎packages/vkui/global.d.ts‎
Lines changed: 5 additions & 0 deletions b/‎packages/vkui/global.d.ts‎
Lines changed: 5 additions & 0 deletions
diff --git a/‎packages/vkui/src/components/SplitCol/SplitCol.tsx‎
Lines changed: 10 additions & 3 deletions b/‎packages/vkui/src/components/SplitCol/SplitCol.tsx‎
Lines changed: 10 additions & 3 deletions
diff --git a/‎packages/vkui/src/helpers/getViewWidthClassName.test.ts‎
Lines changed: 0 additions & 88 deletions b/‎packages/vkui/src/helpers/getViewWidthClassName.test.ts‎
Lines changed: 0 additions & 88 deletions
diff --git a/‎packages/vkui/src/helpers/getViewWidthClassName.ts‎
Lines changed: 0 additions & 61 deletions b/‎packages/vkui/src/helpers/getViewWidthClassName.ts‎
Lines changed: 0 additions & 61 deletions
@@ -29,7 +29,6 @@
 Для удобного получения `className` в зависимости от адаптивности есть такие функции как:
 
 - [`getPlatformClassName()`](../packages/vkui/src/helpers/getPlatformClassName.ts)
-- [`getViewWidthClassName()`](../packages/vkui/src/helpers/getViewWidthClassName.ts)
 
 Пример:
 
 
@@ -23,3 +23,8 @@ interface MediaQueryList {
     options?: boolean | EventListenerOptions,
   ): void;
 }
+
+// см. https://github.com/microsoft/TypeScript/issues/18282
+interface Object {
+  hasOwnProperty<T>(this: T, v: PropertyKey): v is keyof T;
+}
@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { classNames } from '@vkontakte/vkjs';
-import { getViewWidthClassName } from '../../helpers/getViewWidthClassName';
 import { useAdaptivity } from '../../hooks/useAdaptivity';
 import { useMediaQueries } from '../../hooks/useMediaQueries';
 import { useObjectMemo } from '../../hooks/useObjectMemo';
@@ -9,6 +8,14 @@ import { matchMediaListAddListener, matchMediaListRemoveListener } from '../../l
 import { SplitColContext } from './SplitColContext';
 import styles from './SplitCol.module.css';
 
+const viewWidthClassNames = {
+  none: styles['SplitCol--viewWidth-none'],
+  [ViewWidth.SMALL_MOBILE]: styles['SplitCol--viewWidth-smallMobile'],
+  [ViewWidth.MOBILE]: styles['SplitCol--viewWidth-mobile'],
+  [ViewWidth.SMALL_TABLET]: styles['SplitCol--viewWidth-smallTablet'],
+  [ViewWidth.TABLET]: styles['SplitCol--viewWidth-tabletPlus'],
+};
+
 function useTransitionAnimate(animateProp?: boolean) {
   const { viewWidth } = useAdaptivity();
   const [animate, setAnimate] = React.useState(Boolean(animateProp));
@@ -80,7 +87,7 @@ export const SplitCol = (props: SplitColProps) => {
     ...restProps
   } = props;
   const baseRef = React.useRef<HTMLDivElement>(null);
-  const { viewWidth } = useAdaptivity();
+  const { viewWidth = 'none' } = useAdaptivity();
   const animate = useTransitionAnimate(animateProp);
 
   const contextValue = useObjectMemo({
@@ -100,7 +107,7 @@ export const SplitCol = (props: SplitColProps) => {
       ref={baseRef}
       className={classNames(
         styles['SplitCol'],
-        getViewWidthClassName(styles['SplitCol'], viewWidth),
+        viewWidthClassNames.hasOwnProperty(viewWidth) && viewWidthClassNames[viewWidth],
         spaced && styles['SplitCol--spaced'],
         spaced === undefined && styles['SplitCol--spaced-none'],
         autoSpaced && styles['SplitCol--spaced-auto'],
Original file line number	Diff line number	Diff line change
`@@ -23,3 +23,8 @@ interface MediaQueryList {`
`23`	`23`	`options?: boolean \| EventListenerOptions,`
`24`	`24`	`): void;`
`25`	`25`	`}`
	`26`	`+`
	`27`	`+// см. https://github.com/microsoft/TypeScript/issues/18282`
	`28`	`+interface Object {`
	`29`	`+ hasOwnProperty<T>(this: T, v: PropertyKey): v is keyof T;`
	`30`	`+}`