decord/source/modules/settings/native/search/SettingSearchBar.tsx
github-actions ecf26fc058 chore: update source for alpha 347.2
Skipped 1 file(s) >100MB (GitHub limit): source/__polyfill/04xxx/module_4823.js (118.4 MB)
2026-09-16 07:03:15 +00:00

44 lines
1.9 KiB
TypeScript

// Module ID: 14815
// Function ID: 14816
// Name: SettingSearchBar
// Dependencies: [19, 17, 14804, 21, 4638, 576, 1875, 7107, 7160, 2]
// Exports: default
// Module 14815 (SettingSearchBar)
import nativeDefault from "native" /* 576 */;
import KeyboardManagerUtils from "KeyboardManagerUtils" /* 1875 */;
import Tracking from "Tracking" /* 7107 */;
import SearchField from "SearchField" /* 7160 */;
import noop from "module_19" /* 19 */;
import UserSettingSearchStore from "UserSettingSearchStore" /* 14804 */;
require = fn;
const View = fn(17).View;
const jsx = fn(21).jsx;
const createStyles = fn(4638);
const obj2 = { container: { marginTop: nativeDefault.modules.mobile.SETTINGS_PADDING_TOP } };
let closure_6 = createStyles.createStyles(obj2);
const size = fn(2);
let result = size.fileFinishedImporting("modules/settings/native/search/SettingSearchBar.tsx");
export default function SettingSearchBar() {
const tmp = closure_6();
const callback = noop.useCallback(() => {
UserSettingSearchStore.setState({ isActive: false, query: "", isFocused: false });
const result = KeyboardManagerUtils.dismissGlobalKeyboard();
}, []);
const callback1 = noop.useCallback(() => {
const result = Tracking.trackSettingSearchInputFocused();
UserSettingSearchStore.setState({ isActive: true, isFocused: true });
}, []);
const callback2 = noop.useCallback(() => {
UserSettingSearchStore.setState({ isFocused: false });
}, []);
const obj = { style: tmp.container, children: null };
const callback3 = noop.useCallback((query) => {
UserSettingSearchStore.setState({ query });
}, []);
const ref = noop.useRef(null);
obj.children = jsx(SearchField.SearchField, { ref: noop.useRef(null), size: "md", onFocus: callback1, onBlur: callback2, onClear: callback, defaultValue: UserSettingSearchStore.getField("query"), onChange: callback3 });
return <View style={tmp.container}>{null}</View>;
};