@sima-land/moleculas 14.1.0 → 14.2.0

package/mobile/components/search-bar/index.d.ts

@@ -8,34 +8,32 @@ export interface ButtonProps {
     iconColor?: Token;
 }
 export interface SearchBarProps {
-    inputMode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+    /** Поисковый Запрос. */
     value?: string;
+    /** Вызовется при изменении поискового запроса. */
     onChange: React.ChangeEventHandler<HTMLInputElement>;
+    /** Тип клавиатуры. */
+    inputMode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+    /** Подсказка. */
     placeholder?: string;
+    /** Вызовется при нажатии на кнопку очистки. */
     onClear?: React.MouseEventHandler;
-    buttonText?: string;
-    onButtonClick?: (...args: any[]) => any;
+    /** Кнопки(а) после поля. */
     endButtons?: any[];
+    /** Кнопки(а) до поля. */
     startButtons?: any[];
+    /** Признак наличия иконки поиска слева. */
     withSearchIcon?: boolean;
+    /** Признак авто-фокуса. */
     autoFocus?: boolean;
+    /** Описание в поле ввода. */
     description?: string;
+    /** Ref для элемента текстового поля. */
+    inputRef?: React.MutableRefObject<HTMLInputElement | null>;
 }
 /**
  * Компонент поисковой строки.
- * @param props Свойства компонента.
- * @param props.value Поисковый Запрос.
- * @param props.onChange Вызовется при изменении поискового запроса.
- * @param props.inputMode Тип клавиатуры.
- * @param props.placeholder Подсказка.
- * @param props.onClear Вызовется при нажатии на кнопку очистки.
- * @param props.buttonText Текст кнопки.
- * @param props.onButtonClick Обработчик нажатия на кнопку.
- * @param props.endButtons Кнопки(а) после поля.
- * @param props.startButtons Кнопки(а) до поля.
- * @param props.withSearchIcon Признак наличия иконки поиска слева.
- * @param props.autoFocus Признак автофокуса.
- * @param props.description Описание в поле ввода.
+ * @param props Свойства.
  * @return Элемент.
  */
-export declare const SearchBar: ({ inputMode, value, onChange, placeholder, onClear, endButtons, startButtons, withSearchIcon, autoFocus, description, }: SearchBarProps) => JSX.Element;
+export declare const SearchBar: ({ value, onChange, inputMode, placeholder, onClear, endButtons, startButtons, withSearchIcon, autoFocus, description, inputRef: inputRefProp, }: SearchBarProps) => JSX.Element;

package/mobile/components/search-bar/index.js

@@ -39,27 +39,16 @@ const more_vert_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Fi
 exports.cx = bind_1.default.bind(search_bar_module_scss_1.default);
 /**
  * Компонент поисковой строки.
- * @param props Свойства компонента.
- * @param props.value Поисковый Запрос.
- * @param props.onChange Вызовется при изменении поискового запроса.
- * @param props.inputMode Тип клавиатуры.
- * @param props.placeholder Подсказка.
- * @param props.onClear Вызовется при нажатии на кнопку очистки.
- * @param props.buttonText Текст кнопки.
- * @param props.onButtonClick Обработчик нажатия на кнопку.
- * @param props.endButtons Кнопки(а) после поля.
- * @param props.startButtons Кнопки(а) до поля.
- * @param props.withSearchIcon Признак наличия иконки поиска слева.
- * @param props.autoFocus Признак автофокуса.
- * @param props.description Описание в поле ввода.
+ * @param props Свойства.
  * @return Элемент.
  */
-const SearchBar = ({ inputMode, value, onChange, placeholder = 'Поиск', onClear, endButtons = [], startButtons = [], withSearchIcon = true, autoFocus = true, description, }) => {
+const SearchBar = ({ value, onChange, inputMode, placeholder = 'Поиск', onClear, endButtons = [], startButtons = [], withSearchIcon = true, autoFocus = true, description, inputRef: inputRefProp, }) => {
     const [shownDropdown, toggleDropdown] = (0, react_1.useState)(false);
     const inputRef = (0, react_1.useRef)(null);
     const dropDownRef = (0, react_1.useRef)(null);
     const dropDownOpenerRef = (0, react_1.useRef)(null);
     const needHideEndButtons = endButtons.length > 1;
+    (0, react_1.useImperativeHandle)(inputRefProp, () => inputRef.current);
     (0, hooks_1.useOutsideClick)(dropDownRef, e => {
         !dropDownOpenerRef.current.contains(e.target) &&
             toggleDropdown(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sima-land/moleculas",
-  "version": "14.1.0",
+  "version": "14.2.0",
   "repository": "ssh://git@github.com:sima-land/moleculas.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",