@snack-uikit/list - npm Package Compare versions

Comparing version 0.25.1-preview-b5e187d5.0 to 0.26.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# 0.26.0 (2025-02-25)
+
+
+### Features
+
+* **PDS-1183:** add prop barHideStrategy for Scroll ([718a6e5](https://github.com/cloud-ru-tech/snack-uikit/commit/718a6e56331994eaaed0bf22e2b8437f67081abe))
+
+
+
+
+
 # 0.25.0 (2025-02-10)
@@ -8,0 +19,0 @@

dist/cjs/components/Lists/ListPrivate/ListPrivate.js

@@ -62,5 +62,6 @@ "use strict";
       virtualized = false,
-      scrollContainerClassName
+      scrollContainerClassName,
+      barHideStrategy = 'never'
     } = _a,
-    props = __rest(_a, ["items", "pinTop", "pinBottom", "onKeyDown", "onBlur", "onFocus", "tabIndex", "active", "scroll", "nested", "search", "searchItem", "scrollRef", "scrollContainerRef", "onScroll", "footer", "loading", "limitedScrollHeight", "untouchableScrollbars", "className", "noDataState", "noResultsState", "errorDataState", "dataError", "dataFiltered", "scrollToSelectedItem", "virtualized", "scrollContainerClassName"]);
+    props = __rest(_a, ["items", "pinTop", "pinBottom", "onKeyDown", "onBlur", "onFocus", "tabIndex", "active", "scroll", "nested", "search", "searchItem", "scrollRef", "scrollContainerRef", "onScroll", "footer", "loading", "limitedScrollHeight", "untouchableScrollbars", "className", "noDataState", "noResultsState", "errorDataState", "dataError", "dataFiltered", "scrollToSelectedItem", "virtualized", "scrollContainerClassName", "barHideStrategy"]);
   const {
@@ -174,3 +175,3 @@ size = 's',
       }, scrollContainerClassName),
-      barHideStrategy: 'never',
+      barHideStrategy: barHideStrategy,
       size: size === 's' ? 's' : 'm',
@@ -177,0 +178,0 @@ ref: ref => {

dist/cjs/types.d.ts

@@ -18,4 +18,12 @@ import { RefObject } from 'react';
     untouchableScrollbars?: boolean;
+    /**
+     * Управление скрытием скролл баров:
+     * <br> - `Never` - показывать всегда
+     * <br> - `Leave` - скрывать когда курсор покидает компонент
+     * <br> - `Scroll` - показывать только когда происходит скроллинг
+     * <br> - `Move` - показывать при движении курсора над компонентом
+     */
+    barHideStrategy?: OriginalScrollProps['barHideStrategy'];
     /** Колбек на скролл прокручиваемого списка */
     onScroll?: OriginalScrollProps['onScroll'];
 };

dist/esm/components/Lists/ListPrivate/ListPrivate.js

@@ -26,3 +26,3 @@ var __rest = (this && this.__rest) || function (s, e) {
 export const ListPrivate = forwardRef((_a, ref) => {
-    var { items, pinTop, pinBottom, onKeyDown, onBlur, onFocus, tabIndex, active, scroll, nested, search, searchItem, scrollRef, scrollContainerRef, onScroll, footer, loading, limitedScrollHeight, untouchableScrollbars, className, noDataState, noResultsState, errorDataState, dataError, dataFiltered, scrollToSelectedItem = false, virtualized = false, scrollContainerClassName } = _a, props = __rest(_a, ["items", "pinTop", "pinBottom", "onKeyDown", "onBlur", "onFocus", "tabIndex", "active", "scroll", "nested", "search", "searchItem", "scrollRef", "scrollContainerRef", "onScroll", "footer", "loading", "limitedScrollHeight", "untouchableScrollbars", "className", "noDataState", "noResultsState", "errorDataState", "dataError", "dataFiltered", "scrollToSelectedItem", "virtualized", "scrollContainerClassName"]);
+    var { items, pinTop, pinBottom, onKeyDown, onBlur, onFocus, tabIndex, active, scroll, nested, search, searchItem, scrollRef, scrollContainerRef, onScroll, footer, loading, limitedScrollHeight, untouchableScrollbars, className, noDataState, noResultsState, errorDataState, dataError, dataFiltered, scrollToSelectedItem = false, virtualized = false, scrollContainerClassName, barHideStrategy = 'never' } = _a, props = __rest(_a, ["items", "pinTop", "pinBottom", "onKeyDown", "onBlur", "onFocus", "tabIndex", "active", "scroll", "nested", "search", "searchItem", "scrollRef", "scrollContainerRef", "onScroll", "footer", "loading", "limitedScrollHeight", "untouchableScrollbars", "className", "noDataState", "noResultsState", "errorDataState", "dataError", "dataFiltered", "scrollToSelectedItem", "virtualized", "scrollContainerClassName", "barHideStrategy"]);
     const { size = 's', flattenItems, focusFlattenItems } = useNewListContext();
@@ -81,3 +81,3 @@ const { value, isSelectionSingle } = useSelectionContext();
                     [commonStyles.scrollContainerL]: scroll && limitedScrollHeight && size === 'l',
-                }, scrollContainerClassName), barHideStrategy: 'never', size: size === 's' ? 's' : 'm', ref: ref => {
+                }, scrollContainerClassName), barHideStrategy: barHideStrategy, size: size === 's' ? 's' : 'm', ref: ref => {
                     innerScrollRef.current = ref;
@@ -84,0 +84,0 @@ if (scrollContainerRef)

dist/esm/types.d.ts

@@ -18,4 +18,12 @@ import { RefObject } from 'react';
     untouchableScrollbars?: boolean;
+    /**
+     * Управление скрытием скролл баров:
+     * <br> - `Never` - показывать всегда
+     * <br> - `Leave` - скрывать когда курсор покидает компонент
+     * <br> - `Scroll` - показывать только когда происходит скроллинг
+     * <br> - `Move` - показывать при движении курсора над компонентом
+     */
+    barHideStrategy?: OriginalScrollProps['barHideStrategy'];
     /** Колбек на скролл прокручиваемого списка */
     onScroll?: OriginalScrollProps['onScroll'];
 };

