sapo-components-ui-rn 1.0.15 → 1.0.17

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

@@ -7,7 +7,6 @@ interface ViewProps {
     justifyBetween?: boolean;
     alignCenter?: boolean;
     center?: boolean;
-    gap?: number;
     color?: any;
     backgroundColor?: any;
     width?: number | `${number}%`;
@@ -34,5 +33,5 @@ interface ViewProps {
     borderWidth?: number;
     borderColor?: string;
 }
-declare const _default: React.MemoExoticComponent<({ row, full, justifyCenter, justifyBetween, alignCenter, center, color, backgroundColor, width, height, padding, paddingHorizontal, paddingVertical, marginHorizontal, marginVertical, paddingLeft, paddingRight, paddingTop, alignEnd, wrap, borderBottomWidth, borderBottomColor, borderRadius, borderWidth, borderColor, style, onPress, activeOpacity, children, disabled, }: ViewProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ row, full, justifyCenter, justifyBetween, alignCenter, center, color, backgroundColor, width, height, padding, paddingHorizontal, paddingVertical, marginHorizontal, marginVertical, paddingLeft, paddingRight, paddingTop, alignEnd, wrap, borderBottomWidth, borderBottomColor, borderRadius, borderWidth, borderColor, style, onPress, activeOpacity, children, disabled, paddingBottom, }: ViewProps) => React.JSX.Element>;
 export default _default;

package/dist/index.esm.js

@@ -1907,7 +1907,7 @@ var styles$g = StyleSheet.create({
 });
 
 var ViewCustom = function (_a) {
-    var row = _a.row, full = _a.full, justifyCenter = _a.justifyCenter, justifyBetween = _a.justifyBetween, alignCenter = _a.alignCenter, center = _a.center, color = _a.color, backgroundColor = _a.backgroundColor, width = _a.width, height = _a.height, padding = _a.padding, paddingHorizontal = _a.paddingHorizontal, paddingVertical = _a.paddingVertical, marginHorizontal = _a.marginHorizontal, marginVertical = _a.marginVertical, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingTop = _a.paddingTop, alignEnd = _a.alignEnd, wrap = _a.wrap, borderBottomWidth = _a.borderBottomWidth, borderBottomColor = _a.borderBottomColor, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, borderColor = _a.borderColor, style = _a.style, onPress = _a.onPress, activeOpacity = _a.activeOpacity, children = _a.children, disabled = _a.disabled;
+    var row = _a.row, full = _a.full, justifyCenter = _a.justifyCenter, justifyBetween = _a.justifyBetween, alignCenter = _a.alignCenter, center = _a.center, color = _a.color, backgroundColor = _a.backgroundColor, width = _a.width, height = _a.height, padding = _a.padding, paddingHorizontal = _a.paddingHorizontal, paddingVertical = _a.paddingVertical, marginHorizontal = _a.marginHorizontal, marginVertical = _a.marginVertical, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingTop = _a.paddingTop, alignEnd = _a.alignEnd, wrap = _a.wrap, borderBottomWidth = _a.borderBottomWidth, borderBottomColor = _a.borderBottomColor, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, borderColor = _a.borderColor, style = _a.style, onPress = _a.onPress, activeOpacity = _a.activeOpacity, children = _a.children, disabled = _a.disabled, paddingBottom = _a.paddingBottom;
     var getStyle = function () {
         var styleCustom = {};
         if (row) {
@@ -1977,6 +1977,9 @@ var ViewCustom = function (_a) {
         if (borderBottomColor) {
             styleCustom.borderBottomColor = borderBottomColor;
         }
+        if (paddingBottom) {
+            styleCustom.paddingBottom = paddingBottom;
+        }
         if (borderRadius) {
             styleCustom.borderRadius = borderRadius;
         }
@@ -5588,7 +5591,7 @@ var TextInputDefault = function (_a) {
         return React$3.createElement(View, null);
     };
     return (React$3.createElement(View, { style: viewStyle },
-        React$3.createElement(View, { row: true, alignCenter: true, style: [
+        React$3.createElement(View, { row: true, alignCenter: true, justifyCenter: true, style: [
                 {
                     borderRadius: CONSTANTS.BORDER_RADIUS_6,
                     borderWidth: 1,
@@ -5601,7 +5604,9 @@ var TextInputDefault = function (_a) {
             ] },
             React$3.createElement(View, { paddingLeft: CONSTANTS.SPACE_12 }, left),
             left && React$3.createElement(Spacer, { width: CONSTANTS.SPACE_8 }),
-            React$3.createElement(View, { full: true },
+            React$3.createElement(View, { full: true, style: {
+                    height: height || 48,
+                } },
                 multiline && renderLabel(), render === null || render === void 0 ? void 0 :
                 render(__assign(__assign({}, rest), { ref: innerRef, onChangeText: handleChangeText, value: inputValue, placeholder: ((_b = parentState.value) === null || _b === void 0 ? void 0 : _b.toString()) == ""
                         ? parentState.focused
@@ -5616,7 +5621,7 @@ var TextInputDefault = function (_a) {
                                     : "left", height: height ? height : 48 }),
                         contentStyle,
                     ] }))),
-            !disabled && clearButton && inputValue ? (React$3.createElement(TouchableOpacity, { onPress: handleClear, style: styles$a.clearButton },
+            !disabled && clearButton && inputValue ? (React$3.createElement(TouchableOpacity, { onPress: handleClear, style: multiline ? styles$a.clearButtonMultiline : styles$a.clearButton },
                 React$3.createElement(Icon$1, { name: "IconClearText", type: "Svg", size: 24 }))) : (React$3.createElement(Spacer, { width: CONSTANTS.SPACE_12 })),
             right && React$3.createElement(Spacer, { width: CONSTANTS.SPACE_8 }),
             right && React$3.createElement(View, { paddingRight: CONSTANTS.SPACE_12 }, right))));
@@ -5629,11 +5634,14 @@ var styles$a = StyleSheet.create({
         paddingLeft: 0,
         paddingTop: Platform.OS === "ios" ? CONSTANTS.SPACE_4 : CONSTANTS.SPACE_2,
     },
-    clearButton: {
+    clearButtonMultiline: {
         paddingRight: CONSTANTS.SPACE_12,
         height: "100%",
         paddingTop: CONSTANTS.SPACE_12,
     },
+    clearButton: {
+        justifyContent: "center",
+    },
 });
 
 var roundLayoutSize = function (size) {
@@ -5926,9 +5934,7 @@ var Button = function (_a) {
                 return colors.textBrandDefault;
         }
     };
-    return (React__default.createElement(View, { style: {
-            flexDirection: full ? "column" : "row",
-        } },
+    return (React__default.createElement(View, { row: !full },
         React__default.createElement(ScaleButton$1, __assign({ activeOpacity: 0.8, onPress: onPress }, props, { disabled: disabled || false }),
             React__default.createElement(View, { style: [
                     styles$9.button,
@@ -6744,6 +6750,9 @@ var SelectionField = function (_a) {
             return colors.textPlaceholder;
         if (error.length > 0)
             return colors.textErrorDefault;
+        if (content.toString() === "") {
+            return textColor || colors.textSecondary;
+        }
         return textColor || colors.textDefault;
     };
     return (React__default.createElement(View, null,
@@ -6809,7 +6818,7 @@ var SearchInput = function (_a) {
     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: [
             {
-                height: 36,
+                height: 40,
             },
             style,
         ] }));