57 lines
2.2 KiB
JavaScript
57 lines
2.2 KiB
JavaScript
'use client';
|
|
|
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
import React from 'react';
|
|
import { isSearchBarAvailableForCurrentPlatform } from '../utils';
|
|
import { View } from 'react-native';
|
|
|
|
// Native components
|
|
import SearchBarNativeComponent, { Commands as SearchBarNativeCommands } from '../fabric/SearchBarNativeComponent';
|
|
const NativeSearchBar = SearchBarNativeComponent;
|
|
const NativeSearchBarCommands = SearchBarNativeCommands;
|
|
function SearchBar(props, forwardedRef) {
|
|
const searchBarRef = React.useRef(null);
|
|
React.useImperativeHandle(forwardedRef, () => ({
|
|
blur: () => {
|
|
_callMethodWithRef(ref => NativeSearchBarCommands.blur(ref));
|
|
},
|
|
focus: () => {
|
|
_callMethodWithRef(ref => NativeSearchBarCommands.focus(ref));
|
|
},
|
|
toggleCancelButton: flag => {
|
|
_callMethodWithRef(ref => NativeSearchBarCommands.toggleCancelButton(ref, flag));
|
|
},
|
|
clearText: () => {
|
|
_callMethodWithRef(ref => NativeSearchBarCommands.clearText(ref));
|
|
},
|
|
setText: text => {
|
|
_callMethodWithRef(ref => NativeSearchBarCommands.setText(ref, text));
|
|
},
|
|
cancelSearch: () => {
|
|
_callMethodWithRef(ref => NativeSearchBarCommands.cancelSearch(ref));
|
|
}
|
|
}));
|
|
const _callMethodWithRef = React.useCallback(method => {
|
|
const ref = searchBarRef.current;
|
|
if (ref) {
|
|
method(ref);
|
|
} else {
|
|
console.warn('Reference to native search bar component has not been updated yet');
|
|
}
|
|
}, [searchBarRef]);
|
|
if (!isSearchBarAvailableForCurrentPlatform) {
|
|
console.warn('Importing SearchBar is only valid on iOS and Android devices.');
|
|
return View;
|
|
}
|
|
return /*#__PURE__*/React.createElement(NativeSearchBar, _extends({
|
|
ref: searchBarRef
|
|
}, props, {
|
|
onSearchFocus: props.onFocus,
|
|
onSearchBlur: props.onBlur,
|
|
onSearchButtonPress: props.onSearchButtonPress,
|
|
onCancelButtonPress: props.onCancelButtonPress,
|
|
onChangeText: props.onChangeText
|
|
}));
|
|
}
|
|
export default /*#__PURE__*/React.forwardRef(SearchBar);
|
|
//# sourceMappingURL=SearchBar.js.map
|