@cloud-ru/ds-list 2.0.3-preview-6a131ef8.0 → 2.0.3

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 2.0.3 (2026-08-28)
+
+**Note:** Version bump only for package @ds/list
+
 ## 2.0.2 (2026-08-27)
 
 ### Bug Fixes

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

@@ -29,9 +29,7 @@ footer, onItemsReorder, ...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 });
-    // Стек заходов во вложенные next-list'ы: индексный путь от корня на каждый уровень.
-    // Пустой — корневой уровень. Хранится путь, а не сам айтем: айтемы пересобираются на каждом
-    // рендере, и сохранённая копия оставила бы открытый sheet в устаревшем состоянии.
+    // Стек заходов во вложенные next-list'ы. Пустой — корневой уровень.
     const [path, setPath] = (0, react_1.useState)([]);
     const handleClose = () => {
         setIsOpen(false);
@@ -93,10 +91,7 @@ footer, onItemsReorder, ...rest }) {
     const containerRef = portalContext.current ?? undefined;
     // Каскад sheet'ов: корень + по одному sheet'у на каждый заход в next-list. Каждый накладывается
     // поверх предыдущего (свой backdrop), а не заменяет его содержимое. Назад — закрывает верхний.
-    const sheets = [{ source: items, title: label, item: undefined }].concat(path.map(indexPath => {
-        const item = (0, utils_2.resolveItemByPath)(items, indexPath);
-        return { source: (item?.items ?? []), title: (0, utils_2.nextListOption)(item), item };
-    }));
+    const sheets = [{ source: items, title: label, item: undefined }].concat(path.map(item => ({ source: item.items, title: (0, utils_2.nextListOption)(item), item })));
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [trigger, sheets.map(({ source, title, item }, levelIndex) => {
                 const isRoot = levelIndex === 0;
                 // Режим переупорядочивания (`onItemsReorder`) — только корень: дерево
@@ -105,7 +100,7 @@ footer, onItemsReorder, ...rest }) {
                 const reorderRoot = Boolean(isRoot && onItemsReorder);
                 const levelItems = reorderRoot
                     ? undefined
-                    : (0, utils_2.buildLevelItems)(source, relativePath => setPath(prev => [...prev.slice(0, levelIndex), [...(prev[levelIndex - 1] ?? []), ...relativePath]]), handleClose, closeOnClick);
+                    : (0, utils_2.buildLevelItems)(source, next => setPath(prev => [...prev.slice(0, levelIndex), next]), handleClose, closeOnClick);
                 // Поиск/виртуализация/footer/actions — только на корне; sublists всегда статичны по контенту.
                 const searchable = isRoot && Boolean(search);
                 const expanded = searchable || (isRoot && virtualized);

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

@@ -1,18 +1,11 @@
 import { Item, NextListItem } from '../../components/Items';
-/**
- * Айтем уровня по индексному пути от корня. Путь разрешается на каждом рендере по актуальным
- * `items`: иначе открытый sheet сохранял бы копию айтема, полученную при заходе во вложенный
- * список, и не отражал бы её последующие изменения (например, смену выбранной строки).
- */
-export declare function resolveItemByPath(items: Item[], indexPath: number[]): NextListItem | undefined;
 /** Текст `label` next-list-айтема — заголовок шапки sheet'а при заходе во вложенный список. */
-export declare function nextListOption(item?: NextListItem): string | undefined;
+export declare function nextListOption(item: NextListItem): string | undefined;
 /**
  * Готовит айтемы текущего уровня sheet'а:
  * - `next-list` превращается в базовый айтем с шевроном `>`, клик по которому уводит на уровень вложенного
  *   списка (drill-down), а не открывает второй BottomSheet (десктопный nested-popover на mobile неприменим);
- *   позиция айтема передаётся в `onDrill` индексным путём — уровень разрешается по актуальным `items`;
  * - `group` / `group-select` / `collapse` рекурсивно обрабатываются (внутри них тоже может быть `next-list`);
  * - базовые айтемы (action-меню без `selection`) при `closeOnClick` закрывают sheet по клику.
  */
-export declare function buildLevelItems(items: Item[], onDrill: (indexPath: number[]) => void, onClose: () => void, closeOnClick: boolean, basePath?: number[]): Item[];
+export declare function buildLevelItems(items: Item[], onDrill: (item: NextListItem) => void, onClose: () => void, closeOnClick: boolean): Item[];

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

@@ -1,32 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.resolveItemByPath = resolveItemByPath;
 exports.nextListOption = nextListOption;
 exports.buildLevelItems = buildLevelItems;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const system_1 = require("@cloud-ru/ds-icons/interface/system");
 const constants_1 = require("../../constants");
-/**
- * Айтем уровня по индексному пути от корня. Путь разрешается на каждом рендере по актуальным
- * `items`: иначе открытый sheet сохранял бы копию айтема, полученную при заходе во вложенный
- * список, и не отражал бы её последующие изменения (например, смену выбранной строки).
- */
-function resolveItemByPath(items, indexPath) {
-    let source = items;
-    let node;
-    for (const index of indexPath) {
-        node = source?.[index];
-        if (!node || typeof node !== 'object' || !('items' in node)) {
-            source = undefined;
-            continue;
-        }
-        source = node.items;
-    }
-    return node;
-}
 /** Текст `label` next-list-айтема — заголовок шапки sheet'а при заходе во вложенный список. */
 function nextListOption(item) {
-    const content = item?.content;
+    const { content } = item;
     if (content && typeof content === 'object' && 'label' in content) {
         return String(content.label);
     }
@@ -36,13 +17,11 @@ function nextListOption(item) {
  * Готовит айтемы текущего уровня sheet'а:
  * - `next-list` превращается в базовый айтем с шевроном `>`, клик по которому уводит на уровень вложенного
  *   списка (drill-down), а не открывает второй BottomSheet (десктопный nested-popover на mobile неприменим);
- *   позиция айтема передаётся в `onDrill` индексным путём — уровень разрешается по актуальным `items`;
  * - `group` / `group-select` / `collapse` рекурсивно обрабатываются (внутри них тоже может быть `next-list`);
  * - базовые айтемы (action-меню без `selection`) при `closeOnClick` закрывают sheet по клику.
  */
-function buildLevelItems(items, onDrill, onClose, closeOnClick, basePath = []) {
-    return items.map((item, index) => {
-        const indexPath = [...basePath, index];
+function buildLevelItems(items, onDrill, onClose, closeOnClick) {
+    return items.map(item => {
         if (item && typeof item === 'object' && 'type' in item) {
             if (item.type === constants_1.ITEM_TYPE.NextList) {
                 const next = item;
@@ -63,12 +42,12 @@ function buildLevelItems(items, onDrill, onClose, closeOnClick, basePath = []) {
                     afterContent: (0, jsx_runtime_1.jsx)(system_1.ChevronRightSVG, {}),
                     onClick: (event) => {
                         next.onClick?.(event);
-                        onDrill(indexPath);
+                        onDrill(next);
                     },
                 };
             }
             if (item.type === constants_1.ITEM_TYPE.Group || item.type === constants_1.ITEM_TYPE.GroupSelect || item.type === constants_1.ITEM_TYPE.Collapse) {
-                return { ...item, items: buildLevelItems(item.items, onDrill, onClose, closeOnClick, indexPath) };
+                return { ...item, items: buildLevelItems(item.items, onDrill, onClose, closeOnClick) };
             }
         }
         if (closeOnClick && item && typeof item === 'object' && 'onClick' in item) {

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

@@ -6,7 +6,7 @@ import { cloneElement, isValidElement, useMemo, useRef, useState } from 'react';
 import { List, ReorderableList } from '../../components/Lists/List/index.js';
 import { TEST_IDS } from '../../constants.js';
 import styles from './MobileDroplist.module.css';
-import { buildLevelItems, nextListOption, resolveItemByPath } from './utils.js';
+import { buildLevelItems, nextListOption } from './utils.js';
 /**
  * Mobile-вариант `Droplist`: рендерит `List` (в переданном `size`) внутри `BottomSheet` из `@cloud-ru/ds-bottom-sheet`.
  * Триггер (`children`) клонируется для открытия sheet'а по клику/Enter/Space. `next-list`-айтемы на mobile
@@ -23,9 +23,7 @@ footer, onItemsReorder, ...rest }) {
     const portalContext = usePortalContext();
     const scrollRef = useRef(null);
     const [open = false, setIsOpen] = useValueControl({ value: openProp, onChange: onOpenChange });
-    // Стек заходов во вложенные next-list'ы: индексный путь от корня на каждый уровень.
-    // Пустой — корневой уровень. Хранится путь, а не сам айтем: айтемы пересобираются на каждом
-    // рендере, и сохранённая копия оставила бы открытый sheet в устаревшем состоянии.
+    // Стек заходов во вложенные next-list'ы. Пустой — корневой уровень.
     const [path, setPath] = useState([]);
     const handleClose = () => {
         setIsOpen(false);
@@ -87,10 +85,7 @@ footer, onItemsReorder, ...rest }) {
     const containerRef = portalContext.current ?? undefined;
     // Каскад sheet'ов: корень + по одному sheet'у на каждый заход в next-list. Каждый накладывается
     // поверх предыдущего (свой backdrop), а не заменяет его содержимое. Назад — закрывает верхний.
-    const sheets = [{ source: items, title: label, item: undefined }].concat(path.map(indexPath => {
-        const item = resolveItemByPath(items, indexPath);
-        return { source: (item?.items ?? []), title: nextListOption(item), item };
-    }));
+    const sheets = [{ source: items, title: label, item: undefined }].concat(path.map(item => ({ source: item.items, title: nextListOption(item), item })));
     return (_jsxs(_Fragment, { children: [trigger, sheets.map(({ source, title, item }, levelIndex) => {
                 const isRoot = levelIndex === 0;
                 // Режим переупорядочивания (`onItemsReorder`) — только корень: дерево
@@ -99,7 +94,7 @@ footer, onItemsReorder, ...rest }) {
                 const reorderRoot = Boolean(isRoot && onItemsReorder);
                 const levelItems = reorderRoot
                     ? undefined
-                    : buildLevelItems(source, relativePath => setPath(prev => [...prev.slice(0, levelIndex), [...(prev[levelIndex - 1] ?? []), ...relativePath]]), handleClose, closeOnClick);
+                    : buildLevelItems(source, next => setPath(prev => [...prev.slice(0, levelIndex), next]), handleClose, closeOnClick);
                 // Поиск/виртуализация/footer/actions — только на корне; sublists всегда статичны по контенту.
                 const searchable = isRoot && Boolean(search);
                 const expanded = searchable || (isRoot && virtualized);

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

@@ -1,18 +1,11 @@
 import { Item, NextListItem } from '../../components/Items/index.js';
-/**
- * Айтем уровня по индексному пути от корня. Путь разрешается на каждом рендере по актуальным
- * `items`: иначе открытый sheet сохранял бы копию айтема, полученную при заходе во вложенный
- * список, и не отражал бы её последующие изменения (например, смену выбранной строки).
- */
-export declare function resolveItemByPath(items: Item[], indexPath: number[]): NextListItem | undefined;
 /** Текст `label` next-list-айтема — заголовок шапки sheet'а при заходе во вложенный список. */
-export declare function nextListOption(item?: NextListItem): string | undefined;
+export declare function nextListOption(item: NextListItem): string | undefined;
 /**
  * Готовит айтемы текущего уровня sheet'а:
  * - `next-list` превращается в базовый айтем с шевроном `>`, клик по которому уводит на уровень вложенного
  *   списка (drill-down), а не открывает второй BottomSheet (десктопный nested-popover на mobile неприменим);
- *   позиция айтема передаётся в `onDrill` индексным путём — уровень разрешается по актуальным `items`;
  * - `group` / `group-select` / `collapse` рекурсивно обрабатываются (внутри них тоже может быть `next-list`);
  * - базовые айтемы (action-меню без `selection`) при `closeOnClick` закрывают sheet по клику.
  */
-export declare function buildLevelItems(items: Item[], onDrill: (indexPath: number[]) => void, onClose: () => void, closeOnClick: boolean, basePath?: number[]): Item[];
+export declare function buildLevelItems(items: Item[], onDrill: (item: NextListItem) => void, onClose: () => void, closeOnClick: boolean): Item[];

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

@@ -1,27 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ChevronRightSVG } from '@cloud-ru/ds-icons/interface/system';
 import { ITEM_TYPE } from '../../constants.js';
-/**
- * Айтем уровня по индексному пути от корня. Путь разрешается на каждом рендере по актуальным
- * `items`: иначе открытый sheet сохранял бы копию айтема, полученную при заходе во вложенный
- * список, и не отражал бы её последующие изменения (например, смену выбранной строки).
- */
-export function resolveItemByPath(items, indexPath) {
-    let source = items;
-    let node;
-    for (const index of indexPath) {
-        node = source?.[index];
-        if (!node || typeof node !== 'object' || !('items' in node)) {
-            source = undefined;
-            continue;
-        }
-        source = node.items;
-    }
-    return node;
-}
 /** Текст `label` next-list-айтема — заголовок шапки sheet'а при заходе во вложенный список. */
 export function nextListOption(item) {
-    const content = item?.content;
+    const { content } = item;
     if (content && typeof content === 'object' && 'label' in content) {
         return String(content.label);
     }
@@ -31,13 +13,11 @@ export function nextListOption(item) {
  * Готовит айтемы текущего уровня sheet'а:
  * - `next-list` превращается в базовый айтем с шевроном `>`, клик по которому уводит на уровень вложенного
  *   списка (drill-down), а не открывает второй BottomSheet (десктопный nested-popover на mobile неприменим);
- *   позиция айтема передаётся в `onDrill` индексным путём — уровень разрешается по актуальным `items`;
  * - `group` / `group-select` / `collapse` рекурсивно обрабатываются (внутри них тоже может быть `next-list`);
  * - базовые айтемы (action-меню без `selection`) при `closeOnClick` закрывают sheet по клику.
  */
-export function buildLevelItems(items, onDrill, onClose, closeOnClick, basePath = []) {
-    return items.map((item, index) => {
-        const indexPath = [...basePath, index];
+export function buildLevelItems(items, onDrill, onClose, closeOnClick) {
+    return items.map(item => {
         if (item && typeof item === 'object' && 'type' in item) {
             if (item.type === ITEM_TYPE.NextList) {
                 const next = item;
@@ -58,12 +38,12 @@ export function buildLevelItems(items, onDrill, onClose, closeOnClick, basePath
                     afterContent: _jsx(ChevronRightSVG, {}),
                     onClick: (event) => {
                         next.onClick?.(event);
-                        onDrill(indexPath);
+                        onDrill(next);
                     },
                 };
             }
             if (item.type === ITEM_TYPE.Group || item.type === ITEM_TYPE.GroupSelect || item.type === ITEM_TYPE.Collapse) {
-                return { ...item, items: buildLevelItems(item.items, onDrill, onClose, closeOnClick, indexPath) };
+                return { ...item, items: buildLevelItems(item.items, onDrill, onClose, closeOnClick) };
             }
         }
         if (closeOnClick && item && typeof item === 'object' && 'onClick' in item) {