@snack-uikit/list 0.32.14-preview-710d42ae.0 → 0.32.14-preview-c4cc1815.0

package/README.md

@@ -197,8 +197,8 @@ function Example() {
 | marker | `boolean` | true | Отображать ли маркер у выбранного жлемента списка |
 | contentRender | `(props: ContentRenderProps) => ReactNode` | - | Рендер функция основного контента айтема |
 | scroll | `boolean` | - | Включить ли скролл для основной части списка |
-| scrollRef | `RefObject<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
-| scrollContainerRef | `RefObject<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
+| scrollRef | `Ref<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
+| scrollContainerRef | `Ref<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
 | untouchableScrollbars | `boolean` | - | Отключает возможность взаимодействовать со скролбарами мышью. |
 | barHideStrategy | enum BarHideStrategy: `"scroll"`, `"move"`, `"never"`, `"leave"` | - | Управление скрытием скролл баров: <br> - `Never` - показывать всегда <br> - `Leave` - скрывать когда курсор покидает компонент <br> - `Scroll` - показывать только когда происходит скроллинг <br> - `Move` - показывать при движении курсора над компонентом |
 | onScroll | `(event?: Event) => void` | - | Колбек на скролл прокручиваемого списка |
@@ -232,8 +232,8 @@ function Example() {
 | marker | `boolean` | true | Отображать ли маркер у выбранного жлемента списка |
 | contentRender | `(props: ContentRenderProps) => ReactNode` | - | Рендер функция основного контента айтема |
 | scroll | `boolean` | - | Включить ли скролл для основной части списка |
-| scrollRef | `RefObject<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
-| scrollContainerRef | `RefObject<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
+| scrollRef | `Ref<HTMLElement>` | - | Ссылка на элемент, обозначающий самый конец прокручиваемого списка |
+| scrollContainerRef | `Ref<HTMLElement>` | - | Ссылка на контейнер, который скроллится |
 | untouchableScrollbars | `boolean` | - | Отключает возможность взаимодействовать со скролбарами мышью. |
 | barHideStrategy | enum BarHideStrategy: `"scroll"`, `"move"`, `"never"`, `"leave"` | - | Управление скрытием скролл баров: <br> - `Never` - показывать всегда <br> - `Leave` - скрывать когда курсор покидает компонент <br> - `Scroll` - показывать только когда происходит скроллинг <br> - `Move` - показывать при движении курсора над компонентом |
 | onScroll | `(event?: Event) => void` | - | Колбек на скролл прокручиваемого списка |

package/dist/cjs/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, KeyboardEvent, RefObject } from 'react';
+import { ChangeEvent, KeyboardEvent, Ref } from 'react';
 import { ScrollProps as OriginalScrollProps } from '@snack-uikit/scroll';
 export type SearchState = {
     placeholder?: string;
@@ -11,9 +11,9 @@ export type ScrollProps = {
     /** Включить ли скролл для основной части списка */
     scroll?: boolean;
     /** Ссылка на элемент, обозначающий самый конец прокручиваемого списка */
-    scrollRef?: RefObject<HTMLElement>;
+    scrollRef?: Ref<HTMLElement>;
     /** Ссылка на контейнер, который скроллится */
-    scrollContainerRef?: RefObject<HTMLElement>;
+    scrollContainerRef?: Ref<HTMLElement>;
     /** Отключает возможность взаимодействовать со скролбарами мышью. */
     untouchableScrollbars?: boolean;
     /**

package/dist/esm/types.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, KeyboardEvent, RefObject } from 'react';
+import { ChangeEvent, KeyboardEvent, Ref } from 'react';
 import { ScrollProps as OriginalScrollProps } from '@snack-uikit/scroll';
 export type SearchState = {
     placeholder?: string;
@@ -11,9 +11,9 @@ export type ScrollProps = {
     /** Включить ли скролл для основной части списка */
     scroll?: boolean;
     /** Ссылка на элемент, обозначающий самый конец прокручиваемого списка */
-    scrollRef?: RefObject<HTMLElement>;
+    scrollRef?: Ref<HTMLElement>;
     /** Ссылка на контейнер, который скроллится */
-    scrollContainerRef?: RefObject<HTMLElement>;
+    scrollContainerRef?: Ref<HTMLElement>;
     /** Отключает возможность взаимодействовать со скролбарами мышью. */
     untouchableScrollbars?: boolean;
     /**

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "List",
-  "version": "0.32.14-preview-710d42ae.0",
+  "version": "0.32.14-preview-c4cc1815.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -42,7 +42,7 @@
     "@snack-uikit/icons": "0.27.6",
     "@snack-uikit/info-block": "0.6.37",
     "@snack-uikit/loaders": "0.9.10",
-    "@snack-uikit/scroll": "0.10.7-preview-710d42ae.0",
+    "@snack-uikit/scroll": "0.10.7-preview-c4cc1815.0",
     "@snack-uikit/search-private": "0.4.35",
     "@snack-uikit/toggles": "0.13.25",
     "@snack-uikit/truncate-string": "0.7.8",
@@ -54,5 +54,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "28b4ad0938162993b1dc2773929352ba19cf8067"
+  "gitHead": "54ce6a5a0651a18b2fa32e0d15bbb2968f7d8179"
 }

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

@@ -1,7 +1,7 @@
 import { useVirtualizer } from '@tanstack/react-virtual';
 import cn from 'classnames';
 import mergeRefs from 'merge-refs';
-import { ForwardedRef, forwardRef, RefObject, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { ForwardedRef, forwardRef, Ref, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
 import { Spinner } from '@snack-uikit/loaders';
 import { Scroll } from '@snack-uikit/scroll';
@@ -277,7 +277,7 @@ export const ListPrivate = forwardRef(
               scrollContainerClassName,
             )}
             barHideStrategy={barHideStrategy}
-            size={ 's' }
+            size={'s'}
             ref={mergeRefs(innerScrollRef, scrollContainerRef)}
             untouchableScrollbars={untouchableScrollbars}
             onScroll={onScroll}
@@ -285,7 +285,7 @@ export const ListPrivate = forwardRef(
           >
             {content}
 
-            <div className={styles.scrollStub} ref={scrollRef as RefObject<HTMLDivElement>} />
+            <div className={styles.scrollStub} ref={scrollRef as Ref<HTMLDivElement>} />
           </Scroll>
         ) : (
           <>{content}</>

package/src/types.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, KeyboardEvent, RefObject } from 'react';
+import { ChangeEvent, KeyboardEvent, Ref } from 'react';
 
 import { ScrollProps as OriginalScrollProps } from '@snack-uikit/scroll';
 
@@ -14,9 +14,9 @@ export type ScrollProps = {
   /** Включить ли скролл для основной части списка */
   scroll?: boolean;
   /** Ссылка на элемент, обозначающий самый конец прокручиваемого списка */
-  scrollRef?: RefObject<HTMLElement>;
+  scrollRef?: Ref<HTMLElement>;
   /** Ссылка на контейнер, который скроллится */
-  scrollContainerRef?: RefObject<HTMLElement>;
+  scrollContainerRef?: Ref<HTMLElement>;
   /** Отключает возможность взаимодействовать со скролбарами мышью. */
   untouchableScrollbars?: boolean;
   /**