package.json

@@ -7,3 +7,3 @@ {
   "title": "List",
-  "version": "0.25.1-preview-b5e187d5.0",
+  "version": "0.26.0",
   "sideEffects": [
@@ -43,9 +43,9 @@ "*.css",
     "@snack-uikit/dropdown": "0.4.5",
-    "@snack-uikit/icons": "0.24.3-preview-b5e187d5.0",
-    "@snack-uikit/info-block": "0.6.14-preview-b5e187d5.0",
+    "@snack-uikit/icons": "0.24.2",
+    "@snack-uikit/info-block": "0.6.13",
     "@snack-uikit/loaders": "0.9.1",
     "@snack-uikit/scroll": "0.9.3",
-    "@snack-uikit/search-private": "0.4.10-preview-b5e187d5.0",
-    "@snack-uikit/toggles": "0.13.6-preview-b5e187d5.0",
-    "@snack-uikit/truncate-string": "0.6.10-preview-b5e187d5.0",
+    "@snack-uikit/search-private": "0.4.9",
+    "@snack-uikit/toggles": "0.13.5",
+    "@snack-uikit/truncate-string": "0.6.9",
     "@snack-uikit/utils": "3.7.0",
@@ -59,3 +59,3 @@ "@tanstack/react-virtual": "3.11.2",
   },
-  "gitHead": "d381a21a923d774fb3c32ece1fcc68cfa35b06a4"
+  "gitHead": "ad5274413320bf7880ba3c2d1124610281d0de81"
 }

README.md

@@ -88,2 +88,3 @@ # List
 | untouchableScrollbars | `boolean` | - | Отключает возможность взаимодействовать со скролбарами мышью. |
+| barHideStrategy | enum BarHideStrategy: `"scroll"`, `"move"`, `"never"`, `"leave"` | - | Управление скрытием скролл баров: <br> - `Never` - показывать всегда <br> - `Leave` - скрывать когда курсор покидает компонент <br> - `Scroll` - показывать только когда происходит скроллинг <br> - `Move` - показывать при движении курсора над компонентом |
 | onScroll | `(event?: Event) => void` | - | Колбек на скролл прокручиваемого списка |
@@ -123,2 +124,3 @@ | dataFiltered | `boolean` | - |  |
 | untouchableScrollbars | `boolean` | - | Отключает возможность взаимодействовать со скролбарами мышью. |
+| barHideStrategy | enum BarHideStrategy: `"scroll"`, `"move"`, `"never"`, `"leave"` | - | Управление скрытием скролл баров: <br> - `Never` - показывать всегда <br> - `Leave` - скрывать когда курсор покидает компонент <br> - `Scroll` - показывать только когда происходит скроллинг <br> - `Move` - показывать при движении курсора над компонентом |
 | onScroll | `(event?: Event) => void` | - | Колбек на скролл прокручиваемого списка |
@@ -125,0 +127,0 @@ | dataFiltered | `boolean` | - |  |

src/types.ts

@@ -21,4 +21,12 @@ import { RefObject } from 'react';
   untouchableScrollbars?: boolean;
+  /**
+   * Управление скрытием скролл баров:
+   * <br> - `Never` - показывать всегда
+   * <br> - `Leave` - скрывать когда курсор покидает компонент
+   * <br> - `Scroll` - показывать только когда происходит скроллинг
+   * <br> - `Move` - показывать при движении курсора над компонентом
+   */
+  barHideStrategy?: OriginalScrollProps['barHideStrategy'];
   /** Колбек на скролл прокручиваемого списка */
   onScroll?: OriginalScrollProps['onScroll'];
 };

No alert changes

Improved metrics

Total package byte prevSize

446892

increased by0.64%

Lines of code

9546

increased by0.28%

Number of lines in readme file

157

increased by1.29%

Dependency changes

• + Added@snack-uikit/icons@0.24.2(transitive)

• + Added@snack-uikit/info-block@0.6.13(transitive)

• + Added@snack-uikit/input-private@4.5.1(transitive)

• + Added@snack-uikit/search-private@0.4.9(transitive)

• + Added@snack-uikit/toggles@0.13.5(transitive)

• + Added@snack-uikit/tooltip@0.16.2(transitive)

• + Added@snack-uikit/truncate-string@0.6.9(transitive)

• - Removed@snack-uikit/icons@0.24.3-preview-b5e187d5.0(transitive)

• - Removed@snack-uikit/info-block@0.6.14-preview-b5e187d5.0(transitive)

• - Removed@snack-uikit/input-private@4.5.2-preview-b5e187d5.0(transitive)

• - Removed@snack-uikit/search-private@0.4.10-preview-b5e187d5.0(transitive)

• - Removed@snack-uikit/toggles@0.13.6-preview-b5e187d5.0(transitive)

• - Removed@snack-uikit/tooltip@0.16.3-preview-b5e187d5.0(transitive)

• - Removed@snack-uikit/truncate-string@0.6.10-preview-b5e187d5.0(transitive)

• Updated@snack-uikit/icons@0.24.2

• Updated@snack-uikit/info-block@0.6.13

• Updated@snack-uikit/search-private@0.4.9

• Updated@snack-uikit/toggles@0.13.5

• Updated@snack-uikit/truncate-string@0.6.9