Merge pull request #276 from sendbird/feat/migrate-zoomable-view-version

feat: update zoomable view dependency and refactor zoomProps handling

Author: OnestarLee

packages/uikit-react-native/package.json

@@ -68,7 +68,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@openspacelabs/react-native-zoomable-view": "<2.3.0",
+    "@openspacelabs/react-native-zoomable-view": "^2.3.0",
     "@sendbird/uikit-chat-hooks": "3.11.3",
     "@sendbird/uikit-react-native-foundation": "3.11.3",
     "@sendbird/uikit-tools": "0.0.15",

packages/uikit-react-native/src/components/FileViewer/FileViewerContent.tsx

@@ -45,7 +45,7 @@ const FileViewerContent = ({ type, src, topInset = 0, bottomInset = 0, maxZoom =
             zoomProps={{
               minZoom,
               maxZoom,
-              onTouchEnd: onPress,
+              onSingleTap: onPress,
             }}
           />
         );
@@ -85,12 +85,15 @@ const ZoomableImageView = ({
   style: StyleProp<ImageStyle>;
   resizeMode: ImageProps['resizeMode'];
   onLoadEnd: () => void;
-  zoomProps?: ReactNativeZoomableViewProps;
+  zoomProps?: Partial<ReactNativeZoomableViewProps>;
 }) => {
   const { width, height } = useWindowDimensions();
 
   const imageSize = useRef<{ width: number; height: number }>();
-  const [contentSizeProps, setContentSizeProps] = useState<ReactNativeZoomableViewProps>({
+  const [contentSizeProps, setContentSizeProps] = useState<{
+    contentWidth: number;
+    contentHeight: number;
+  }>({
     contentWidth: width,
     contentHeight: height,
   });

yarn.lock

@@ -3076,10 +3076,10 @@
   dependencies:
     "@octokit/openapi-types" "^18.0.0"
 
-"@openspacelabs/react-native-zoomable-view@<2.3.0":
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/@openspacelabs/react-native-zoomable-view/-/react-native-zoomable-view-2.2.0.tgz#14ba1b45f17d07371d02a798fe7ac75d338aaa99"
-  integrity sha512-9z86KPvcvI/Y9UrOR31nxnL+INvr8Gq/2faFrBggtb2CAUzv9qjBHrGmTLg2gfvhhxlybb2wQU9bDQ5/GOMScw==
+"@openspacelabs/react-native-zoomable-view@^2.3.0":
+  version "2.4.2"
+  resolved "https://registry.yarnpkg.com/@openspacelabs/react-native-zoomable-view/-/react-native-zoomable-view-2.4.2.tgz#e3fcea7dd3b6eee5d96b4d199d5810f0098e0896"
+  integrity sha512-Rcdldg7Am1y+Iu/Nuc82Ej2Exypeeh0oHpWrnc2SDyNa08A+efNYWOtropcbKWetWv+S6z6VJRsgvuiWug11zg==
   dependencies:
     prop-types "^15.7.2"