@cloud-ru/ds-list 2.2.6-preview-1207a902.0 → 2.2.6-preview-c6bef496.0

package/README.md

@@ -974,7 +974,6 @@ export function DroplistWithHeader() {
 | `pinBottom` | `BaseItemWithoutNonGroup` \| `CommonGroupItem` \| `Item` \| `ScrollProps` | — | Элементы списка, закрепленные снизу |
 | `pinTop` | `BaseItemWithoutNonGroup` \| `CommonGroupItem` \| `Item` \| `ScrollProps` | — | Элементы списка, закрепленные сверху |
 | `placement` | `"bottom"` \| `"bottom-end"` \| `"bottom-start"` \| `"left"` \| `"left-end"` \| `"left-start"` \| `"right"` \| `"right-end"` \| `"right-start"` \| `"top"` \| `"top-end"` \| `"top-start"` | `top` | Положение поповера относительно своего триггера (children). |
-| `safeArea` | `boolean` | `true` | Резервировать ли место под iOS notch / home-indicator и Android nav-bar. Реализовано паддингом <br/> на `.content` через `env(safe-area-inset-*)`: на устройстве без выреза/индикатора (и на desktop) <br/> inset = 0, поэтому никакого «лишнего» отступа не появляется; на notched-устройстве — ровно нужный. <br/> Верхний отступ добавляется только когда sheet раскрыт на полный вьюпорт (его верх под notch). |
 | `scroll` | `boolean` | — | Включить ли скролл для основной части списка |
 | `scrollContainerClassName` | `string` | — | CSS-класс для scroll обертки основного списка айтемов |
 | `scrollContainerRef` | `Ref<HTMLElement>` | — | Ссылка на контейнер, который скроллится |

package/dist/cjs/components/Lists/types.d.ts

@@ -162,7 +162,7 @@ type DroplistMobileSlots = {
  * (список size `l` в `BottomSheet`), иначе — `DesktopDroplist` (анкорный popover). Mobile-слоты
  * применяются только на mobile.
  */
-export type DroplistProps = BaseDroplistProps & DroplistMobileSlots & Pick<BottomSheetProps, 'snapPoints' | 'safeArea' | 'withDividers'>;
+export type DroplistProps = BaseDroplistProps & DroplistMobileSlots & Pick<BottomSheetProps, 'snapPoints' | 'withDividers'>;
 /**
  * Props адаптивного `ReorderableDroplist`: props `ReorderableList` + popover/mobile-обвязка
  * `Droplist`. Отдельный компонент по той же причине, что и `ReorderableList`.
@@ -174,7 +174,7 @@ export type DroplistImplProps = DesktopDroplistProps & DroplistMobileSlots;
  * @internal Props mobile-реализации (`BottomSheet`): реализация дроплиста без popover-пропов
  * + mobile-слоты.
  */
-export type MobileDroplistProps = Omit<DesktopDroplistProps, 'trigger' | 'placement' | 'widthStrategy' | 'triggerElemRef' | 'listRef' | 'triggerClassName'> & Pick<BottomSheetProps, 'snapPoints' | 'safeArea' | 'withDividers'> & DroplistMobileSlots;
+export type MobileDroplistProps = Omit<DesktopDroplistProps, 'trigger' | 'placement' | 'widthStrategy' | 'triggerElemRef' | 'listRef' | 'triggerClassName'> & Pick<BottomSheetProps, 'snapPoints' | 'withDividers'> & DroplistMobileSlots;
 export type ListPrivateProps = Omit<ListImplProps, 'pinTop' | 'pinBottom' | 'items' | 'hasListInFocusChain' | 'onItemsReorder' | 'virtualized'> & {
     nested?: boolean;
     active?: boolean;

package/dist/cjs/helperComponents/MobileDroplist/MobileDroplist.d.ts

@@ -6,4 +6,4 @@ import { MobileDroplistProps } from '../../components/Lists/types';
  * вложенного списка, в шапке появляется его заголовок и кнопка «назад». Internal — наружу не реэкспортится;
  * рендерится адаптивным `Droplist` на `layoutType='mobile'`.
  */
-export declare function MobileDroplist({ items, selection, open: openProp, onOpenChange, children, search, label, actionButton, slotAfterTitle, onBackButtonClick, virtualized, closeDroplistOnItemClick, scroll, container, closeOnPopstate, size, snapPoints, footer, onItemsReorder, safeArea, withDividers, ...rest }: MobileDroplistProps): import("react/jsx-runtime").JSX.Element;
+export declare function MobileDroplist({ items, selection, open: openProp, onOpenChange, children, search, label, actionButton, slotAfterTitle, onBackButtonClick, virtualized, closeDroplistOnItemClick, scroll, container, closeOnPopstate, size, snapPoints, footer, onItemsReorder, withDividers, ...rest }: MobileDroplistProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/MobileDroplist/MobileDroplist.js

@@ -25,7 +25,7 @@ function MobileDroplist({ items, selection, open: openProp, onOpenChange, childr
 // скроллятся вместе со списком). `header` + `headerDivider` / `footerDivider` НЕ деструктурируем —
 // они уходят в `...rest` на корневой `List` (он рендерит шапку и её divider).
 // `onItemsReorder` — только на корне: drill-down `next-list` ортогонален дереву `SimpleItem`.
-footer, onItemsReorder, safeArea, withDividers, ...rest }) {
+footer, onItemsReorder, withDividers, ...rest }) {
     const portalContext = (0, portal_context_1.usePortalContext)();
     const scrollRef = (0, react_1.useRef)(null);
     const [open = false, setIsOpen] = (0, utils_1.useValueControl)({ value: openProp, onChange: onOpenChange });
@@ -143,6 +143,6 @@ footer, onItemsReorder, safeArea, withDividers, ...rest }) {
                     container: container?.current ?? containerRef, open: isRoot ? open : true, 
                     // Dismiss (backdrop / swipe / Esc): на корне — закрыть весь droplist; глубже — вернуться на уровень вверх,
                     // как ждёт пользователь на mobile (а не закрывать всю цепочку разом).
-                    onClose: isRoot ? handleClose : popLevel, withDividers: withDividers, title: title, onBackButtonClick: handleBack, actionButton: isRoot ? actionButton : undefined, slotAfterTitle: isRoot ? slotAfterTitle : undefined, content: content, footer: isRoot ? footer : undefined, snapPoints: expanded ? [1] : snapPoints, closeOnPopstate: closeOnPopstate ?? true, safeArea: safeArea }, isRoot ? 'root' : String(item?.id ?? levelIndex)));
+                    onClose: isRoot ? handleClose : popLevel, withDividers: withDividers, title: title, onBackButtonClick: handleBack, actionButton: isRoot ? actionButton : undefined, slotAfterTitle: isRoot ? slotAfterTitle : undefined, content: content, footer: isRoot ? footer : undefined, snapPoints: expanded ? bottom_sheet_1.SNAP_POINTS_PRESET.full : snapPoints, closeOnPopstate: closeOnPopstate ?? true }, isRoot ? 'root' : String(item?.id ?? levelIndex)));
             })] }));
 }

