feat: create lib/sheet

packages/vkui/src/helpers/range.ts

@@ -24,3 +24,7 @@ export function rangeIncrement(from: number, to: number, step = 1): number[] {
 
   return range(from, to, step);
 }
+
+export function inRange(number: number, from: number, to: number) {
+  return number >= from && number <= to;
+}

packages/vkui/src/lib/adaptivity/functions.ts

@@ -1,6 +1,7 @@
 import type { Exact } from '../../types';
+import { getWindow } from '../dom';
 import { type PlatformType } from '../platform';
-import { BREAKPOINTS } from './breakpoints';
+import { BREAKPOINTS, MEDIA_QUERIES } from './breakpoints';
 import {
   type SizeTypeValues,
   VIEW_WIDTH_TO_CSS_BREAKPOINT_MAP,
@@ -138,6 +139,12 @@ export function tryToCheckIsDesktop(
   return (widthIsLikeDesktop && otherParametersIsLikeDesktop) || IS_VKCOM_CRUTCH;
 }
 
+export function isSmallTablePlus(el: HTMLElement) {
+  const win = getWindow(el);
+  // eslint-disable-next-line no-restricted-properties
+  return win ? win.matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS).matches : false;
+}
+
 /**
  * Конвертирует `viewWidth` в CSS брейкпоинты (см. тесты для наглядности).
  *

packages/vkui/src/lib/dom.tsx

@@ -15,6 +15,7 @@ export {
   getNodeScroll,
   isHTMLElement,
   isElement,
+  getParentNode,
 } from '@vkontakte/vkui-floating-ui/utils/dom';
 
 export { canUseDOM, canUseEventListeners, onDOMLoaded } from '@vkontakte/vkjs';
@@ -260,3 +261,8 @@ export const initializeBrowserGesturePreventionEffect = (window: Window): VoidFu
     window.removeEventListener('touchmove', handleWindowTouchMove, options);
   };
 };
+
+export const hasSelectionWithRangeType = (node: unknown) => {
+  const selection = getWindow(node).getSelection();
+  return selection ? selection.type === 'Range' : false;
+};

packages/vkui/src/lib/sheet/constants.ts

@@ -0,0 +1,32 @@
+/** @public */
+export const BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY = 'data-vkui-block-sheet-behavior';
+
+/** @public */
+export const BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE = {
+  [BLOCK_SHEET_BEHAVIOR_DATA_ATTRIBUTE_KEY]: true,
+};
+
+/** @private */
+export const DRAG_THRESHOLDS = {
+  DISTANCE_FOR_MOVING_START: 12 as const,
+  VELOCITY: 500 as const,
+};
+
+/** @private */
+export const SNAP_POINT_SAFE_RANGE = {
+  LOWER: 25 as const,
+  HIGHEST: 90 as const,
+};
+
+/** @private */
+export const SNAP_POINT_DETENTS = {
+  MIN: 0 as const,
+  MEDIUM: 50 as const,
+  LARGE: 100 as const,
+};
+
+/** @private */
+export const DYNAMIC_SNAP_POINT_DATA = {
+  IDLE_POINT_VALUE: 0 as const,
+  COMPUTED_INDEX: 1 as const,
+};