@snack-uikit/list 0.31.7 → 0.32.1-preview-805e5f0d.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.32.0 (2025-07-17)
+
+
+### Features
+
+* **PDS-2615:** add search prop handlers ([f47a528](https://github.com/cloud-ru-tech/snack-uikit/commit/f47a52835b18b7169b3d932a84dea2df8638335e))
+
+
+
+
+
 ## 0.31.7 (2025-07-17)
 
 ### Only dependencies have been changed

package/dist/cjs/components/Items/SearchItem/SearchItem.js

@@ -27,9 +27,11 @@ function SearchItem(_ref) {
     firstItemId
   } = (0, contexts_1.useNewListContext)();
   const handleKeyDown = e => {
+    var _a;
     if (['ArrowDown', 'ArrowUp'].includes(e.key)) {
       e.preventDefault();
     }
+    (_a = search === null || search === void 0 ? void 0 : search.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(search, e);
   };
   if (!search) {
     return null;

package/dist/cjs/types.d.ts

@@ -1,10 +1,11 @@
-import { RefObject } from 'react';
+import { ChangeEvent, KeyboardEvent, RefObject } from 'react';
 import { ScrollProps as OriginalScrollProps } from '@snack-uikit/scroll';
 export type SearchState = {
     placeholder?: string;
     loading?: boolean;
     value?: string;
-    onChange(value: string): void;
+    onChange(value: string, e?: ChangeEvent<HTMLInputElement>): void;
+    onKeyDown?(e: KeyboardEvent<HTMLElement>): void;
 };
 export type ScrollProps = {
     /** Включить ли скролл для основной части списка */

package/dist/esm/components/Items/SearchItem/SearchItem.js

@@ -9,9 +9,11 @@ import styles from './styles.module.css';
 export function SearchItem({ search, itemRef }) {
     const { size = 's', firstItemId } = useNewListContext();
     const handleKeyDown = (e) => {
+        var _a;
         if (['ArrowDown', 'ArrowUp'].includes(e.key)) {
             e.preventDefault();
         }
+        (_a = search === null || search === void 0 ? void 0 : search.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(search, e);
     };
     if (!search) {
         return null;

package/dist/esm/types.d.ts

@@ -1,10 +1,11 @@
-import { RefObject } from 'react';
+import { ChangeEvent, KeyboardEvent, RefObject } from 'react';
 import { ScrollProps as OriginalScrollProps } from '@snack-uikit/scroll';
 export type SearchState = {
     placeholder?: string;
     loading?: boolean;
     value?: string;
-    onChange(value: string): void;
+    onChange(value: string, e?: ChangeEvent<HTMLInputElement>): void;
+    onKeyDown?(e: KeyboardEvent<HTMLElement>): void;
 };
 export type ScrollProps = {
     /** Включить ли скролл для основной части списка */

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "List",
-  "version": "0.31.7",
+  "version": "0.32.1-preview-805e5f0d.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -43,7 +43,7 @@
     "@snack-uikit/info-block": "0.6.31",
     "@snack-uikit/loaders": "0.9.8",
     "@snack-uikit/scroll": "0.10.4",
-    "@snack-uikit/search-private": "0.4.26",
+    "@snack-uikit/search-private": "0.4.27-preview-805e5f0d.0",
     "@snack-uikit/toggles": "0.13.20",
     "@snack-uikit/truncate-string": "0.7.0",
     "@snack-uikit/utils": "3.10.1",
@@ -54,5 +54,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "fe6df3a62f59d9957bd8ff3d6a2afa781dddb24c"
+  "gitHead": "66be1c70bfc2d90474dff3652e0f6ddd67510d78"
 }

package/src/components/Items/SearchItem/SearchItem.tsx

@@ -18,10 +18,12 @@ export type SearchItemProps = {
 export function SearchItem({ search, itemRef }: SearchItemProps) {
   const { size = 's', firstItemId } = useNewListContext();
 
-  const handleKeyDown = (e: KeyboardEvent) => {
+  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {
     if (['ArrowDown', 'ArrowUp'].includes(e.key)) {
       e.preventDefault();
     }
+
+    search?.onKeyDown?.(e);
   };
 
   if (!search) {

package/src/types.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { ChangeEvent, KeyboardEvent, RefObject } from 'react';
 
 import { ScrollProps as OriginalScrollProps } from '@snack-uikit/scroll';
 
@@ -6,7 +6,8 @@ export type SearchState = {
   placeholder?: string;
   loading?: boolean;
   value?: string;
-  onChange(value: string): void;
+  onChange(value: string, e?: ChangeEvent<HTMLInputElement>): void;
+  onKeyDown?(e: KeyboardEvent<HTMLElement>): void;
 };
 
 export type ScrollProps = {