react-native-ui-lib 7.38.1-snapshot.6305 → 7.38.1-snapshot.6307

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-lib",
-  "version": "7.38.1-snapshot.6305",
+  "version": "7.38.1-snapshot.6307",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",

package/src/components/avatar/index.d.ts

@@ -162,29 +162,30 @@ declare const Avatar: React.ForwardRefExoticComponent<Pick<AccessibilityProps, "
      * Image props object
      */
     imageProps?: Partial<Omit<import("react-native").ImageProps, "source"> & Pick<import("react-native").ImageBackgroundProps, "imageStyle"> & Partial<Record<"margin" | "marginL" | "marginT" | "marginR" | "marginB" | "marginH" | "marginV", boolean>> & import("../..").RecorderProps & {
+        /**
+         * Avatar colors to be used when useAutoColors is true
+         */
         sourceTransformer?: ((props: any) => import("../image").ImageSourceType) | undefined;
         assetName?: string | undefined;
         assetGroup?: string | undefined;
         tintColor?: string | undefined;
-        supportRTL?: boolean | undefined;
+        supportRTL?: boolean | undefined; /**
+         * Background color for Avatar
+         */
         cover?: boolean | undefined;
         aspectRatio?: number | undefined;
-        overlayType?: string | undefined;
+        overlayType?: string | undefined; /**
+         * Image props object
+         */
         overlayIntensity?: import("../overlay").OverlayIntensityType | undefined;
         overlayColor?: string | undefined;
         customOverlayContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
         errorSource?: import("../image").ImageSourceType;
-        imageId?: string | undefined; /**
-         * Listener-callback for when an image's (uri) loading
-         * fails (equiv. to Image.onError()).
-         */
+        imageId?: string | undefined;
         useBackgroundContainer?: boolean | undefined;
         width?: string | number | undefined;
         height?: string | number | undefined;
-        source: import("../image").ImageSourceType; /**
-         * Hash the name (or label) to get a color, so each name will have a specific color.
-         * Default is false.
-         */
+        source: import("../image").ImageSourceType;
     } & AnimatedImageProps> | undefined;
     /**
      * Image style object used to pass additional style props
@@ -290,29 +291,30 @@ declare const _default: React.ForwardRefExoticComponent<Pick<AccessibilityProps,
      * Image props object
      */
     imageProps?: Partial<Omit<import("react-native").ImageProps, "source"> & Pick<import("react-native").ImageBackgroundProps, "imageStyle"> & Partial<Record<"margin" | "marginL" | "marginT" | "marginR" | "marginB" | "marginH" | "marginV", boolean>> & import("../..").RecorderProps & {
+        /**
+         * Avatar colors to be used when useAutoColors is true
+         */
         sourceTransformer?: ((props: any) => import("../image").ImageSourceType) | undefined;
         assetName?: string | undefined;
         assetGroup?: string | undefined;
         tintColor?: string | undefined;
-        supportRTL?: boolean | undefined;
+        supportRTL?: boolean | undefined; /**
+         * Background color for Avatar
+         */
         cover?: boolean | undefined;
         aspectRatio?: number | undefined;
-        overlayType?: string | undefined;
+        overlayType?: string | undefined; /**
+         * Image props object
+         */
         overlayIntensity?: import("../overlay").OverlayIntensityType | undefined;
         overlayColor?: string | undefined;
         customOverlayContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[] | undefined;
         errorSource?: import("../image").ImageSourceType;
-        imageId?: string | undefined; /**
-         * Listener-callback for when an image's (uri) loading
-         * fails (equiv. to Image.onError()).
-         */
+        imageId?: string | undefined;
         useBackgroundContainer?: boolean | undefined;
         width?: string | number | undefined;
         height?: string | number | undefined;
-        source: import("../image").ImageSourceType; /**
-         * Hash the name (or label) to get a color, so each name will have a specific color.
-         * Default is false.
-         */
+        source: import("../image").ImageSourceType;
     } & AnimatedImageProps> | undefined;
     /**
      * Image style object used to pass additional style props

package/src/components/avatar/index.js

@@ -16,6 +16,7 @@ import AnimatedImage from "../animatedImage";
 import * as AvatarHelper from "../../helpers/AvatarHelper";
 import { useThemeProps } from "../../hooks";
 import { isSvg } from "../../utils/imageUtils";
+import Constants from "../../commons/Constants";
 export let BadgePosition = /*#__PURE__*/function (BadgePosition) {
   BadgePosition["TOP_RIGHT"] = "TOP_RIGHT";
   BadgePosition["TOP_LEFT"] = "TOP_LEFT";
@@ -149,7 +150,7 @@ const Avatar = forwardRef((props, ref) => {
   const renderImage = () => {
     if (source !== undefined) {
       // Looks like reanimated does not support SVG
-      const ImageContainer = animate && !isSvg(source) ? AnimatedImage : Image;
+      const ImageContainer = animate && !isSvg(source) && !Constants.isWeb ? AnimatedImage : Image;
       return <ImageContainer style={_imageStyle} source={source} onLoadStart={onImageLoadStart} onLoadEnd={onImageLoadEnd} onError={onImageLoadError} testID={`${testID}.image`} width={size} height={size} containerStyle={_baseContainerStyle} {...imageProps} />;
     }
   };

package/src/components/image/index.js

@@ -156,7 +156,7 @@ class Image extends PureComponent {
     } = modifiers;
     return (
       // @ts-ignore
-      <ImageView style={[Constants.isWeb && source?.dimensions, tintColor && {
+      <ImageView style={[tintColor && {
         tintColor
       }, shouldFlipRTL && styles.rtlFlipped, width && {
         width

package/src/assets/icons/index.web.js

@@ -1,27 +0,0 @@
-console.log(`inside index.web.js`);
-export const icons = {
-  get check() {
-    return {uri: require('./check.png'), dimensions: {width: 24, height: 24}};
-  },
-  get checkSmall() {
-    return {uri: require('./check-small.png'), dimensions: {width: 24, height: 24}};
-  },
-  get minusSmall() {
-    return {uri: require('./minusSmall.png'), dimensions: {width: 24, height: 24}};
-  },
-  get plusSmall() {
-    return {uri: require('./plusSmall.png'), dimensions: {width: 24, height: 24}};
-  },
-  get search() {
-    return {uri: require('./search.png'), dimensions: {width: 24, height: 24}};
-  },
-  get x() {
-    return {uri: require('./x.png'), dimensions: {width: 24, height: 24}};
-  },
-  get xMedium() {
-    return {uri: require('./xMedium.png'), dimensions: {width: 24, height: 24}};
-  },
-  get xFlat() {
-    return {uri: require('./xFlat.png'), dimensions: {width: 24, height: 24}};
-  }
-};

package/src/assets/images/index.web.js

@@ -1,5 +0,0 @@
-export const images = {
-  get gradient() {
-    return {uri: require('./gradient.png'), dimensions: {width: 56, height: 2}};
-  }
-};