@cloud-ru/ds-list 2.3.3-preview-a22f149a.0 → 2.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloud-ru/ds-list",
-  "version": "2.3.3-preview-a22f149a.0",
+  "version": "2.3.4",
   "description": "Списочный UI — компонент List для плоских/вложенных списков с выбором, группами и поиском и Droplist — тот же список в поповере.",
   "repository": {
     "type": "git",
@@ -48,24 +48,24 @@
     "@tanstack/react-virtual": "^3.14.8",
     "classnames": "^2.5.1",
     "merge-refs": "^2.0.0",
-    "@cloud-ru/ds-adaptive": "1.0.2",
-    "@cloud-ru/ds-button": "1.0.4",
-    "@cloud-ru/ds-divider": "1.0.2",
-    "@cloud-ru/ds-drag-and-drop": "1.1.3",
-    "@cloud-ru/ds-dropdown": "1.1.2-preview-a22f149a.0",
-    "@cloud-ru/ds-bottom-sheet": "2.0.1-preview-a22f149a.0",
-    "@cloud-ru/ds-icons": "1.5.1-preview-a22f149a.0",
-    "@cloud-ru/ds-info-block": "1.0.3",
-    "@cloud-ru/ds-loader": "1.0.3",
-    "@cloud-ru/ds-materials": "2.0.1",
-    "@cloud-ru/ds-portal-context": "1.0.2",
-    "@cloud-ru/ds-scroll": "1.0.5",
-    "@cloud-ru/ds-search-private": "1.0.15-preview-a22f149a.0",
-    "@cloud-ru/ds-truncate-string": "1.0.13-preview-a22f149a.0",
-    "@cloud-ru/ds-toggles": "1.1.10-preview-a22f149a.0",
-    "@cloud-ru/ds-utils": "1.2.0"
+    "@cloud-ru/ds-adaptive": "^1.0.2",
+    "@cloud-ru/ds-bottom-sheet": "^2.0.1",
+    "@cloud-ru/ds-button": "^1.0.4",
+    "@cloud-ru/ds-divider": "^1.0.2",
+    "@cloud-ru/ds-drag-and-drop": "^1.1.3",
+    "@cloud-ru/ds-dropdown": "^1.1.2",
+    "@cloud-ru/ds-icons": "^1.5.1",
+    "@cloud-ru/ds-info-block": "^1.0.3",
+    "@cloud-ru/ds-loader": "^1.0.3",
+    "@cloud-ru/ds-materials": "^2.0.1",
+    "@cloud-ru/ds-portal-context": "^1.0.2",
+    "@cloud-ru/ds-scroll": "^1.0.5",
+    "@cloud-ru/ds-toggles": "^1.1.10",
+    "@cloud-ru/ds-truncate-string": "^1.0.13",
+    "@cloud-ru/ds-search-private": "^1.0.15",
+    "@cloud-ru/ds-utils": "^1.2.0"
   },
   "peerDependencies": {
-    "@cloud-ru/ds-locale": "1.0.0"
+    "@cloud-ru/ds-locale": "^1.0.0"
   }
 }

package/src/components/Lists/List/List.tsx

@@ -5,19 +5,22 @@ import { ForwardedRef, forwardRef, KeyboardEvent, useCallback, useMemo, useRef }
 
 import { DEFAULT_SIZE } from '../../../constants';
 import { HiddenTabButton } from '../../../helperComponents';
+import { Item } from '../../Items';
 import { CollapseContext, FocusListContext, NewListContextProvider, SelectionProvider } from '../contexts';
 import { useListItemsModel, useNewKeyboardNavigation } from '../hooks';
 import { ListPrivate } from '../ListPrivate';
 import styles from '../styles.module.scss';
 import { ListImplProps, ListProps, ReorderableListProps } from '../types';
 
+const EMPTY_ITEMS: Item[] = [];
+
 const ListImpl = forwardRef(
   (
     {
-      items: itemsProp = [],
+      items: itemsProp = EMPTY_ITEMS,
       search,
-      pinBottom: pinBottomProp = [],
-      pinTop: pinTopProp = [],
+      pinBottom: pinBottomProp = EMPTY_ITEMS,
+      pinTop: pinTopProp = EMPTY_ITEMS,
       footerActiveElementsRefs,
       onKeyDown,
       tabIndex = 0,

package/src/components/Lists/ListPrivate/ListPrivate.tsx

@@ -17,7 +17,7 @@ import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrate
 import { Spinner } from '@cloud-ru/ds-loader';
 import { usePortalContext } from '@cloud-ru/ds-portal-context';
 import { Scroll } from '@cloud-ru/ds-scroll';
-import { extractSupportProps, isBrowser, useLayoutEffect } from '@cloud-ru/ds-utils';
+import { extractSupportProps, isBrowser, isNil, useLayoutEffect } from '@cloud-ru/ds-utils';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import cn from 'classnames';
 import mergeRefs from 'merge-refs';
@@ -174,6 +174,7 @@ export const ListPrivate = forwardRef(
     const portalRoot = usePortalContext();
 
     const innerScrollRef = useRef<HTMLElement | null>(null);
+    const lastCenteredItemRef = useRef<{ id: ItemId; container: HTMLElement } | null>(null);
     // `@cloud-ru/ds-scroll` (OverlayScrollbars) разрешает свой ref в viewport-элемент только после
     // инициализации инстанса. До этого `innerScrollRef.current` === null, и виртуализатор
     // не получает scroll-элемент → рендерит пустой контейнер. Флаг поднимается из
@@ -198,12 +199,12 @@ export const ListPrivate = forwardRef(
         selectedItem: undefined,
       };
 
-      if (!scrollToSelectedItem || !value) {
+      if (!scrollToSelectedItem || isNil(value)) {
         return result;
       }
 
       const selectedItem = isSelectionSingle ? flattenItems[value] : flattenItems[value[0]];
-      if (!selectedItem?.id) {
+      if (!selectedItem || isNil(selectedItem.id)) {
         return result;
       }
 
@@ -330,7 +331,8 @@ export const ListPrivate = forwardRef(
     // ведут эффекты выше через виртуализатор, поэтому здесь только `!virtualized`. Хелпер тот
     // же `centerItemInScrollContainer` — обычному листу отдельный виртуализатор не нужен.
     useEffect(() => {
-      if (virtualized || !scroll || !scrollToSelectedItem || !scrollElementReady) {
+      if (virtualized || !scroll || !scrollToSelectedItem || !scrollElementReady || !selectedItem) {
+        lastCenteredItemRef.current = null;
         return;
       }
 
@@ -340,7 +342,15 @@ export const ListPrivate = forwardRef(
         return;
       }
 
+      if (
+        lastCenteredItemRef.current?.id === selectedItem.originalId &&
+        lastCenteredItemRef.current.container === container
+      ) {
+        return;
+      }
+
       centerItemInScrollContainer(container, item);
+      lastCenteredItemRef.current = { id: selectedItem.originalId, container };
     }, [virtualized, scroll, scrollToSelectedItem, scrollElementReady, selectedItem]);
 
     const loadingJSX = useMemo(