sapo-components-ui-rn 1.1.74 → 1.1.76

package/dist/index.esm.js

@@ -5026,14 +5026,14 @@ var TextInputFlat = function (_a) {
         }
         return false;
     };
-    return (React$3.createElement(View$1, null,
+    return (React$3.createElement(View$1, { style: { flex: 1 } },
         React$3.createElement(View$1, { style: {
                 flexDirection: "row",
                 alignItems: "center",
                 borderRadius: BORDER_RADIUS_6,
                 borderWidth: 1,
                 borderColor: getBorderColor(),
-                height: 36,
+                height: 48,
                 overflow: "hidden",
                 backgroundColor: disabled
                     ? theme.colors.surfacePrimaryDisabled
@@ -5102,7 +5102,7 @@ var styles$e = StyleSheet.create({
     input: {
         // margin: 0,
         flex: 1,
-        height: 36,
+        height: 48,
     },
     inputFlat: {
         paddingTop: 24,
@@ -5131,7 +5131,7 @@ var styles$e = StyleSheet.create({
 
 var TextInputDefault = function (_a) {
     var _b;
-    var _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.editable, editable = _d === void 0 ? true : _d, label = _a.label, _e = _a.error, error = _e === void 0 ? false : _e, customSelectionColor = _a.selectionColor, cursorColor = _a.cursorColor, customOutlineColor = _a.outlineColor, activeOutlineColor = _a.activeOutlineColor; _a.outlineStyle; var textColor = _a.textColor; _a.dense; var style = _a.style, theme = _a.theme, _f = _a.render, render = _f === void 0 ? function (props) { return React$3.createElement(TextInput$1, __assign({}, props)); } : _f, _g = _a.multiline, multiline = _g === void 0 ? false : _g, parentState = _a.parentState, innerRef = _a.innerRef, onFocus = _a.onFocus; _a.forceFocus; var onBlur = _a.onBlur, onChangeText = _a.onChangeText; _a.onLayout; var left = _a.left, right = _a.right, prefix = _a.prefix, suffix = _a.suffix, placeholderTextColor = _a.placeholderTextColor, _h = _a.clearButton, clearButton = _h === void 0 ? false : _h, contentStyle = _a.contentStyle, _j = _a.value, value = _j === void 0 ? "" : _j, textError = _a.textError, required = _a.required, rest = __rest(_a, ["disabled", "editable", "label", "error", "selectionColor", "cursorColor", "outlineColor", "activeOutlineColor", "outlineStyle", "textColor", "dense", "style", "theme", "render", "multiline", "parentState", "innerRef", "onFocus", "forceFocus", "onBlur", "onChangeText", "onLayout", "left", "right", "prefix", "suffix", "placeholderTextColor", "clearButton", "contentStyle", "value", "textError", "required"]);
+    var _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.editable, editable = _d === void 0 ? true : _d, label = _a.label, _e = _a.error, error = _e === void 0 ? false : _e, customSelectionColor = _a.selectionColor, cursorColor = _a.cursorColor, customOutlineColor = _a.outlineColor, activeOutlineColor = _a.activeOutlineColor; _a.outlineStyle; var textColor = _a.textColor; _a.dense; var style = _a.style, theme = _a.theme, _f = _a.render, render = _f === void 0 ? function (props) { return React$3.createElement(TextInput$1, __assign({}, props)); } : _f, _g = _a.multiline, multiline = _g === void 0 ? false : _g, parentState = _a.parentState, innerRef = _a.innerRef, onFocus = _a.onFocus, forceFocus = _a.forceFocus, onBlur = _a.onBlur, onChangeText = _a.onChangeText; _a.onLayout; var left = _a.left, right = _a.right, prefix = _a.prefix, suffix = _a.suffix, placeholderTextColor = _a.placeholderTextColor, _h = _a.clearButton, clearButton = _h === void 0 ? false : _h, contentStyle = _a.contentStyle, _j = _a.value, value = _j === void 0 ? "" : _j, textError = _a.textError, required = _a.required, rest = __rest(_a, ["disabled", "editable", "label", "error", "selectionColor", "cursorColor", "outlineColor", "activeOutlineColor", "outlineStyle", "textColor", "dense", "style", "theme", "render", "multiline", "parentState", "innerRef", "onFocus", "forceFocus", "onBlur", "onChangeText", "onLayout", "left", "right", "prefix", "suffix", "placeholderTextColor", "clearButton", "contentStyle", "value", "textError", "required"]);
     var colors = theme.colors;
     var font = theme.fonts.bodyLarge;
     var _k = (StyleSheet.flatten(style) || {}), fontSizeStyle = _k.fontSize, fontWeight = _k.fontWeight, lineHeightStyle = _k.lineHeight, height = _k.height, _l = _k.backgroundColor; _l === void 0 ? colors === null || colors === void 0 ? void 0 : colors.backgroundPrimary : _l; var textAlign = _k.textAlign; _k.minHeight; var viewStyle = __rest(_k, ["fontSize", "fontWeight", "lineHeight", "height", "backgroundColor", "textAlign", "minHeight"]);
@@ -5197,13 +5197,17 @@ var TextInputDefault = function (_a) {
         var _a, _b;
         if (parentState.focused ||
             (parentState.value !== undefined && ((_a = parentState.value) === null || _a === void 0 ? void 0 : _a.toString()) !== "")) {
-            return (React$3.createElement(View, { paddingTop: CONSTANTS.SPACE_6 },
+            return (React$3.createElement(View, { paddingTop: CONSTANTS.SPACE_6, onPress: function () {
+                    forceFocus();
+                } },
                 React$3.createElement(Text$1, { color: getLabelColor(), size: MINIMIZED_LABEL_FONT_SIZE },
                     label,
                     required && React$3.createElement(Text$1, { color: theme.colors.textErrorDefault }, " *"))));
         }
         else if (((_b = parentState.value) === null || _b === void 0 ? void 0 : _b.toString()) == "") {
-            return (React$3.createElement(View, { paddingTop: CONSTANTS.SPACE_12 },
+            return (React$3.createElement(View, { paddingTop: CONSTANTS.SPACE_12, onPress: function () {
+                    forceFocus();
+                } },
                 React$3.createElement(Text$1, { color: getLabelColor(), style: [contentStyle] },
                     label,
                     required && (React$3.createElement(Text$1, { style: [contentStyle], color: theme.colors.textErrorDefault },
@@ -5277,7 +5281,7 @@ var TextInputDefault = function (_a) {
         }
         return false;
     };
-    return (React$3.createElement(View, { style: viewStyle },
+    return (React$3.createElement(View, { style: [{ flex: 1 }, viewStyle] },
         React$3.createElement(View, { row: true, alignCenter: !multiline, justifyCenter: true, style: [
                 {
                     borderRadius: CONSTANTS.BORDER_RADIUS_6,
@@ -5294,7 +5298,7 @@ var TextInputDefault = function (_a) {
             left && React$3.createElement(Spacer, { width: CONSTANTS.SPACE_8 }),
             React$3.createElement(View, { full: true, style: [
                     {
-                        height: height || 36,
+                        height: height || 48,
                     },
                 ] },
                 multiline && renderLabel(),
@@ -5308,7 +5312,7 @@ var TextInputDefault = function (_a) {
                                 ? textAlign
                                 : I18nManager.getConstants().isRTL
                                     ? "right"
-                                    : "left", height: height ? height : 36, paddingTop: getPaddingTopValue(), paddingBottom: multiline ? CONSTANTS.SPACE_4 : 0 }),
+                                    : "left", height: height ? height : 48, paddingTop: getPaddingTopValue(), paddingBottom: multiline ? CONSTANTS.SPACE_4 : 0 }),
                         contentStyle,
                     ] }))) : (React$3.createElement(View, { style: {
                         flexDirection: "row",
@@ -5318,7 +5322,7 @@ var TextInputDefault = function (_a) {
                             ? activeColor
                             : cursorColor, placeholderTextColor: placeholderTextColorBasedOnState, onFocus: onFocus, onBlur: onBlur, underlineColorAndroid: "transparent", multiline: multiline, style: [
                             styles$d.input,
-                            __assign(__assign({}, font), { fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight, color: inputTextColor, textAlignVertical: "center", height: height ? height : 36, paddingTop: getPaddingTopValue(), paddingBottom: 0 }),
+                            __assign(__assign({}, font), { fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight, color: inputTextColor, textAlignVertical: "center", height: height ? height : 48, paddingTop: getPaddingTopValue(), paddingBottom: 0 }),
                             contentStyle,
                         ] })),
                     renderSuffix()))),
@@ -5339,7 +5343,7 @@ var styles$d = StyleSheet.create({
     input: {
         margin: 0,
         flex: 1,
-        height: 36,
+        height: 48,
         paddingLeft: 0,
     },
     clearButtonMultiline: {
@@ -5350,7 +5354,6 @@ var styles$d = StyleSheet.create({
     clearButton: {
         justifyContent: "center",
         paddingHorizontal: CONSTANTS.SPACE_8,
-        // alignItems: "center",
     },
     vError: {
         paddingTop: CONSTANTS.SPACE_4,
@@ -5753,7 +5756,7 @@ var TextInputNumber = function (_a) {
             setInputValue((value === null || value === void 0 ? void 0 : value.toString()) || "");
         }, 300);
     };
-    return (React__default.createElement(View, null,
+    return (React__default.createElement(View, { style: { flex: 1 } },
         React__default.createElement(ScaleButton$1, __assign({ activeOpacity: 0.8, onPress: onShowModalKeyboard }, props, { disabled: disabled || false }),
             React__default.createElement(View, { style: [
                     styles$c.container,
@@ -5761,7 +5764,7 @@ var TextInputNumber = function (_a) {
                         borderRadius: BORDER_RADIUS_6,
                     },
                     {
-                        height: height ? height : 36,
+                        height: height ? height : 48,
                     },
                     [
                         styles$c.border,
@@ -5793,7 +5796,7 @@ var TextInputNumber = function (_a) {
                 left && (React__default.createElement(View, { center: true, paddingRight: SPACE_8, height: "100%" }, left)),
                 React__default.createElement(View, { full: true, paddingRight: SPACE_4 },
                     !checkValueEmpty() && !checkLabelEmpty() && (React__default.createElement(View, null,
-                        React__default.createElement(Text$1, { size: 14, color: colors.textSecondary, style: [
+                        React__default.createElement(Text$1, { numberOfLines: 1, size: 14, color: colors.textSecondary, style: [
                                 labelStyle,
                                 disabled && {
                                     color: colors.textPlaceholder,
@@ -5877,7 +5880,7 @@ var TextInputNumber = function (_a) {
                                 ] }, "L\u01B0u"))))))));
 };
 var styles$c = StyleSheet.create(__assign(__assign({}, containerStyles), { disabled: { opacity: 0.6 }, container: {
-        height: 36,
+        height: 48,
         flexDirection: "row",
         justifyContent: "space-between",
         alignItems: "center",
@@ -5920,7 +5923,7 @@ var styles$c = StyleSheet.create(__assign(__assign({}, containerStyles), { disab
         borderRadius: 8,
         alignItems: "center",
         justifyContent: "center",
-        height: 36,
+        height: 48,
     }, keyText: {
         fontWeight: "500",
     }, actionRow: {