@snack-uikit/search 0.11.0 → 0.11.1

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.11.1 (2025-05-07)
+
+
+### Bug Fixes
+
+* **FF-6490:** pass tabIndex prop to Search ([a07cc91](https://github.com/cloud-ru-tech/snack-uikit/commit/a07cc915032dcb2b68e9151c49f083a7823af598))
+
+
+
+
+
 # 0.11.0 (2025-04-23)
 
 

package/README.md

@@ -38,6 +38,7 @@ import { Search, SearchPrivate } from "@snack-uikit/search";
 | onFocus | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки получения фокуса |
 | onBlur | `FocusEventHandler<HTMLInputElement>` | - | Колбек обработки потери фокуса |
 | className | `string` | - | CSS-класс |
+| tabIndex | `number` | - |  |
 | size | enum Size: `"s"`, `"m"`, `"l"` | s | Размер |
 | loading | `boolean` | - | Состояние загрузки |
 | onSubmit | `(value: string) => void` | - | Колбек на подтверждение поиска по строке |

package/dist/cjs/components/Search/Search.d.ts

@@ -1,6 +1,6 @@
 import { SearchPrivateProps } from '@snack-uikit/search-private';
 import { SearchAutocompleteProps } from '../SearchAutocomplete';
-export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown' | 'tabIndex'> & {
+export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
     /** Внешний бордер */
     outline?: boolean;
 } & ((Pick<SearchAutocompleteProps, 'options'> & {

package/dist/cjs/components/Search/Search.js

@@ -32,9 +32,10 @@ exports.Search = (0, react_1.forwardRef)(function Search(_a, ref) {
       loading,
       placeholder,
       onSubmit,
-      className
+      className,
+      tabIndex
     } = props,
-    rest = __rest(props, ["value", "onChange", "onBlur", "onFocus", "outline", "loading", "placeholder", "onSubmit", "className"]);
+    rest = __rest(props, ["value", "onChange", "onBlur", "onFocus", "outline", "loading", "placeholder", "onSubmit", "className", "tabIndex"]);
   const supportProps = (0, utils_1.extractSupportProps)(rest);
   if (props.autocomplete) {
     return (0, jsx_runtime_1.jsx)(SearchAutocomplete_1.SearchAutocomplete, Object.assign({
@@ -49,7 +50,8 @@ exports.Search = (0, react_1.forwardRef)(function Search(_a, ref) {
       loading: loading,
       placeholder: placeholder,
       className: className,
-      ref: ref
+      ref: ref,
+      tabIndex: tabIndex
     }, supportProps));
   }
   return (0, jsx_runtime_1.jsx)(SearchFieldText_1.SearchFieldText, Object.assign({
@@ -63,6 +65,7 @@ exports.Search = (0, react_1.forwardRef)(function Search(_a, ref) {
     loading: loading,
     placeholder: placeholder,
     className: className,
-    ref: ref
+    ref: ref,
+    tabIndex: tabIndex
   }, supportProps));
 });

package/dist/esm/components/Search/Search.d.ts

@@ -1,6 +1,6 @@
 import { SearchPrivateProps } from '@snack-uikit/search-private';
 import { SearchAutocompleteProps } from '../SearchAutocomplete';
-export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown' | 'tabIndex'> & {
+export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
     /** Внешний бордер */
     outline?: boolean;
 } & ((Pick<SearchAutocompleteProps, 'options'> & {

package/dist/esm/components/Search/Search.js

@@ -17,10 +17,10 @@ import { SearchAutocomplete } from '../SearchAutocomplete';
 import { SearchFieldText } from '../SearchFieldText';
 export const Search = forwardRef(function Search(_a, ref) {
     var { size = SIZE.S } = _a, props = __rest(_a, ["size"]);
-    const { value, onChange, onBlur, onFocus, outline, loading, placeholder, onSubmit, className } = props, rest = __rest(props, ["value", "onChange", "onBlur", "onFocus", "outline", "loading", "placeholder", "onSubmit", "className"]);
+    const { value, onChange, onBlur, onFocus, outline, loading, placeholder, onSubmit, className, tabIndex } = props, rest = __rest(props, ["value", "onChange", "onBlur", "onFocus", "outline", "loading", "placeholder", "onSubmit", "className", "tabIndex"]);
     const supportProps = extractSupportProps(rest);
     if (props.autocomplete) {
-        return (_jsx(SearchAutocomplete, Object.assign({ value: value, onChange: onChange, options: props.options, onBlur: onBlur, onFocus: onFocus, onSubmit: onSubmit, size: size, outline: outline, loading: loading, placeholder: placeholder, className: className, ref: ref }, supportProps)));
+        return (_jsx(SearchAutocomplete, Object.assign({ value: value, onChange: onChange, options: props.options, onBlur: onBlur, onFocus: onFocus, onSubmit: onSubmit, size: size, outline: outline, loading: loading, placeholder: placeholder, className: className, ref: ref, tabIndex: tabIndex }, supportProps)));
     }
-    return (_jsx(SearchFieldText, Object.assign({ value: value, onChange: onChange, onBlur: onBlur, onFocus: onFocus, onSubmit: onSubmit, size: size, outline: outline, loading: loading, placeholder: placeholder, className: className, ref: ref }, supportProps)));
+    return (_jsx(SearchFieldText, Object.assign({ value: value, onChange: onChange, onBlur: onBlur, onFocus: onFocus, onSubmit: onSubmit, size: size, outline: outline, loading: loading, placeholder: placeholder, className: className, ref: ref, tabIndex: tabIndex }, supportProps)));
 });

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Search",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -45,5 +45,5 @@
   "devDependencies": {
     "@types/merge-refs": "1.0.0"
   },
-  "gitHead": "9786e3a2d1ef58fd4b1002d4bc69a61a70113acf"
+  "gitHead": "a996db0c8c75165cfe7c9dc478dc13e9a2275810"
 }

package/src/components/Search/Search.tsx

@@ -7,7 +7,7 @@ import { SIZE } from '../../constants';
 import { SearchAutocomplete, SearchAutocompleteProps } from '../SearchAutocomplete';
 import { SearchFieldText } from '../SearchFieldText';
 
-export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown' | 'tabIndex'> & {
+export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
   /** Внешний бордер */
   outline?: boolean;
 } & (
@@ -27,7 +27,8 @@ export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown' | 'tabIndex'> & {
   );
 
 export const Search = forwardRef<HTMLInputElement, SearchProps>(function Search({ size = SIZE.S, ...props }, ref) {
-  const { value, onChange, onBlur, onFocus, outline, loading, placeholder, onSubmit, className, ...rest } = props;
+  const { value, onChange, onBlur, onFocus, outline, loading, placeholder, onSubmit, className, tabIndex, ...rest } =
+    props;
   const supportProps = extractSupportProps(rest);
 
   if (props.autocomplete) {
@@ -45,6 +46,7 @@ export const Search = forwardRef<HTMLInputElement, SearchProps>(function Search(
         placeholder={placeholder}
         className={className}
         ref={ref}
+        tabIndex={tabIndex}
         {...supportProps}
       />
     );
@@ -63,6 +65,7 @@ export const Search = forwardRef<HTMLInputElement, SearchProps>(function Search(
       placeholder={placeholder}
       className={className}
       ref={ref}
+      tabIndex={tabIndex}
       {...supportProps}
     />
   );