react-native-ui-lib 7.46.3-snapshot.7341 → 7.46.3-snapshot.7352

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uilib-native",
-  "version": "5.0.0-snapshot.7341",
+  "version": "5.0.0-snapshot.7352",
   "homepage": "https://github.com/wix/react-native-ui-lib",
   "description": "uilib native components (separated from js components)",
   "main": "components/index",
@@ -17,7 +17,7 @@
     "shell-utils": "^1.0.10"
   },
   "peerDependencies": {
-    "react": ">=17.0.1",
-    "react-native": ">=0.64.1"
+    "react": ">=18.3.1",
+    "react-native": ">=0.77.3"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-lib",
-  "version": "7.46.3-snapshot.7341",
+  "version": "7.46.3-snapshot.7352",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",
@@ -78,10 +78,10 @@
     "@react-native-community/cli-platform-ios": "15.0.1",
     "@react-native-community/datetimepicker": "8.2.0",
     "@react-native-community/netinfo": "11.3.3",
-    "@react-native/babel-preset": "0.77.2",
-    "@react-native/eslint-config": "0.77.2",
-    "@react-native/metro-config": "0.77.2",
-    "@react-native/typescript-config": "0.77.2",
+    "@react-native/babel-preset": "0.77.3",
+    "@react-native/eslint-config": "0.77.3",
+    "@react-native/metro-config": "0.77.3",
+    "@react-native/typescript-config": "0.77.3",
     "@shopify/flash-list": "1.7.6",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/react-native": "^11.5.1",
@@ -89,7 +89,7 @@
     "@types/jest": "^29.5.13",
     "@types/lodash": "^4.0.0",
     "@types/prop-types": "^15.5.3",
-    "@types/react": "18.3.7",
+    "@types/react": "18.3.24",
     "@types/react-test-renderer": "^18.3.0",
     "@types/tinycolor2": "^1.4.2",
     "@types/url-parse": "^1.4.3",
@@ -111,12 +111,12 @@
     "postcss-js": "^4.0.0",
     "prettier": "^3.2.5",
     "prettier-eslint": "16.3.0",
-    "react": "18.2.0",
+    "react": "18.3.1",
     "react-autobind": "^1.0.6",
-    "react-dom": "^18.2.0",
-    "react-native": "0.77.2",
+    "react-dom": "18.3.1",
+    "react-native": "0.77.3",
     "react-native-fs": "^2.20.0",
-    "react-native-gesture-handler": "2.22.1",
+    "react-native-gesture-handler": "2.24.0",
     "react-native-haptic-feedback": "^1.11.0",
     "react-native-linear-gradient": "2.6.2",
     "react-native-mmkv": "3.2.0",
@@ -132,9 +132,9 @@
     "typescript": "5.0.4"
   },
   "peerDependencies": {
-    "react": ">=17.0.1",
-    "react-native": ">=0.77.0",
-    "react-native-gesture-handler": ">=2.22.0",
+    "react": ">=18.3.1",
+    "react-native": ">=0.77.3",
+    "react-native-gesture-handler": ">=2.24.0",
     "react-native-reanimated": ">=3.17.5",
     "react-native-ui-lib": "*"
   },

package/scripts/release/prReleaseNotesCommon.js

@@ -71,6 +71,7 @@ async function fetchMergedPRs(postMergedDate, _repo, isPatchRelease) {
             info: parsePR(pr.body)
           };
         } catch {
+          // eslint-disable-next-line no-restricted-syntax
           console.error('Failed parsing PR: ', pr.url);
           return null;
         }
@@ -164,9 +165,7 @@ function getReleaseNotesForType(PRs, title) {
   return releaseNotes;
 }
 
