@pagopa/io-app-design-system 1.38.4 → 1.38.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/commonjs/components/searchInput/SearchInput.js +10 -4
  2. package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
  3. package/lib/module/components/searchInput/SearchInput.js +11 -5
  4. package/lib/module/components/searchInput/SearchInput.js.map +1 -1
  5. package/lib/typescript/components/searchInput/SearchInput.d.ts +4 -1
  6. package/lib/typescript/components/searchInput/SearchInput.d.ts.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/searchInput/SearchInput.tsx +175 -150
package/lib/commonjs/components/searchInput/SearchInput.js CHANGED
@@ -37,7 +37,7 @@ const inputWithTimingConfig = {
37
37
  duration: inputTransitionDuration,
38
38
  easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)
39
39
  };
40
- const SearchInput = _ref => {
40
+ const SearchInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
41
41
  let {
42
42
  accessibilityLabel,
43
43
  cancelButtonLabel,
@@ -71,6 +71,12 @@ const SearchInput = _ref => {
71
71
  setCancelButtonWidth(nativeEvent.layout.width);
72
72
  };
73
73
  const inputWidthWithCancel = inputWidth - cancelButtonWidth;
74
+ (0, _react.useImperativeHandle)(ref, () => ({
75
+ focus() {
76
+ var _searchInputRef$curre;
77
+ (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.focus();
78
+ }
79
+ }), []);
74
80
 
75
81
  /* Reanimated styles */
76
82
  const inputAnimatedWidth = (0, _reactNativeReanimated.useSharedValue)(inputWidth);
@@ -115,9 +121,9 @@ const SearchInput = _ref => {
115
121
  onCancel === null || onCancel === void 0 || onCancel(event);
116
122
  }, [onCancel, onChangeText]);
117
123
  const clear = (0, _react.useCallback)(() => {
118
- var _searchInputRef$curre;
124
+ var _searchInputRef$curre2;
119
125
  onChangeText === null || onChangeText === void 0 || onChangeText("");
120
- (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.clear();
126
+ (_searchInputRef$curre2 = searchInputRef.current) === null || _searchInputRef$curre2 === void 0 || _searchInputRef$curre2.clear();
121
127
  }, [onChangeText]);
122
128
  const handleChangeText = (0, _react.useCallback)(text => onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text), [onChangeText]);
123
129
  const renderSearchBar = () => /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
@@ -170,7 +176,7 @@ const SearchInput = _ref => {
170
176
  accessibilityLabel: placeholder,
171
177
  onPress: pressable === null || pressable === void 0 ? void 0 : pressable.onPress
172
178
  }, renderSearchBar()) : renderSearchBar();
173
- };
179
+ });
174
180
  exports.SearchInput = SearchInput;
