@cloud-ru/ds-list 2.2.6 → 2.2.7-preview-b163635c.0

package/README.md

@@ -990,6 +990,7 @@ export function DroplistWithHeader() {
 | `untouchableScrollbars` | `boolean` | — | Отключает возможность взаимодействовать со скролбарами мышью. |
 | `virtualized` | `boolean` | — | Включить виртуализацию элементов списка. Рекомендуется при количестве элементов от 1000. |
 | `widthStrategy` | `"auto"` \| `"eq"` \| `"gte"` | `auto` | Стратегия управления шириной контейнера поповера <br/> - `auto` - соответствует ширине контента, <br/> - `gte` - Great Than or Equal, равен ширине таргета или больше ее, если контент в поповере шире, <br/> - `eq` - Equal, строго равен ширине таргета. |
+| `withDividers` | `boolean` | `true` | Тонкие линии между topBar↔body и body↔footer: разграничивают закреплённые шапку и подвал <br/> от прокручиваемого под ними содержимого. Передайте `false`, чтобы убрать обе линии. |
 
 ##### Related types
 

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'>;
+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'> & 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, ...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, ...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, ...rest }) {
                     container: container?.current ?? containerRef, open: isRoot ? open : true, 
                     // Dismiss (backdrop / swipe / Esc): на корне — закрыть весь droplist; глубже — вернуться на уровень вверх,
                     // как ждёт пользователь на mobile (а не закрывать всю цепочку разом).
-                    onClose: isRoot ? handleClose : popLevel, withDividers: true, 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 }, 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/cjs/index.d.ts

@@ -7,3 +7,4 @@ export { getDefaultItemId, getFooterItemId, getItemAutoId } from './utils';
 export * from './constants';
 export { setNonce } from '@cloud-ru/ds-scroll';
 export * from './locale';
+export { SNAP_POINTS_PRESET } from '@cloud-ru/ds-bottom-sheet';

package/dist/cjs/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setNonce = exports.getItemAutoId = exports.getFooterItemId = exports.getDefaultItemId = exports.NewListContextProvider = exports.kindFlattenItems = void 0;
+exports.SNAP_POINTS_PRESET = exports.setNonce = exports.getItemAutoId = exports.getFooterItemId = exports.getDefaultItemId = exports.NewListContextProvider = exports.kindFlattenItems = void 0;
 __exportStar(require("./components"), exports);
 __exportStar(require("./types"), exports);
 var Items_1 = require("./components/Items");
@@ -35,3 +35,5 @@ __exportStar(require("./constants"), exports);
 var scroll_1 = require("@cloud-ru/ds-scroll");
 Object.defineProperty(exports, "setNonce", { enumerable: true, get: function () { return scroll_1.setNonce; } });
 __exportStar(require("./locale"), exports);
+var bottom_sheet_1 = require("@cloud-ru/ds-bottom-sheet");
+Object.defineProperty(exports, "SNAP_POINTS_PRESET", { enumerable: true, get: function () { return bottom_sheet_1.SNAP_POINTS_PRESET; } });

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'>;
+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'> & 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, ...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, ...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, ...rest }) {
                     container: container?.current ?? containerRef, open: isRoot ? open : true, 
                     // Dismiss (backdrop / swipe / Esc): на корне — закрыть весь droplist; глубже — вернуться на уровень вверх,
                     // как ждёт пользователь на mobile (а не закрывать всю цепочку разом).
-                    onClose: isRoot ? handleClose : popLevel, withDividers: true, 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 }, 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)));
             })] }));
 }

package/dist/esm/index.d.ts

@@ -7,3 +7,4 @@ export { getDefaultItemId, getFooterItemId, getItemAutoId } from './utils.js';
 export * from './constants.js';
 export { setNonce } from '@cloud-ru/ds-scroll';
 export * from './locale/index.js';
+export { SNAP_POINTS_PRESET } from '@cloud-ru/ds-bottom-sheet';

package/dist/esm/index.js

@@ -12,3 +12,4 @@ export { getDefaultItemId, getFooterItemId, getItemAutoId } from './utils.js';
 export * from './constants.js';
 export { setNonce } from '@cloud-ru/ds-scroll';
 export * from './locale/index.js';
+export { SNAP_POINTS_PRESET } from '@cloud-ru/ds-bottom-sheet';