-async function _generateReleaseNotes(latestVersion, newVersion, fileNamePrefix, repo, header, tagPrefix, categories, isPatchRelease) {
-  const latestReleaseDate = fetchLatestReleaseDate(tagPrefix, latestVersion);
-  const PRs = await fetchMergedPRs(latestReleaseDate, repo, isPatchRelease);
+function generateReleaseNotesFromPRs(PRs, categories, header) {
   if (!PRs) {
     return;
   }
@@ -198,10 +197,20 @@ async function _generateReleaseNotes(latestVersion, newVersion, fileNamePrefix,
 
   releaseNotes += getTitle(':bulb: Deprecations & Migrations');
 
+  return releaseNotes;
+}
+
+// eslint-disable-next-line max-len, max-params
+async function _generateReleaseNotes(latestVersion, newVersion, fileNamePrefix, repo, header, tagPrefix, categories, isPatchRelease) {
+  const latestReleaseDate = fetchLatestReleaseDate(tagPrefix, latestVersion);
+  const PRs = await fetchMergedPRs(latestReleaseDate, repo, isPatchRelease);
+  const releaseNotes = generateReleaseNotesFromPRs(PRs, categories, header);
+
   fs.writeFileSync(`${process.env.HOME}/Downloads/${fileNamePrefix}-release-notes_${newVersion}.txt`, releaseNotes, {
     encoding: 'utf8'
   });
 
+  // eslint-disable-next-line max-len
   console.log(`\x1b[1m\x1b[32m✔\x1b[0m \x1b[32m${fileNamePrefix}-release-notes.txt was successfully written to ${process.env.HOME}/Downloads\x1b[0m \x1b[1m\x1b[32m✔\x1b[0m`);
 }
 
@@ -212,6 +221,7 @@ function isPatchRelease(lastVersion, newVersion) {
   return lastMajor === newMajor && lastMinor === newMinor && newPatch - lastPatch > 0;
 }
 
+// eslint-disable-next-line max-params
 async function generateReleaseNotes(latestVersion,
   newVersion,
   fileNamePrefix,
@@ -238,8 +248,9 @@ async function generateReleaseNotes(latestVersion,
     const header = getHeader(newVer);
     console.info(`Current latest version is v${latestVer}`);
     console.info(`Generating release notes out or PRs for v${newVer}`);
+    // eslint-disable-next-line max-len
     _generateReleaseNotes(latestVer, newVer, fileNamePrefix, repo, header, tagPrefix, categories, isPatchRelease(latestVer, newVer));
   });
 }
 
-module.exports = {generateReleaseNotes};
+module.exports = {generateReleaseNotes, generateReleaseNotesFromPRs, parsePR};

package/src/components/animatedImage/index.js

@@ -1,5 +1,5 @@
 // TODO: consider unify this component functionality with our Image component
-import React, { useState, useCallback, useMemo } from 'react';
+import React, { useState, useCallback, useMemo, useEffect } from 'react';
 import { StyleSheet } from 'react-native';
 import Animated, { useSharedValue, useAnimatedStyle, withTiming } from 'react-native-reanimated';
 import View from "../../components/view";
@@ -31,6 +31,11 @@ const AnimatedImage = props => {
       opacity.value = 1;
     }
   }, [loader]);
+  useEffect(() => {
+    setIsLoading(true);
+    propsOnLoadStart?.();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [source]);
   const onLoad = useCallback(event => {
     setIsLoading(false);
     propsOnLoad?.(event);
@@ -43,10 +48,13 @@ const AnimatedImage = props => {
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [setIsLoading, propsOnLoad, animationDuration]);
-  const onLoadStart = useCallback(() => {
-    setIsLoading(true);
-    propsOnLoadStart?.();
-  }, [setIsLoading, propsOnLoadStart, animationDuration]);
+
+  // TODO: revert to this solution when iOS is fixed (RN77 bug)
+  // const onLoadStart = useCallback(() => {
+  //   setIsLoading(true);
+  //   propsOnLoadStart?.();
+  // }, [setIsLoading, propsOnLoadStart, animationDuration]);
+
   const fadeInStyle = useAnimatedStyle(() => {
     return {
       opacity: opacity.value
@@ -56,7 +64,9 @@ const AnimatedImage = props => {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const _style = useMemo(() => [style, fadeInStyle], [style]);
   return <View style={containerStyle}>
-      <UIAnimatedImage {...others} style={_style} source={source} onLoad={onLoad} onLoadStart={onLoadStart} testID={testID} imageStyle={undefined} />
+      <UIAnimatedImage {...others} style={_style} source={source} onLoad={onLoad}
+    // onLoadStart={onLoadStart}
+    testID={testID} imageStyle={undefined} />
       {isLoading && loader && <View style={styles.loader}>{loader}</View>}
     </View>;
 };