package/dist/esm/components/Lists/types.d.ts

@@ -162,7 +162,7 @@ type DroplistMobileSlots = {
  * (список size `l` в `BottomSheet`), иначе — `DesktopDroplist` (анкорный popover). Mobile-слоты
  * применяются только на mobile.
  */
-export type DroplistProps = BaseDroplistProps & DroplistMobileSlots & Pick<BottomSheetProps, 'snapPoints' | 'safeArea' | 'withDividers'>;
+export type DroplistProps = BaseDroplistProps & DroplistMobileSlots & Pick<BottomSheetProps, 'snapPoints' | 'withDividers'>;
 /**
  * Props адаптивного `ReorderableDroplist`: props `ReorderableList` + popover/mobile-обвязка
  * `Droplist`. Отдельный компонент по той же причине, что и `ReorderableList`.
@@ -174,7 +174,7 @@ export type DroplistImplProps = DesktopDroplistProps & DroplistMobileSlots;
  * @internal Props mobile-реализации (`BottomSheet`): реализация дроплиста без popover-пропов
  * + mobile-слоты.
  */
-export type MobileDroplistProps = Omit<DesktopDroplistProps, 'trigger' | 'placement' | 'widthStrategy' | 'triggerElemRef' | 'listRef' | 'triggerClassName'> & Pick<BottomSheetProps, 'snapPoints' | 'safeArea' | 'withDividers'> & DroplistMobileSlots;
+export type MobileDroplistProps = Omit<DesktopDroplistProps, 'trigger' | 'placement' | 'widthStrategy' | 'triggerElemRef' | 'listRef' | 'triggerClassName'> & Pick<BottomSheetProps, 'snapPoints' | 'withDividers'> & DroplistMobileSlots;
 export type ListPrivateProps = Omit<ListImplProps, 'pinTop' | 'pinBottom' | 'items' | 'hasListInFocusChain' | 'onItemsReorder' | 'virtualized'> & {
     nested?: boolean;
     active?: boolean;

package/dist/esm/helperComponents/MobileDroplist/MobileDroplist.d.ts

@@ -6,4 +6,4 @@ import { MobileDroplistProps } from '../../components/Lists/types.js';
  * вложенного списка, в шапке появляется его заголовок и кнопка «назад». Internal — наружу не реэкспортится;
  * рендерится адаптивным `Droplist` на `layoutType='mobile'`.
  */
-export declare function MobileDroplist({ items, selection, open: openProp, onOpenChange, children, search, label, actionButton, slotAfterTitle, onBackButtonClick, virtualized, closeDroplistOnItemClick, scroll, container, closeOnPopstate, size, snapPoints, footer, onItemsReorder, safeArea, withDividers, ...rest }: MobileDroplistProps): import("react/jsx-runtime").JSX.Element;
+export declare function MobileDroplist({ items, selection, open: openProp, onOpenChange, children, search, label, actionButton, slotAfterTitle, onBackButtonClick, virtualized, closeDroplistOnItemClick, scroll, container, closeOnPopstate, size, snapPoints, footer, onItemsReorder, withDividers, ...rest }: MobileDroplistProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/MobileDroplist/MobileDroplist.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { BottomSheet } from '@cloud-ru/ds-bottom-sheet';
+import { BottomSheet, SNAP_POINTS_PRESET } from '@cloud-ru/ds-bottom-sheet';
 import { usePortalContext } from '@cloud-ru/ds-portal-context';
 import { useValueControl } from '@cloud-ru/ds-utils';
 import { cloneElement, isValidElement, useMemo, useRef, useState } from 'react';
@@ -19,7 +19,7 @@ export function MobileDroplist({ items, selection, open: openProp, onOpenChange,
 // скроллятся вместе со списком). `header` + `headerDivider` / `footerDivider` НЕ деструктурируем —
 // они уходят в `...rest` на корневой `List` (он рендерит шапку и её divider).
 // `onItemsReorder` — только на корне: drill-down `next-list` ортогонален дереву `SimpleItem`.
-footer, onItemsReorder, safeArea, withDividers, ...rest }) {
+footer, onItemsReorder, withDividers, ...rest }) {
     const portalContext = usePortalContext();
     const scrollRef = useRef(null);
     const [open = false, setIsOpen] = useValueControl({ value: openProp, onChange: onOpenChange });
@@ -137,6 +137,6 @@ footer, onItemsReorder, safeArea, withDividers, ...rest }) {
                     container: container?.current ?? containerRef, open: isRoot ? open : true, 
                     // Dismiss (backdrop / swipe / Esc): на корне — закрыть весь droplist; глубже — вернуться на уровень вверх,
                     // как ждёт пользователь на mobile (а не закрывать всю цепочку разом).
-                    onClose: isRoot ? handleClose : popLevel, withDividers: withDividers, title: title, onBackButtonClick: handleBack, actionButton: isRoot ? actionButton : undefined, slotAfterTitle: isRoot ? slotAfterTitle : undefined, content: content, footer: isRoot ? footer : undefined, snapPoints: expanded ? [1] : snapPoints, closeOnPopstate: closeOnPopstate ?? true, safeArea: safeArea }, isRoot ? 'root' : String(item?.id ?? levelIndex)));
+                    onClose: isRoot ? handleClose : popLevel, withDividers: withDividers, title: title, onBackButtonClick: handleBack, actionButton: isRoot ? actionButton : undefined, slotAfterTitle: isRoot ? slotAfterTitle : undefined, content: content, footer: isRoot ? footer : undefined, snapPoints: expanded ? SNAP_POINTS_PRESET.full : snapPoints, closeOnPopstate: closeOnPopstate ?? true }, isRoot ? 'root' : String(item?.id ?? levelIndex)));
             })] }));
 }