sapo-components-ui-rn 1.1.75 → 1.1.76

package/dist/index.esm.js

@@ -5026,7 +5026,7 @@ 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",
@@ -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,
@@ -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,
@@ -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,