@sendbird/uikit-react-native-foundation - npm Package Compare versions

Comparing version 3.4.2 to 3.4.3

lib/commonjs/components/Image/Image.fastimage.js

@@ -8,2 +8,3 @@ "use strict";
 var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
 var _FastImageInternal = _interopRequireDefault(require("./FastImageInternal"));
@@ -63,4 +64,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
     style,
+    tintColor,
+    disableFastImage,
     ...props
   } = _ref;
+  if (disableFastImage) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.Image, _extends({}, props, {
+      source: source,
+      style: [style, {
+        tintColor
+      }],
+      onError: onError && (e => onError(e.nativeEvent)),
+      onLoad: onLoad && (e => onLoad(e.nativeEvent.source))
+    }));
+  }
   return /*#__PURE__*/_react.default.createElement(_FastImageInternal.default, _extends({}, props, {
@@ -67,0 +80,0 @@ onLoad: onLoad && (e => onLoad(e.nativeEvent)),

lib/commonjs/components/Image/index.js

@@ -20,4 +20,8 @@ "use strict";
 }
-var _default = getImageModule();
+const Image = getImageModule();
+Image.defaultProps = {
+  disableFastImage: false
+};
+var _default = Image;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

lib/module/components/Image/Image.fastimage.js

 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
+import { Image } from 'react-native';
 import FastImageInternal from './FastImageInternal';
@@ -55,4 +56,16 @@ function convertCache(cache) {
     style,
+    tintColor,
+    disableFastImage,
     ...props
   } = _ref;
+  if (disableFastImage) {
+    return /*#__PURE__*/React.createElement(Image, _extends({}, props, {
+      source: source,
+      style: [style, {
+        tintColor
+      }],
+      onError: onError && (e => onError(e.nativeEvent)),
+      onLoad: onLoad && (e => onLoad(e.nativeEvent.source))
+    }));
+  }
   return /*#__PURE__*/React.createElement(FastImageInternal, _extends({}, props, {
@@ -59,0 +72,0 @@ onLoad: onLoad && (e => onLoad(e.nativeEvent)),

lib/module/components/Image/index.js

@@ -14,3 +14,7 @@ import { NativeModules } from 'react-native';
 }
-export default getImageModule();
+const Image = getImageModule();
+Image.defaultProps = {
+  disableFastImage: false
+};
+export default Image;
 //# sourceMappingURL=index.js.map

lib/typescript/src/components/Image/index.d.ts

@@ -1,4 +0,5 @@
-import { ReactNode } from 'react';
+import { ComponentType } from 'react';
 import type { ImageProps as NativeImageProps } from 'react-native';
 export interface SendbirdImageProps extends Omit<NativeImageProps, 'onLoad' | 'onError'> {
+    disableFastImage?: boolean;
     onLoad?: (event: {
@@ -13,4 +14,4 @@ width: number;
 }
-export type SendbirdImageComponent = (props: SendbirdImageProps) => ReactNode;
-declare const _default: SendbirdImageComponent;
-export default _default;
+export type SendbirdImageComponent = ComponentType<SendbirdImageProps>;
+declare const Image: SendbirdImageComponent;
+export default Image;

package.json

 {
   "name": "@sendbird/uikit-react-native-foundation",
-  "version": "3.4.2",
+  "version": "3.4.3",
   "description": "A foundational UI kit for building chat-enabled React Native apps.",
@@ -51,3 +51,3 @@ "keywords": [
   "dependencies": {
-    "@sendbird/uikit-utils": "3.4.2"
+    "@sendbird/uikit-utils": "3.4.3"
   },
@@ -89,3 +89,3 @@ "devDependencies": {
   },
-  "gitHead": "e38806326b5f9c7d351ab270e5b4815707c598fb"
+  "gitHead": "8c5b81447c874543ca857457327716375e7b4c66"
 }

src/components/Image/index.ts

@@ -1,2 +0,2 @@
-import { ReactNode } from 'react';
+import { ComponentType } from 'react';
 import type { ImageProps as NativeImageProps } from 'react-native';
@@ -6,2 +6,3 @@ import { NativeModules } from 'react-native';
 export interface SendbirdImageProps extends Omit<NativeImageProps, 'onLoad' | 'onError'> {
+  disableFastImage?: boolean;
   onLoad?: (event: { width: number; height: number }) => void;
@@ -12,4 +13,3 @@ onError?: (event: { error?: unknown }) => void;
 
-export type SendbirdImageComponent = (props: SendbirdImageProps) => ReactNode;
-
+export type SendbirdImageComponent = ComponentType<SendbirdImageProps>;
 function getImageModule(): SendbirdImageComponent {
@@ -28,2 +28,8 @@ const hasFastImage = Boolean(NativeModules.FastImageView);
 
-export default getImageModule();
+const Image = getImageModule();
+
+Image.defaultProps = {
+  disableFastImage: false,
+};
+
+export default Image;

No alert changes

Improved metrics

Total package byte prevSize

2908783

increased by0.12%

Lines of code

19029

increased by0.28%

Dependency changes

• + Added@sendbird/uikit-utils@3.4.3(transitive)

• - Removed@sendbird/uikit-utils@3.4.2(transitive)

• Updated@sendbird/uikit-utils@3.4.3