sapo-components-ui-rn 1.0.69 → 1.0.71

package/dist/index.esm.js

@@ -9,7 +9,6 @@ import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 import Svg, { Rect, Path, Circle } from 'react-native-svg';
 import { useSafeAreaInsets, SafeAreaProvider } from 'react-native-safe-area-context';
-import FastImage from '@d11/react-native-fast-image';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -5438,6 +5437,15 @@ var TextInputFlat = function (_a) {
         }
         return React$3.createElement(View$1, null);
     };
+    var checkLineRightAction = function () {
+        if (!multiline && right && inputValue) {
+            return true;
+        }
+        if (parentState.focused && right) {
+            return true;
+        }
+        return false;
+    };
     return (React$3.createElement(View$1, null,
         React$3.createElement(View$1, { style: {
                 flexDirection: "row",
@@ -5485,7 +5493,7 @@ var TextInputFlat = function (_a) {
                     renderSuffix())),
             !disabled && clearButton && inputValue ? (React$3.createElement(TouchableOpacity, { onPress: handleClear, style: styles$d.clearButton },
                 React$3.createElement(Icon$1, { name: "IconClearText", type: "Svg", size: 24 }))) : (React$3.createElement(Spacer, { width: SPACE_12 })),
-            !multiline && right && (React$3.createElement(Spacer, { width: 1, height: 30, backgroundColor: theme.colors.borderPrimaryDefault, style: {
+            checkLineRightAction() && (React$3.createElement(Spacer, { width: 1, height: 24, backgroundColor: theme.colors.borderPrimaryDefault, style: {
                     marginRight: SPACE_8,
                 } })),
             React$3.createElement(View$1, { style: {
@@ -5666,6 +5674,15 @@ var TextInputDefault = function (_a) {
         }
         return React$3.createElement(View, null);
     };
+    var checkLineRightAction = function () {
+        if (!multiline && right && inputValue) {
+            return true;
+        }
+        if (parentState.focused && right) {
+            return true;
+        }
+        return false;
+    };
     return (React$3.createElement(View, { style: viewStyle },
         React$3.createElement(View, { row: true, alignCenter: !multiline, justifyCenter: true, style: [
                 {
@@ -5724,7 +5741,7 @@ var TextInputDefault = function (_a) {
                     !multiline && renderSuffix()))),
             !disabled && clearButton && inputValue ? (React$3.createElement(TouchableOpacity, { onPress: handleClear, style: multiline ? styles$c.clearButtonMultiline : styles$c.clearButton },
                 React$3.createElement(Icon$1, { name: "IconClearText", type: "Svg", size: 24 }))) : (React$3.createElement(Spacer, { width: CONSTANTS.SPACE_12 })),
-            !multiline && right && (React$3.createElement(Spacer, { width: 1, height: 30, backgroundColor: colors.borderPrimaryDefault, style: {
+            checkLineRightAction() && (React$3.createElement(Spacer, { width: 1, height: 24, backgroundColor: colors.borderPrimaryDefault, style: {
                     marginRight: CONSTANTS.SPACE_8,
                 } })),
             right && !clearButton && React$3.createElement(Spacer, { width: CONSTANTS.SPACE_2 }),
@@ -6051,7 +6068,7 @@ var TextInputNumber = function (_a) {
                             suffix)))),
                 clearButton && !checkValueEmpty() && (React__default.createElement(TouchableOpacity, { activeOpacity: 0.8, onPress: handleClearInput },
                     React__default.createElement(Icon$1, { name: "IconClearText", type: "Svg", size: 24 }))),
-                right && (React__default.createElement(Spacer, { width: 1, height: 30, backgroundColor: theme.colors.borderPrimaryDefault, style: {
+                right && numberValue && (React__default.createElement(Spacer, { width: 1, height: 24, backgroundColor: theme.colors.borderPrimaryDefault, style: {
                         marginLeft: SPACE_4,
                     } })),
                 right && (React__default.createElement(View, { center: true, paddingLeft: SPACE_8, height: "100%" }, right)),
@@ -6846,7 +6863,9 @@ var getSource = function (source) {
     return newSource;
 };
 var Image = function (props) {
-    var children = props.children, source = props.source, useFastImage = props.useFastImage, disableDefaultImage = props.disableDefaultImage, style = props.style, _a = props.resizeMode, resizeMode = _a === void 0 ? "contain" : _a;
+    var children = props.children, source = props.source, 
+    // useFastImage,
+    disableDefaultImage = props.disableDefaultImage, style = props.style, _a = props.resizeMode, resizeMode = _a === void 0 ? "contain" : _a;
     var _b = useState(false), hasError = _b[0], setHasError = _b[1];
     var image = getSource(disableDefaultImage
         ? source
@@ -6854,39 +6873,56 @@ var Image = function (props) {
             ? require("./assets/images/image_default.png")
             : source || require("./assets/images/image_default.png"));
     var ImageComponent = children ? ImageBackground : Image$2;
-    var getUriImage = function (uri) {
-        return uri !== null &&
-            uri !== undefined &&
-            uri.includes("/") &&
-            uri.includes(".")
-            ? uri
-            : "";
-    };
+    // const getUriImage = (uri: string) => {
+    //   return uri !== null &&
+    //     uri !== undefined &&
+    //     uri.includes("/") &&
+    //     uri.includes(".")
+    //     ? uri
+    //     : "";
+    // };
     var handleError = function () {
         setHasError(true);
     };
-    var getFastImageResizeMode = function (mode) {
-        switch (mode) {
-            case "cover":
-                return FastImage.resizeMode.cover;
-            case "contain":
-                return FastImage.resizeMode.contain;
-            case "stretch":
-                return FastImage.resizeMode.stretch;
-            case "center":
-                return FastImage.resizeMode.center;
-            default:
-                return FastImage.resizeMode.contain;
-        }
-    };
-    if (useFastImage && (image === null || image === void 0 ? void 0 : image.uri)) {
-        props.defaultSource; props.onLoad; props.onLoadStart; props.onLoadEnd; props.onProgress; var imageStyle = props.style, restProps = __rest(props, ["defaultSource", "onLoad", "onLoadStart", "onLoadEnd", "onProgress", "style"]);
-        return (React__default.createElement(View$1, { style: style },
-            React__default.createElement(FastImage, __assign({ resizeMode: getFastImageResizeMode(resizeMode) }, restProps, { onError: handleError, source: {
-                    uri: getUriImage(image.uri),
-                    cache: FastImage.cacheControl.immutable,
-                }, style: imageStyle }))));
-    }
+    // const getFastImageResizeMode = (mode: string): ResizeMode => {
+    //   switch (mode) {
+    //     case "cover":
+    //       return FastImage.resizeMode.cover;
+    //     case "contain":
+    //       return FastImage.resizeMode.contain;
+    //     case "stretch":
+    //       return FastImage.resizeMode.stretch;
+    //     case "center":
+    //       return FastImage.resizeMode.center;
+    //     default:
+    //       return FastImage.resizeMode.contain;
+    //   }
+    // };
+    // if (useFastImage && image?.uri) {
+    //   const {
+    //     defaultSource,
+    //     onLoad,
+    //     onLoadStart,
+    //     onLoadEnd,
+    //     onProgress,
+    //     style: imageStyle,
+    //     ...restProps
+    //   } = props;
+    //   return (
+    //     <View style={style}>
+    //       <FastImage
+    //         resizeMode={getFastImageResizeMode(resizeMode)}
+    //         {...restProps}
+    //         onError={handleError}
+    //         source={{
+    //           uri: getUriImage(image.uri),
+    //           cache: FastImage.cacheControl.immutable,
+    //         }}
+    //         style={imageStyle as any}
+    //       />
+    //     </View>
+    //   );
+    // }
     if (!source && disableDefaultImage) {
         if (children) {
             return React__default.createElement(View$1, __assign({}, props), children);