sapo-components-ui-rn 1.0.17 → 1.0.19

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

@@ -12,6 +12,7 @@ interface SearchInputProps {
     onFocus?: () => void;
     onBlur?: () => void;
     onChangeText?: (text: string) => void;
+    height?: number;
 }
-declare const SearchInput: ({ value, disabled, rightIcon, clearButton, placeholder, onFocus, onBlur, onChangeText, style, }: SearchInputProps) => React.JSX.Element;
+declare const SearchInput: ({ value, disabled, rightIcon, clearButton, placeholder, onFocus, onBlur, onChangeText, style, height, }: SearchInputProps) => React.JSX.Element;
 export default SearchInput;

package/dist/index.esm.js

@@ -5618,7 +5618,11 @@ var TextInputDefault = function (_a) {
                                 ? textAlign
                                 : I18nManager.getConstants().isRTL
                                     ? "right"
-                                    : "left", height: height ? height : 48 }),
+                                    : "left", height: height ? height : 48, paddingTop: Platform.OS === "android"
+                                ? multiline
+                                    ? CONSTANTS.SPACE_2
+                                    : CONSTANTS.SPACE_8
+                                : CONSTANTS.SPACE_4 }),
                         contentStyle,
                     ] }))),
             !disabled && clearButton && inputValue ? (React$3.createElement(TouchableOpacity, { onPress: handleClear, style: multiline ? styles$a.clearButtonMultiline : styles$a.clearButton },
@@ -5641,6 +5645,7 @@ var styles$a = StyleSheet.create({
     },
     clearButton: {
         justifyContent: "center",
+        paddingHorizontal: CONSTANTS.SPACE_8,
     },
 });
 
@@ -6814,15 +6819,16 @@ var styles = StyleSheet.create(__assign(__assign({}, containerStyles), { disable
 var index = React__default.memo(SelectionField);
 
 var SearchInput = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? "" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, rightIcon = _a.rightIcon, _d = _a.clearButton, clearButton = _d === void 0 ? false : _d, _e = _a.placeholder, placeholder = _e === void 0 ? "Tìm kiếm" : _e, onFocus = _a.onFocus, onBlur = _a.onBlur, onChangeText = _a.onChangeText, style = _a.style;
+    var _b = _a.value, value = _b === void 0 ? "" : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, rightIcon = _a.rightIcon, _d = _a.clearButton, clearButton = _d === void 0 ? false : _d, _e = _a.placeholder, placeholder = _e === void 0 ? "Tìm kiếm" : _e, onFocus = _a.onFocus, onBlur = _a.onBlur, onChangeText = _a.onChangeText, style = _a.style, height = _a.height;
     return (React__default.createElement(TextInput, { left: React__default.createElement(View, { paddingRight: SPACE_8 },
-            React__default.createElement(Icon$1, { name: "IconSearch", type: "Svg", size: 24 })), disabled: disabled, value: value, clearButton: clearButton, mode: "default", placeholder: placeholder, right: rightIcon, onFocus: onFocus, onBlur: onBlur, allowFontScaling: false, onChangeText: onChangeText, contentStyle: [
+            React__default.createElement(Icon$1, { name: "IconSearch", type: "Svg", size: 24 })), disabled: disabled, value: value, clearButton: clearButton, mode: "default", placeholder: placeholder, right: rightIcon, onFocus: onFocus, onBlur: onBlur, allowFontScaling: false, onChangeText: onChangeText, style: [
             {
-                height: 40,
+                height: height || 40,
             },
             style,
         ] }));
 };
+StyleSheet.create(__assign({}, containerStyles));
 
 var toastRef = React__default.createRef();
 var showToast = function (_a) {