@true-engineering/true-react-common-ui-kit 3.45.6 → 3.47.0

package/README.md

@@ -11,6 +11,19 @@
 
 # Release Notes
 
+## 3.47.0
+
+### Changes
+
+- **Select**: Добавлен ref в пропсу `searchInput` Select-а
+- **Select**: Добавлен shouldFocusOnMount в пропсу `searchInput` Select-а
+
+## 3.46.0
+
+### Changes
+
+- **SearchInput**: Добавлен forwardRef
+
 ## 3.45.6
 
 - **phone.ts** Изменён алгоритм определения кода страны по номеру телефона

package/dist/components/SearchInput/SearchInput.d.ts

@@ -1,8 +1,8 @@
-import { FC } from 'react';
+/// <reference types="react" />
 import { ICommonProps } from '../../types';
 import { IInputProps } from '../Input';
 import { ISearchInputStyles } from './SearchInput.styles';
 export interface ISearchInputProps extends ICommonProps<ISearchInputStyles>, Omit<IInputProps, 'type' | 'isInvalid' | 'errorMessage' | 'label' | 'isActive' | 'errorPosition' | 'hasFloatingLabel' | 'border' | 'tweakStyles'> {
     onSearchIconClick?: () => void;
 }
-export declare const SearchInput: FC<ISearchInputProps>;
+export declare const SearchInput: import("react").ForwardRefExoticComponent<ISearchInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/SearchInput/SearchInput.stories.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").FC<import("./SearchInput").ISearchInputProps>;
+    component: import("react").ForwardRefExoticComponent<import("./SearchInput").ISearchInputProps & import("react").RefAttributes<HTMLInputElement>>;
 };
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./SearchInput").ISearchInputProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("./SearchInput").ISearchInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/Select/Select.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, FormEvent, KeyboardEvent, MouseEvent, ReactNode, SyntheticEvent } from 'react';
+import { ChangeEvent, FormEvent, KeyboardEvent, MouseEvent, ReactNode, SyntheticEvent, Ref } from 'react';
 import { IDropdownWithPopperOptions, ICommonProps } from '../../types';
 import { IIcon } from '../Icon';
 import { IInputProps } from '../Input';
@@ -27,8 +27,10 @@ export interface ISelectProps<Value> extends Omit<IInputProps, 'value' | 'onChan
     shouldScrollToList?: boolean;
     isMultiSelect?: false;
     searchInput?: {
-        shouldRenderInList: true;
-    } & Pick<ISearchInputProps, 'placeholder'>;
+        /** @default false */
+        shouldRenderInList?: boolean;
+        ref?: Ref<HTMLInputElement>;
+    } & Pick<ISearchInputProps, 'placeholder' | 'shouldFocusOnMount'>;
     isOptionDisabled?: (option: Value) => boolean;
     onChange: (value: Value | undefined, event: MouseEvent<HTMLElement> | KeyboardEvent | ChangeEvent<HTMLElement> | FormEvent<HTMLElement>) => void;
     onBlur?: (event: Event | SyntheticEvent) => void;

package/dist/true-react-common-ui-kit.js

@@ -10644,7 +10644,7 @@ function _object_without_properties_loose$e(source, excluded) {
   }
   return target;
 }
-var SearchInput = function(_param) {
+var SearchInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
   var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, testId = _param.testId, data = _param.data, onSearchIconClick = _param.onSearchIconClick, props = _object_without_properties$e(_param, [
     "isClearable",
     "tweakStyles",
@@ -10673,6 +10673,7 @@ var SearchInput = function(_param) {
         })
       })),
       /* @__PURE__ */ jsx(Input, _object_spread$N({
+        ref,
         inputMode: "search",
         isClearable,
         isActive: props.value !== "" && props.value !== void 0,
@@ -10683,7 +10684,8 @@ var SearchInput = function(_param) {
       }, props))
     ]
   }));
-};
+});
+SearchInput.displayName = "SearchInput";
 var ScrollIntoViewIfNeededDefaultElementType = "div";
 var ScrollIntoViewIfNeededDefaultProps = {
   active: true,