@cloud-ru/ds-drawer 1.1.2-preview-86f06def.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloud-ru/ds-drawer",
-  "version": "1.1.2-preview-86f06def.0",
+  "version": "1.2.0",
   "description": "Пакет выезжающих панелей — компоненты Drawer и DrawerCustom с едиными токенами позиции и ширины.",
   "repository": {
     "type": "git",
@@ -40,13 +40,13 @@
     "classnames": "^2.5.1",
     "react-remove-scroll": "^2.7.2",
     "tabbable": "^6.5.0",
-    "@cloud-ru/ds-adaptive": "1.0.1",
-    "@cloud-ru/ds-popup-private": "1.1.2-preview-86f06def.0",
-    "@cloud-ru/ds-scroll": "1.0.2",
-    "@cloud-ru/ds-bottom-sheet": "1.1.2-preview-86f06def.0",
-    "@cloud-ru/ds-portal-context": "1.0.1",
-    "@cloud-ru/ds-tooltip": "1.0.4",
-    "@cloud-ru/ds-utils": "1.1.0",
-    "@cloud-ru/ds-materials": "1.0.1"
+    "@cloud-ru/ds-adaptive": "^1.0.1",
+    "@cloud-ru/ds-bottom-sheet": "^1.1.1",
+    "@cloud-ru/ds-materials": "^1.0.1",
+    "@cloud-ru/ds-popup-private": "^1.1.1",
+    "@cloud-ru/ds-portal-context": "^1.0.1",
+    "@cloud-ru/ds-tooltip": "^1.0.4",
+    "@cloud-ru/ds-utils": "^1.1.0",
+    "@cloud-ru/ds-scroll": "^1.0.2"
   }
 }

package/src/components/Drawer/types.ts

@@ -8,19 +8,18 @@ import { DrawerCustomProps } from '../DrawerCustom';
 /**
  * Адаптивный Drawer: desktop — боковая/верхняя/нижняя панель, `mobile` — `BottomSheet`.
  *
- * Только desktop: `position`, `width`, `heightAuto`, `nestedDrawer` (на mobile игнорируются).
+ * Только desktop: `position`, `width`, `heightAuto`, `nestedDrawer`, `truncate` (на mobile игнорируются).
  * Только mobile: `swipeEnabled`, `snapPoints`, `snapIndex`, `onSnapIndexChange`, `safeArea`, `withDividers`
- * (на desktop-панели игнорируются — это анатомия `BottomSheet`). `snapPoints` по умолчанию —
- * `MOBILE_SNAP_POINTS_DEFAULT` (`[1]`): sheet открывается на весь вьюпорт.
+ * (на desktop-панели игнорируются — это анатомия `BottomSheet`).
  */
 export type DrawerProps = WithSupportProps<
   Omit<DrawerCustomProps, 'nestedDrawer' | 'push' | 'resizable'> &
     Pick<BottomSheetProps, 'swipeEnabled' | 'snapPoints' | 'snapIndex' | 'onSnapIndexChange' | 'safeArea'> &