175
181
  const styles = _reactNative.StyleSheet.create({
176
182
  searchBar: {
package/lib/commonjs/components/searchInput/SearchInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_fonts","_buttons","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","inputPaddingHorizontal","inputPaddingClearButton","inputRadius","inputBgColorDefault","IOColors","inputBgColorFocused","inputColorPlaceholder","iconMargin","iconColor","iconSize","iconCloseSize","inputFontSizePlaceholder","cancelButtonMargin","inputTransitionDuration","inputHeightIOS","inputHeightAndroid","AnimatedTextInput","Animated","createAnimatedComponent","TextInput","AnimatedPressable","Pressable","inputWithTimingConfig","duration","easing","Easing","inOut","cubic","SearchInput","_ref","accessibilityLabel","cancelButtonLabel","clearAccessibilityLabel","onCancel","onChangeText","placeholder","value","autoFocus","pressable","testID","searchInputRef","useRef","theme","useIOTheme","isExperimental","useIOExperimentalDesign","inputCaretColor","inputWidth","Dimensions","width","IOVisualCostants","appMarginDefault","cancelButtonWidth","setCancelButtonWidth","useState","getCancelButtonWidth","_ref2","nativeEvent","layout","inputWidthWithCancel","inputAnimatedWidth","useSharedValue","isFocused","animatedStyle","useAnimatedStyle","withTiming","backgroundColor","interpolateColor","cancelButtonAnimatedStyle","transform","translateX","interpolate","Extrapolate","CLAMP","opacity","clearButtonAnimatedStyle","showClearButton","length","scale","handleFocus","handleBlur","cancel","useCallback","event","clear","_searchInputRef$curre","current","handleChangeText","text","renderSearchBar","createElement","View","style","styles","searchBar","searchInput","pointerEvents","iconContainer","Icon","name","size","color","ref","inputMode","returnKeyType","accessibilityRole","textInput","Platform","OS","textInputIOS","textInputAndroid","placeholderLegacy","selectionColor","cursorColor","placeholderTextColor","onFocus","onBlur","clearButton","onPress","hitSlop","onLayout","cancelButton","ButtonLink","label","exports","StyleSheet","create","flexDirection","justifyContent","alignItems","flexShrink","borderRadius","borderCurve","paddingLeft","paddingRight","flexGrow","height","marginRight","fontSize","makeFontStyleObject","position","right","marginLeft"],"sourceRoot":"../../../../src","sources":["components/searchInput/SearchInput.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_fonts","_buttons","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","inputPaddingHorizontal","inputPaddingClearButton","inputRadius","inputBgColorDefault","IOColors","inputBgColorFocused","inputColorPlaceholder","iconMargin","iconColor","iconSize","iconCloseSize","inputFontSizePlaceholder","cancelButtonMargin","inputTransitionDuration","inputHeightIOS","inputHeightAndroid","AnimatedTextInput","Animated","createAnimatedComponent","TextInput","AnimatedPressable","Pressable","inputWithTimingConfig","duration","easing","Easing","inOut","cubic","SearchInput","forwardRef","_ref","ref","accessibilityLabel","cancelButtonLabel","clearAccessibilityLabel","onCancel","onChangeText","placeholder","value","autoFocus","pressable","testID","searchInputRef","useRef","theme","useIOTheme","isExperimental","useIOExperimentalDesign","inputCaretColor","inputWidth","Dimensions","width","IOVisualCostants","appMarginDefault","cancelButtonWidth","setCancelButtonWidth","useState","getCancelButtonWidth","_ref2","nativeEvent","layout","inputWidthWithCancel","useImperativeHandle","focus","_searchInputRef$curre","current","inputAnimatedWidth","useSharedValue","isFocused","animatedStyle","useAnimatedStyle","withTiming","backgroundColor","interpolateColor","cancelButtonAnimatedStyle","transform","translateX","interpolate","Extrapolate","CLAMP","opacity","clearButtonAnimatedStyle","showClearButton","length","scale","handleFocus","handleBlur","cancel","useCallback","event","clear","_searchInputRef$curre2","handleChangeText","text","renderSearchBar","createElement","View","style","styles","searchBar","searchInput","pointerEvents","iconContainer","Icon","name","size","color","inputMode","returnKeyType","accessibilityRole","textInput","Platform","OS","textInputIOS","textInputAndroid","placeholderLegacy","selectionColor","cursorColor","placeholderTextColor","onFocus","onBlur","clearButton","onPress","hitSlop","onLayout","cancelButton","ButtonLink","label","exports","StyleSheet","create","flexDirection","justifyContent","alignItems","flexShrink","borderRadius","borderCurve","paddingLeft","paddingRight","flexGrow","height","marginRight","fontSize","makeFontStyleObject","position","right","marginLeft"],"sourceRoot":"../../../../src","sources":["components/searchInput/SearchInput.tsx"],"mappings":"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"}
package/lib/module/components/searchInput/SearchInput.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable functional/immutable-data */
2
- import React, { useCallback, useRef, useState } from "react";
2
+ import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState } from "react";
3
3
  import { Dimensions, Platform, Pressable, StyleSheet, TextInput, View } from "react-native";
4
4
  import Animated, { Easing, Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
5
5
  import { IOColors, IOVisualCostants, useIOExperimentalDesign, useIOTheme } from "../../core";
@@ -29,7 +29,7 @@ const inputWithTimingConfig = {
29
29
  duration: inputTransitionDuration,
30
30
  easing: Easing.inOut(Easing.cubic)
31
31
  };
32
- export const SearchInput = _ref => {
32
+ export const SearchInput = /*#__PURE__*/forwardRef((_ref, ref) => {
33
33
  let {
34
34
  accessibilityLabel,
35
35
  cancelButtonLabel,
@@ -63,6 +63,12 @@ export const SearchInput = _ref => {
63
63
  setCancelButtonWidth(nativeEvent.layout.width);
64
64
  };
65
65
  const inputWidthWithCancel = inputWidth - cancelButtonWidth;
66
+ useImperativeHandle(ref, () => ({
67
+ focus() {
68
+ var _searchInputRef$curre;
69
+ (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.focus();
70
+ }
71
+ }), []);
66
72
 
67
73
  /* Reanimated styles */
68
74
  const inputAnimatedWidth = useSharedValue(inputWidth);
@@ -107,9 +113,9 @@ export const SearchInput = _ref => {
107
113
  onCancel === null || onCancel === void 0 || onCancel(event);
108
114
  }, [onCancel, onChangeText]);
109
115
  const clear = useCallback(() => {
110
- var _searchInputRef$curre;
116
+ var _searchInputRef$curre2;
111
117
  onChangeText === null || onChangeText === void 0 || onChangeText("");
112
- (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.clear();
118
+ (_searchInputRef$curre2 = searchInputRef.current) === null || _searchInputRef$curre2 === void 0 || _searchInputRef$curre2.clear();
113
119
  }, [onChangeText]);
114
120
  const handleChangeText = useCallback(text => onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text), [onChangeText]);
115
121
  const renderSearchBar = () => /*#__PURE__*/React.createElement(Animated.View, {
@@ -162,7 +168,7 @@ export const SearchInput = _ref => {
162
168
  accessibilityLabel: placeholder,
163
169
  onPress: pressable === null || pressable === void 0 ? void 0 : pressable.onPress
164
170
  }, renderSearchBar()) : renderSearchBar();
165
- };
171
+ });
166
172
  const styles = StyleSheet.create({
167
173
  searchBar: {
168
174
  width: "100%",
package/lib/module/components/searchInput/SearchInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","useCallback","useRef","useState","Dimensions","Platform","Pressable","StyleSheet","TextInput","View","Animated","Easing","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOVisualCostants","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","ButtonLink","Icon","inputPaddingHorizontal","inputPaddingClearButton","inputRadius","inputBgColorDefault","inputBgColorFocused","inputColorPlaceholder","iconMargin","iconColor","iconSize","iconCloseSize","inputFontSizePlaceholder","cancelButtonMargin","inputTransitionDuration","inputHeightIOS","inputHeightAndroid","AnimatedTextInput","createAnimatedComponent","AnimatedPressable","inputWithTimingConfig","duration","easing","inOut","cubic","SearchInput","_ref","accessibilityLabel","cancelButtonLabel","clearAccessibilityLabel","onCancel","onChangeText","placeholder","value","autoFocus","pressable","testID","searchInputRef","theme","isExperimental","inputCaretColor","inputWidth","get","width","appMarginDefault","cancelButtonWidth","setCancelButtonWidth","getCancelButtonWidth","_ref2","nativeEvent","layout","inputWidthWithCancel","inputAnimatedWidth","isFocused","animatedStyle","backgroundColor","cancelButtonAnimatedStyle","transform","translateX","CLAMP","opacity","clearButtonAnimatedStyle","showClearButton","length","scale","handleFocus","handleBlur","cancel","event","clear","_searchInputRef$curre","current","handleChangeText","text","renderSearchBar","createElement","style","styles","searchBar","searchInput","pointerEvents","iconContainer","name","size","color","ref","inputMode","returnKeyType","accessibilityRole","textInput","OS","textInputIOS","textInputAndroid","placeholderLegacy","selectionColor","cursorColor","placeholderTextColor","onFocus","onBlur","clearButton","onPress","hitSlop","onLayout","cancelButton","label","create","flexDirection","justifyContent","alignItems","flexShrink","borderRadius","borderCurve","paddingLeft","paddingRight","flexGrow","height","marginRight","fontSize","position","right","marginLeft"],"sourceRoot":"../../../../src","sources":["components/searchInput/SearchInput.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["React","forwardRef","useCallback","useImperativeHandle","useRef","useState","Dimensions","Platform","Pressable","StyleSheet","TextInput","View","Animated","Easing","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOVisualCostants","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","ButtonLink","Icon","inputPaddingHorizontal","inputPaddingClearButton","inputRadius","inputBgColorDefault","inputBgColorFocused","inputColorPlaceholder","iconMargin","iconColor","iconSize","iconCloseSize","inputFontSizePlaceholder","cancelButtonMargin","inputTransitionDuration","inputHeightIOS","inputHeightAndroid","AnimatedTextInput","createAnimatedComponent","AnimatedPressable","inputWithTimingConfig","duration","easing","inOut","cubic","SearchInput","_ref","ref","accessibilityLabel","cancelButtonLabel","clearAccessibilityLabel","onCancel","onChangeText","placeholder","value","autoFocus","pressable","testID","searchInputRef","theme","isExperimental","inputCaretColor","inputWidth","get","width","appMarginDefault","cancelButtonWidth","setCancelButtonWidth","getCancelButtonWidth","_ref2","nativeEvent","layout","inputWidthWithCancel","focus","_searchInputRef$curre","current","inputAnimatedWidth","isFocused","animatedStyle","backgroundColor","cancelButtonAnimatedStyle","transform","translateX","CLAMP","opacity","clearButtonAnimatedStyle","showClearButton","length","scale","handleFocus","handleBlur","cancel","event","clear","_searchInputRef$curre2","handleChangeText","text","renderSearchBar","createElement","style","styles","searchBar","searchInput","pointerEvents","iconContainer","name","size","color","inputMode","returnKeyType","accessibilityRole","textInput","OS","textInputIOS","textInputAndroid","placeholderLegacy","selectionColor","cursorColor","placeholderTextColor","onFocus","onBlur","clearButton","onPress","hitSlop","onLayout","cancelButton","label","create","flexDirection","justifyContent","alignItems","flexShrink","borderRadius","borderCurve","paddingLeft","paddingRight","flexGrow","height","marginRight","fontSize","position","right","marginLeft"],"sourceRoot":"../../../../src","sources":["components/searchInput/SearchInput.tsx"],"mappings":"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"}
package/lib/typescript/components/searchInput/SearchInput.d.ts CHANGED
@@ -22,6 +22,9 @@ type SearchInputProps = WithTestID<{
22
22
  placeholder: TextInputProps["placeholder"];
23
23
  autoFocus?: TextInputProps["autoFocus"];
24
24
  }> & SearchInputActionProps;
25
- export declare const SearchInput: ({ accessibilityLabel, cancelButtonLabel, clearAccessibilityLabel, onCancel, onChangeText, placeholder, value, autoFocus, pressable, testID }: SearchInputProps) => React.JSX.Element;
25
+ export type SearchInputRef = {
26
+ focus: () => void;
27
+ };
28
+ export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<SearchInputRef>>;
26
29
  export {};
27
30
  //# sourceMappingURL=SearchInput.d.ts.map
package/lib/typescript/components/searchInput/SearchInput.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/searchInput/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAGL,qBAAqB,EAOrB,cAAc,EAEf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA6B7C,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,KAAK,sBAAsB,GACvB;IACE,SAAS,EAAE,yBAAyB,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,KAAK,gBAAgB,GAAG,UAAU,CAAC;IACjC,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACzD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC,GACA,sBAAsB,CAAC;AAUzB,eAAO,MAAM,WAAW,iJAWrB,gBAAgB,sBAgKlB,CAAC"}
1
+ {"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/searchInput/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,qBAAqB,EAOrB,cAAc,EAEf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA6B7C,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,KAAK,sBAAsB,GACvB;IACE,SAAS,EAAE,yBAAyB,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,KAAK,gBAAgB,GAAG,UAAU,CAAC;IACjC,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACzD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC,GACA,sBAAsB,CAAC;AAEzB,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAUF,eAAO,MAAM,WAAW,yFA0LvB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pagopa/io-app-design-system",
3
- "version": "1.38.4",
3
+ "version": "1.38.5",
4
4
  "description": "The library defining the core components of the design system of @pagopa/io-app",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
package/src/components/searchInput/SearchInput.tsx CHANGED
@@ -1,5 +1,11 @@
1
1
  /* eslint-disable functional/immutable-data */
2
- import React, { useCallback, useRef, useState } from "react";
2
+ import React, {
3
+ forwardRef,
4
+ useCallback,
5
+ useImperativeHandle,
6
+ useRef,
7
+ useState
8
+ } from "react";
3
9
  import {
4
10
  ColorValue,
5
11
  Dimensions,
@@ -78,6 +84,10 @@ type SearchInputProps = WithTestID<{
78
84
  }> &
79
85
  SearchInputActionProps;
80
86
 
87
+ export type SearchInputRef = {
88
+ focus: () => void;
89
+ };
90
+
81
91
  const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
82
92
  const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
83
93
 
@@ -86,178 +96,193 @@ const inputWithTimingConfig = {
86
96
  easing: Easing.inOut(Easing.cubic)
87
97
  };
88
98
 
89
- export const SearchInput = ({
90
- accessibilityLabel,
91
- cancelButtonLabel,
92
- clearAccessibilityLabel,
93
- onCancel,
94
- onChangeText,
95
- placeholder,
96
- value = "",
97
- autoFocus,
98
- pressable,
99
- testID
100
- }: SearchInputProps) => {
101
- const searchInputRef = useRef<TextInput>(null);
102
-
103
- /* Component visual attributes */
104
- const theme = useIOTheme();
105
- const { isExperimental } = useIOExperimentalDesign();
106
- const inputCaretColor = IOColors[theme["interactiveElem-default"]];
99
+ export const SearchInput = forwardRef<SearchInputRef, SearchInputProps>(
100
+ (
101
+ {
102
+ accessibilityLabel,
103
+ cancelButtonLabel,
104
+ clearAccessibilityLabel,
105
+ onCancel,
106
+ onChangeText,
107
+ placeholder,
108
+ value = "",
109
+ autoFocus,
110
+ pressable,
111
+ testID
112
+ },
113
+ ref
114
+ ) => {
115
+ const searchInputRef = useRef<TextInput>(null);
107
116
 
108
- /* Widths used for the transition:
109
- - `SearchInput` entire width
110
- - `Cancel` button */
111
- const inputWidth: number =
112
- Dimensions.get("window").width - IOVisualCostants.appMarginDefault * 2;
117
+ /* Component visual attributes */
118
+ const theme = useIOTheme();
119
+ const { isExperimental } = useIOExperimentalDesign();
120
+ const inputCaretColor = IOColors[theme["interactiveElem-default"]];
113
121
 
114
- const [cancelButtonWidth, setCancelButtonWidth] =
115
- useState<LayoutRectangle["width"]>(0);
122
+ /* Widths used for the transition:
123
+ - `SearchInput` entire width
124
+ - `Cancel` button */
125
+ const inputWidth: number =
126
+ Dimensions.get("window").width - IOVisualCostants.appMarginDefault * 2;
116
127
 
117
- const getCancelButtonWidth = ({ nativeEvent }: LayoutChangeEvent) => {
118
- setCancelButtonWidth(nativeEvent.layout.width);
119
- };
128
+ const [cancelButtonWidth, setCancelButtonWidth] =
129
+ useState<LayoutRectangle["width"]>(0);
120
130
 
121
- const inputWidthWithCancel: number = inputWidth - cancelButtonWidth;
131
+ const getCancelButtonWidth = ({ nativeEvent }: LayoutChangeEvent) => {
132
+ setCancelButtonWidth(nativeEvent.layout.width);
133
+ };
122
134
 
123
- /* Reanimated styles */
124
- const inputAnimatedWidth = useSharedValue<number>(inputWidth);
125
- const isFocused = useSharedValue(0);
135
+ const inputWidthWithCancel: number = inputWidth - cancelButtonWidth;
126
136
 
127
- /* Applied to the `SearchInput` */
128
- const animatedStyle = useAnimatedStyle(() => ({
129
- width: withTiming(inputAnimatedWidth.value, inputWithTimingConfig),
130
- backgroundColor: interpolateColor(
131
- isFocused.value,
132
- [0, 1],
133
- [inputBgColorDefault, inputBgColorFocused]
134
- )
135
- }));
137
+ useImperativeHandle(
138
+ ref,
139
+ () => ({
140
+ focus() {
141
+ searchInputRef.current?.focus();
142
+ }
143
+ }),
144
+ []
145
+ );
136
146
 
137
- /* Applied to the `Cancel` button */
138
- const cancelButtonAnimatedStyle = useAnimatedStyle(() => ({
139
- transform: [
140
- {
141
- translateX: interpolate(
142
- isFocused.value,
143
- [0, 1],
144
- [cancelButtonWidth + IOVisualCostants.appMarginDefault, 0],
145
- Extrapolate.CLAMP
146
- )
147
- }
148
- ],
149
- opacity: interpolate(isFocused.value, [0, 1], [0.5, 1])
150
- }));
147
+ /* Reanimated styles */
148
+ const inputAnimatedWidth = useSharedValue<number>(inputWidth);
149
+ const isFocused = useSharedValue(0);
151
150
 
152
- /* Applied to the `Clear` button inside the `SearchInput` */
153
- const clearButtonAnimatedStyle = useAnimatedStyle(() => {
154
- const showClearButton = value.length > 0;
151
+ /* Applied to the `SearchInput` */
152
+ const animatedStyle = useAnimatedStyle(() => ({
153
+ width: withTiming(inputAnimatedWidth.value, inputWithTimingConfig),
154
+ backgroundColor: interpolateColor(
155
+ isFocused.value,
156
+ [0, 1],
157
+ [inputBgColorDefault, inputBgColorFocused]
158
+ )
159
+ }));
155
160
 
156
- return {
161
+ /* Applied to the `Cancel` button */
162
+ const cancelButtonAnimatedStyle = useAnimatedStyle(() => ({
157
163
  transform: [
158
164
  {
159
- scale: showClearButton
160
- ? withTiming(1, inputWithTimingConfig)
161
- : withTiming(0.5, inputWithTimingConfig)
165
+ translateX: interpolate(
166
+ isFocused.value,
167
+ [0, 1],
168
+ [cancelButtonWidth + IOVisualCostants.appMarginDefault, 0],
169
+ Extrapolate.CLAMP
170
+ )
162
171
  }
163
172
  ],
164
- opacity: withTiming(showClearButton ? 1 : 0, inputWithTimingConfig)
173
+ opacity: interpolate(isFocused.value, [0, 1], [0.5, 1])
174
+ }));
175
+
176
+ /* Applied to the `Clear` button inside the `SearchInput` */
177
+ const clearButtonAnimatedStyle = useAnimatedStyle(() => {
178
+ const showClearButton = value.length > 0;
179
+
180
+ return {
181
+ transform: [
182
+ {
183
+ scale: showClearButton
184
+ ? withTiming(1, inputWithTimingConfig)
185
+ : withTiming(0.5, inputWithTimingConfig)
186
+ }
187
+ ],
188
+ opacity: withTiming(showClearButton ? 1 : 0, inputWithTimingConfig)
189
+ };
190
+ }, [value]);
191
+
192
+ /* Related event handlers */
193
+ const handleFocus = () => {
194
+ isFocused.value = withTiming(1, inputWithTimingConfig);
195
+ inputAnimatedWidth.value = inputWidthWithCancel;
165
196
  };
166
- }, [value]);
167
197
 
168
- /* Related event handlers */
169
- const handleFocus = () => {
170
- isFocused.value = withTiming(1, inputWithTimingConfig);
171
- inputAnimatedWidth.value = inputWidthWithCancel;
172
- };
198
+ const handleBlur = () => {
199
+ isFocused.value = withTiming(0, inputWithTimingConfig);
200
+ inputAnimatedWidth.value = inputWidth;
201
+ };
173
202
 
174
- const handleBlur = () => {
175
- isFocused.value = withTiming(0, inputWithTimingConfig);
176
- inputAnimatedWidth.value = inputWidth;
177
- };
203
+ const cancel = useCallback(
204
+ (event: GestureResponderEvent) => {
205
+ onChangeText?.("");
206
+ onCancel?.(event);
207
+ },
208
+ [onCancel, onChangeText]
209
+ );
178
210
 
179
- const cancel = useCallback(
180
- (event: GestureResponderEvent) => {
211
+ const clear = useCallback(() => {
181
212
  onChangeText?.("");
182
- onCancel?.(event);
183
- },
184
- [onCancel, onChangeText]
185
- );
186
-
187
- const clear = useCallback(() => {
188
- onChangeText?.("");
189
- searchInputRef.current?.clear();
190
- }, [onChangeText]);
213
+ searchInputRef.current?.clear();
214
+ }, [onChangeText]);
191
215
 
192
- const handleChangeText = useCallback(
193
- (text: string) => onChangeText?.(text),
194
- [onChangeText]
195
- );
216
+ const handleChangeText = useCallback(
217
+ (text: string) => onChangeText?.(text),
218
+ [onChangeText]
219
+ );
196
220
 
197
- const renderSearchBar = () => (
198
- <Animated.View style={styles.searchBar}>
199
- <Animated.View
200
- style={[styles.searchInput, animatedStyle]}
201
- pointerEvents={pressable ? "none" : "auto"}
202
- >
203
- <View style={styles.iconContainer}>
204
- <Icon name="search" size={iconSize} color={iconColor} />
205
- </View>
206
- <AnimatedTextInput
207
- testID={testID}
208
- ref={searchInputRef}
209
- inputMode="search"
210
- returnKeyType="search"
211
- accessibilityRole={"search"}
212
- accessibilityLabel={accessibilityLabel}
213
- style={[
214
- styles.textInput,
215
- Platform.OS === "ios"
216
- ? styles.textInputIOS
217
- : styles.textInputAndroid,
218
- isExperimental ? styles.placeholder : styles.placeholderLegacy
219
- ]}
220
- selectionColor={inputCaretColor}
221
- cursorColor={inputCaretColor}
222
- placeholder={placeholder}
223
- placeholderTextColor={inputColorPlaceholder}
224
- onFocus={handleFocus}
225
- onBlur={handleBlur}
226
- onChangeText={handleChangeText}
227
- value={value}
228
- autoFocus={autoFocus}
229
- />
230
- <AnimatedPressable
231
- style={[styles.clearButton, clearButtonAnimatedStyle]}
232
- onPress={clear}
233
- accessibilityLabel={clearAccessibilityLabel}
234
- accessibilityRole="button"
235
- hitSlop={16}
221
+ const renderSearchBar = () => (
222
+ <Animated.View style={styles.searchBar}>
223
+ <Animated.View
224
+ style={[styles.searchInput, animatedStyle]}
225
+ pointerEvents={pressable ? "none" : "auto"}
236
226
  >
237
- <Icon name="closeSmall" size={iconCloseSize} color={iconColor} />
238
- </AnimatedPressable>
239
- </Animated.View>
240
- <Animated.View
241
- onLayout={getCancelButtonWidth}
242
- style={[styles.cancelButton, cancelButtonAnimatedStyle]}
243
- >
244
- <ButtonLink label={cancelButtonLabel} onPress={cancel} />
227
+ <View style={styles.iconContainer}>
228
+ <Icon name="search" size={iconSize} color={iconColor} />
229
+ </View>
230
+ <AnimatedTextInput
231
+ testID={testID}
232
+ ref={searchInputRef}
233
+ inputMode="search"
234
+ returnKeyType="search"
235
+ accessibilityRole={"search"}
236
+ accessibilityLabel={accessibilityLabel}
237
+ style={[
238
+ styles.textInput,
239
+ Platform.OS === "ios"
240
+ ? styles.textInputIOS
241
+ : styles.textInputAndroid,
242
+ isExperimental ? styles.placeholder : styles.placeholderLegacy
243
+ ]}
244
+ selectionColor={inputCaretColor}
245
+ cursorColor={inputCaretColor}
246
+ placeholder={placeholder}
247
+ placeholderTextColor={inputColorPlaceholder}
248
+ onFocus={handleFocus}
249
+ onBlur={handleBlur}
250
+ onChangeText={handleChangeText}
251
+ value={value}
252
+ autoFocus={autoFocus}
253
+ />
254
+ <AnimatedPressable
255
+ style={[styles.clearButton, clearButtonAnimatedStyle]}
256
+ onPress={clear}
257
+ accessibilityLabel={clearAccessibilityLabel}
258
+ accessibilityRole="button"
259
+ hitSlop={16}
260
+ >
261
+ <Icon name="closeSmall" size={iconCloseSize} color={iconColor} />
262
+ </AnimatedPressable>
263
+ </Animated.View>
264
+ <Animated.View
265
+ onLayout={getCancelButtonWidth}
266
+ style={[styles.cancelButton, cancelButtonAnimatedStyle]}
267
+ >
268
+ <ButtonLink label={cancelButtonLabel} onPress={cancel} />
269
+ </Animated.View>
245
270
  </Animated.View>
246
- </Animated.View>
247
- );
271
+ );
248
272
 
249
- return pressable ? (
250
- <Pressable
251
- accessibilityRole="button"
252
- accessibilityLabel={placeholder}
253
- onPress={pressable?.onPress}
254
- >
255
- {renderSearchBar()}
256
- </Pressable>
257
- ) : (
258
- renderSearchBar()
259
- );
260
- };
273
+ return pressable ? (
274
+ <Pressable
275
+ accessibilityRole="button"
276
+ accessibilityLabel={placeholder}
277
+ onPress={pressable?.onPress}
278
+ >
279
+ {renderSearchBar()}
280
+ </Pressable>
281
+ ) : (
282
+ renderSearchBar()
283
+ );
284
+ }
285
+ );
261
286
 
262
287
  const styles = StyleSheet.create({
263
288
  searchBar: {