sapo-components-ui-rn 1.1.28 → 1.1.30
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.
- package/dist/components/SearchInput/index.d.ts +1 -1
- package/dist/index.esm.js +5 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +5 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/SearchInput/index.tsx +3 -0
- package/src/components/Text/index.tsx +2 -2
|
@@ -16,5 +16,5 @@ interface SearchInputProps {
|
|
|
16
16
|
debounceTime?: number;
|
|
17
17
|
autoFocus?: boolean;
|
|
18
18
|
}
|
|
19
|
-
declare const SearchInput: ({ value, disabled, rightIcon, clearButton, placeholder, onFocus, onBlur, onChangeText, style, height, debounceTime, autoFocus, }: SearchInputProps) => React.JSX.Element;
|
|
19
|
+
declare const SearchInput: ({ value, disabled, rightIcon, clearButton, placeholder, onFocus, onBlur, onChangeText, style, height, debounceTime, autoFocus, textStyle, }: SearchInputProps) => React.JSX.Element;
|
|
20
20
|
export default SearchInput;
|
package/dist/index.esm.js
CHANGED
|
@@ -4785,9 +4785,9 @@ var Text = function (props) {
|
|
|
4785
4785
|
color: colors.textDefault,
|
|
4786
4786
|
fontFamily: "Inter-Regular",
|
|
4787
4787
|
fontSize: 15,
|
|
4788
|
-
lineHeight:
|
|
4788
|
+
lineHeight: 24,
|
|
4789
4789
|
};
|
|
4790
|
-
var _a = props.size, size = _a === void 0 ?
|
|
4790
|
+
var _a = props.size, size = _a === void 0 ? 15 : _a, lineHeight = props.lineHeight, center = props.center, color = props.color, bold = props.bold, medium = props.medium, semibold = props.semibold;
|
|
4791
4791
|
style.color = theme.colors.textDefault || "black";
|
|
4792
4792
|
if (size) {
|
|
4793
4793
|
style.fontSize = size;
|
|
@@ -7157,7 +7157,7 @@ var styles$2 = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
|
|
|
7157
7157
|
var index$1 = React__default.memo(SelectionField);
|
|
7158
7158
|
|
|
7159
7159
|
var SearchInput = function (_a) {
|
|
7160
|
-
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, _f = _a.debounceTime, debounceTime = _f === void 0 ? 500 : _f, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g;
|
|
7160
|
+
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, _f = _a.debounceTime, debounceTime = _f === void 0 ? 500 : _f, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g, textStyle = _a.textStyle;
|
|
7161
7161
|
var theme = useInternalTheme();
|
|
7162
7162
|
var colors = theme.colors;
|
|
7163
7163
|
var debouncedOnChangeText = useDebouncedCallback(function (text) {
|
|
@@ -7168,12 +7168,14 @@ var SearchInput = function (_a) {
|
|
|
7168
7168
|
{
|
|
7169
7169
|
height: height || 36,
|
|
7170
7170
|
},
|
|
7171
|
+
textStyle,
|
|
7171
7172
|
style,
|
|
7172
7173
|
], contentStyle: [
|
|
7173
7174
|
{
|
|
7174
7175
|
backgroundColor: colors.surfaceSecondaryDefault,
|
|
7175
7176
|
paddingTop: 0,
|
|
7176
7177
|
},
|
|
7178
|
+
textStyle,
|
|
7177
7179
|
style,
|
|
7178
7180
|
] }));
|
|
7179
7181
|
};
|