-    Pick<DialogHeaderProps, 'title' | 'slotAfterTitle' | 'slotSecondTitle' | 'onBackButtonClick'> &
+    Pick<DialogHeaderProps, 'title' | 'slotAfterTitle' | 'slotSecondTitle' | 'onBackButtonClick' | 'truncate'> &
     Pick<DialogBodyProps, 'content'> & {
       /** Ссылка на скроллируемый контейнер контента (например, для дозагрузки по скроллу). */
       contentRef?: Ref<HTMLElement>;
-      /** Только mobile: разделители между шапкой/контентом/футером sheet'а. @default true */
+      /** Только mobile: разделители между шапкой/контентом/футером sheet'а. @default false */
       withDividers?: boolean;
       /** Текстовая строка-подзаголовок под title. */
       subtitle?: ReactNode;
@@ -35,8 +34,7 @@ export type DrawerProps = WithSupportProps<
       /** Дополнительная (третья) кнопка — пропсы `Button` (дефолт `view='simple'`, `appearance='neutral'`). */
       additionalButton?: BottomSheetActionButton;
       /**
-       * Ориентация кнопок футера. Игнорируется при заданном `footer`. Без значения раскладку
-       * выбирает поверхность: два действия — в строку, три — стопкой.
+       * Ориентация кнопок футера. Применяется только при двух кнопках; игнорируется при заданном `footer`.
        * @default 'horizontal'
        */
       footerActionsOrientation?: FooterActionsOrientation;

package/src/components/DrawerCustom/DrawerCustom.tsx

@@ -8,7 +8,7 @@ import cn from 'classnames';
 import { ComponentType, CSSProperties, useMemo } from 'react';
 import { RemoveScroll } from 'react-remove-scroll';
 
-import { MOBILE_SNAP_POINTS_DEFAULT, TEST_IDS, WIDTH_AS_VALUES } from '../../constants';
+import { TEST_IDS, WIDTH_AS_VALUES } from '../../constants';
 import {
   DialogBody,
   DialogBodyProps,
@@ -157,9 +157,8 @@ function DrawerFrame(props: DrawerCustomProps) {
 }
 
 /**
- * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom` (по умолчанию —
- * full-screen, см. `MOBILE_SNAP_POINTS_DEFAULT`), иначе — `DrawerFrame`. Композиция одна
- * (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
+ * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom`, иначе — `DrawerFrame`.
+ * Композиция одна (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
  */
 export function DrawerCustom(props: DrawerCustomProps) {
   const { layoutType } = useAdaptiveLayout();
@@ -174,7 +173,7 @@ export function DrawerCustom(props: DrawerCustomProps) {
       container,
       closeOnPopstate,
       showBlackout,
-      snapPoints = MOBILE_SNAP_POINTS_DEFAULT,
+      snapPoints,
       swipeEnabled,
       safeArea,
       disableMotions,

package/src/components/DrawerCustom/types.ts

@@ -73,6 +73,5 @@ export type DrawerCustomProps = WithSupportProps<
     };
   }>
 > &
-  // Только mobile: управляют sheet-поверхностью (на desktop игнорируются). `snapPoints` по
-  // умолчанию — `MOBILE_SNAP_POINTS_DEFAULT` (`[1]`): sheet открывается на весь вьюпорт.
+  // Только mobile: управляют sheet-поверхностью (на desktop игнорируются).
   Pick<BottomSheetCustomProps, 'snapPoints' | 'swipeEnabled' | 'safeArea'>;

package/src/constants.ts

@@ -1,5 +1,3 @@
-import { SnapPoint } from '@cloud-ru/ds-bottom-sheet';
-
 export const TEST_IDS = {
   closeButton: 'drawer__close-button',
   header: 'drawer__header',
@@ -31,9 +29,3 @@ export const POSITION = {
   Top: 'top',
   Bottom: 'bottom',
 } as const;
-
-/**
- * Snap-точки мобильной поверхности дровера по умолчанию: одна позиция на весь вьюпорт.
- * Дровер на mobile открывается сразу full-screen; swipe-down закрывает его.
- */
-export const MOBILE_SNAP_POINTS_DEFAULT: SnapPoint[] = [1];

package/src/helperComponents/DesktopDrawer/DesktopDrawer.tsx

@@ -11,6 +11,7 @@ export function DesktopDrawer({
   content,
   media,
   title,
+  truncate,
   slotAfterTitle,
   slotSecondTitle,
   subtitle,
@@ -42,6 +43,7 @@ export function DesktopDrawer({
       {showHeader && (
         <DrawerCustom.Header
           title={title}
+          truncate={truncate}
           slotAfterTitle={slotAfterTitle}
           slotSecondTitle={slotSecondTitle}
           subtitle={subtitle}

package/src/helperComponents/DialogSlots.tsx

@@ -27,7 +27,7 @@ export type DialogFooterProps = SheetFooterProps & {
   cancelButton?: BottomSheetActionButton;
   /** Дополнительная (третья) кнопка. */
   additionalButton?: BottomSheetActionButton;
-  /** Ориентация кнопок; без значения — по числу действий (два в строку, три стопкой). */
+  /** Ориентация кнопок при ровно двух действиях. */
   footerActionsOrientation?: FooterActionsOrientation;
 };
 

package/src/helperComponents/MobileDrawer/MobileDrawer.tsx

@@ -2,7 +2,7 @@ import { BottomSheet } from '@cloud-ru/ds-bottom-sheet';
 import { extractSupportProps } from '@cloud-ru/ds-utils';
 
 import { DrawerProps } from '../../components/Drawer/types';
-import { MOBILE_SNAP_POINTS_DEFAULT, TEST_IDS } from '../../constants';
+import { TEST_IDS } from '../../constants';
 
 /**
  * Mobile-поверхность Drawer'а: контент в `BottomSheet`, слоты маппятся на API sheet'а
@@ -30,16 +30,17 @@ export function MobileDrawer({
   container,
   closeOnPopstate,
   swipeEnabled,
-  snapPoints = MOBILE_SNAP_POINTS_DEFAULT,
+  snapPoints,
   snapIndex,
   onSnapIndexChange,
   safeArea,
-  withDividers,
+  withDividers = false,
   ...rest
 }: DrawerProps) {
   // Футер собирает сам `BottomSheet`.
   return (
     <BottomSheet
+      // Дефолт `withDividers` в sheet'е — `true`; у Drawer'а вид исторически без разделителей.
       withDividers={withDividers}
       open={open}
       onClose={onClose}