diff --git a/demo/package.json b/demo/package.json
index 366293d3f4..70d97446b5 100644
--- a/demo/package.json
+++ b/demo/package.json
@@ -22,8 +22,8 @@
"shell-utils": "^1.0.10"
},
"peerDependencies": {
- "react": "^18.3.1",
- "react-native": "^0.77.3",
+ "react": "^19.0.0",
+ "react-native": "^0.78.3",
"react-native-ui-lib": "*",
"semver": "^5.5.0"
}
diff --git a/demo/src/screens/DemoScreen.js b/demo/src/screens/DemoScreen.js
deleted file mode 100644
index 0b501336d2..0000000000
--- a/demo/src/screens/DemoScreen.js
+++ /dev/null
@@ -1,96 +0,0 @@
-import React, {Component} from 'react';
-import PropTypes from 'prop-types';
-import _ from 'lodash';
-import {ScrollView, Switch} from 'react-native';
-import {View, TextField, Text, Badge, Colors} from 'react-native-ui-lib';//eslint-disable-line
-
-export default class DemoScreen extends Component {
-
- constructor(props) {
- super(props);
-
- this.state = {
- backgroundColor: Colors.red50,
- label: '12',
- };
-
- this.updatePropValue = this.updatePropValue.bind(this);
- }
-
- componentDidMount() {
- this.getComponentProps();
- }
-
- getComponentProps() {
- const DemoComponent = this.getComponent();
- return DemoComponent.propTypes;
- }
-
- shouldRenderProp(propId) {
- let shouldRender = true;
- shouldRender = shouldRender && propId !== 'testID';
- if (this.propsToRender) {
- shouldRender = shouldRender && _.includes(this.propsToRender, propId);
- }
- return shouldRender;
- }
-
- updatePropValue(value, propId, prop) {
- let validValue = value;
-
- if (prop === PropTypes.number) {
- validValue = isNaN(value) ? undefined : Number(value);
- }
-
- this.setState({
- [propId]: validValue,
- });
- }
-
-
- renderProp(prop, propId) {
- if (!this.shouldRenderProp(propId)) return;
-
- if (PropTypes.bool === prop) {
- return (
-
-
- {propId}
-
- this.updatePropValue(value, propId, prop)}
- />
-
- );
- }
-
- // if (_.includes([PropTypes.string, PropTypes.number], prop)) {
- return (
-
- this.updatePropValue(text, propId, prop)}
- autoCapitalize='none'
- />
-
- );
- // }
- }
-
- renderComponentSettings() {
- const props = this.getComponentProps();
- return (
-
-
- {_.map(props, (prop, propId) => {
- return this.renderProp(prop, propId);
- })}
-
-
- );
- }
-}
diff --git a/demo/src/screens/MainScreen.js b/demo/src/screens/MainScreen.js
index e739c1db10..3f49f23529 100644
--- a/demo/src/screens/MainScreen.js
+++ b/demo/src/screens/MainScreen.js
@@ -1,8 +1,6 @@
import _ from 'lodash';
import React, {Component} from 'react';
-import PropTypes from 'prop-types';
import {StyleSheet, FlatList, SectionList, ScrollView} from 'react-native';
-import {ViewPropTypes} from 'deprecated-react-native-prop-types';
import {Navigation} from 'react-native-navigation';
import {
Assets,
@@ -27,12 +25,6 @@ const chevronIcon = require('../assets/icons/chevronRight.png');
const FADER_SIZE = 50;
class MainScreen extends Component {
- static propTypes = {
- containerStyle: ViewPropTypes.style,
- renderItem: PropTypes.func,
- pageStyle: ViewPropTypes.style
- };
-
settingsScreenName = 'unicorn.Settings';
static options() {
diff --git a/demo/src/screens/componentScreens/ChipScreen.tsx b/demo/src/screens/componentScreens/ChipScreen.tsx
index d417c99e5c..e191755c5f 100644
--- a/demo/src/screens/componentScreens/ChipScreen.tsx
+++ b/demo/src/screens/componentScreens/ChipScreen.tsx
@@ -1,4 +1,4 @@
-import React, {Component} from 'react';
+import React, {Component, type JSX} from 'react';
import {Alert} from 'react-native';
import {Chip, Colors, Spacings, Text, Typography, View, Image} from 'react-native-ui-lib';
diff --git a/demo/src/screens/componentScreens/ConversationListScreen.js b/demo/src/screens/componentScreens/ConversationListScreen.js
index 02ccf9be33..1c25659a16 100644
--- a/demo/src/screens/componentScreens/ConversationListScreen.js
+++ b/demo/src/screens/componentScreens/ConversationListScreen.js
@@ -1,5 +1,4 @@
import _ from 'lodash';
-import PropTypes from 'prop-types';
import React, {Component, PureComponent} from 'react';
import {StyleSheet, Alert, FlatList} from 'react-native';
import {Colors, ListItem, Text, Avatar, AvatarHelper, Drawer, Button} from 'react-native-ui-lib'; //eslint-disable-line
@@ -121,13 +120,6 @@ class ConversationListScreen extends Component {
}
class ContactItem extends PureComponent {
- static propTypes = {
- item: PropTypes.object,
- index: PropTypes.number,
- addRef: PropTypes.func,
- onSwipeableWillOpen: PropTypes.func
- };
-
render() {
const {item, index, addRef, onSwipeableWillOpen} = this.props;
diff --git a/demo/src/screens/componentScreens/FeatureHighlightScreen.tsx b/demo/src/screens/componentScreens/FeatureHighlightScreen.tsx
index e7cfbebec7..31642d7681 100644
--- a/demo/src/screens/componentScreens/FeatureHighlightScreen.tsx
+++ b/demo/src/screens/componentScreens/FeatureHighlightScreen.tsx
@@ -165,7 +165,11 @@ class FeatureHighlightScreen extends Component<{}, State> {
- (this.viewRef = r)}>
+ {
+ this.viewRef = r;
+ }}
+ >
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
diff --git a/demo/src/screens/componentScreens/NumberInputScreen.tsx b/demo/src/screens/componentScreens/NumberInputScreen.tsx
index f7976ac30b..d172b3340d 100644
--- a/demo/src/screens/componentScreens/NumberInputScreen.tsx
+++ b/demo/src/screens/componentScreens/NumberInputScreen.tsx
@@ -28,7 +28,7 @@ const DISCOUNT_PERCENTAGE = {min: 1, max: 80};
const DISCOUNT_PERCENTAGE_VALIDATION_MESSAGE = `Make sure your number is between ${DISCOUNT_PERCENTAGE.min} and ${DISCOUNT_PERCENTAGE.max}`;
const NumberInputScreen = () => {
- const currentData = useRef();
+ const currentData = useRef(undefined);
const [text, setText] = useState('');
const [showLabel, setShowLabel] = useState(true);
const [exampleType, setExampleType] = useState('price');
diff --git a/demo/src/screens/componentScreens/OverlaysScreen.tsx b/demo/src/screens/componentScreens/OverlaysScreen.tsx
index cb456083e1..d1947b4ab3 100644
--- a/demo/src/screens/componentScreens/OverlaysScreen.tsx
+++ b/demo/src/screens/componentScreens/OverlaysScreen.tsx
@@ -1,4 +1,4 @@
-import React, {Component} from 'react';
+import React, {Component, type JSX} from 'react';
import {StyleSheet, ScrollView} from 'react-native';
import {View, Text, Image, Card, Constants, Colors} from 'react-native-ui-lib'; // eslint-disable-line
diff --git a/demo/src/screens/componentScreens/SearchInputScreen.tsx b/demo/src/screens/componentScreens/SearchInputScreen.tsx
index cdb07fce19..1a8b4cddf6 100644
--- a/demo/src/screens/componentScreens/SearchInputScreen.tsx
+++ b/demo/src/screens/componentScreens/SearchInputScreen.tsx
@@ -6,7 +6,7 @@ const SearchInputScreen = () => {
const [showCancelBtn, setShowCancelBtn] = useState(false);
const [showLoader, setShowLoader] = useState(false);
const [showCustomRightElement, setShowCustomRightElement] = useState(false);
- const searchInput = useRef();
+ const searchInput = useRef(undefined);
const onChangeText = (text: string) => {
console.log('UILIB text: ', text);
diff --git a/demo/src/screens/componentScreens/TimelineScreen.tsx b/demo/src/screens/componentScreens/TimelineScreen.tsx
index 97db0bb232..4b16198d04 100644
--- a/demo/src/screens/componentScreens/TimelineScreen.tsx
+++ b/demo/src/screens/componentScreens/TimelineScreen.tsx
@@ -15,7 +15,7 @@ const contents = [
const TimelineScreen = () => {
const [anchorIndex, setAnchorIndex] = useState(0);
const [expand, setExpand] = useState(false);
- const anchor = useRef();
+ const anchor = useRef(undefined);
const onPress = useCallback(() => {
setAnchorIndex(anchorIndex === 0 ? 1 : 0);
diff --git a/demo/src/screens/foundationScreens/TypographyScreen.js b/demo/src/screens/foundationScreens/TypographyScreen.js
index bda6316dbd..67adfa7c4a 100644
--- a/demo/src/screens/foundationScreens/TypographyScreen.js
+++ b/demo/src/screens/foundationScreens/TypographyScreen.js
@@ -1,5 +1,4 @@
import _ from 'lodash';
-import PropTypes from 'prop-types';
import React, {Component} from 'react';
import {ScrollView} from 'react-native';
import {TabController, Colors, Typography, View, Text} from 'react-native-ui-lib';
@@ -7,10 +6,6 @@ import {TabController, Colors, Typography, View, Text} from 'react-native-ui-lib
const WEIGHTS = ['Thin', 'Light', 'Default', 'Regular', 'Medium', 'Bold', 'Heavy', 'Black'];
export default class TypographyScreen extends Component {
- static propTypes = {
- color: PropTypes.string
- };
-
static defaultProps = {
color: Colors.grey10
};
diff --git a/demo/src/screens/realExamples/ListActions/ActionsList.js b/demo/src/screens/realExamples/ListActions/ActionsList.js
index 720ce21a36..0a9737cb62 100644
--- a/demo/src/screens/realExamples/ListActions/ActionsList.js
+++ b/demo/src/screens/realExamples/ListActions/ActionsList.js
@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
import React, {Component} from 'react';
import {Animated, LayoutAnimation, PanResponder, I18nManager} from 'react-native';
import {Constants, Assets, Colors, View, TouchableOpacity, Button, Text} from 'react-native-ui-lib'; //eslint-disable-line
@@ -17,11 +16,6 @@ const DIRECTIONS = {
export default class ActionsList extends Component {
static displayName = 'ActionsList';
-
- static propTypes = {
- item: PropTypes.object,
- index: PropTypes.number
- }
constructor(props) {
super(props);
diff --git a/docs/getting-started/v8.md b/docs/getting-started/v8.md
index 1a29754cd7..820d60455f 100644
--- a/docs/getting-started/v8.md
+++ b/docs/getting-started/v8.md
@@ -1,5 +1,5 @@
---
-sidebar_position: 5
+sidebar_position: 6
sidebar_label: Migrating v7 -> v8
title: "Migrating v7 -> v8"
# path: "/getting-started/v8"
@@ -7,6 +7,7 @@ title: "Migrating v7 -> v8"
## `react-native-ui-lib@8.x.x`
## General
+Now supports react-native 0.77
`uilib-native` (our native library) has been moved from `dependencies` to `peerDependencies`.
Make sure to `pod install` after updating.
We do plan on making this optional in the future.
diff --git a/docs/getting-started/v9.md b/docs/getting-started/v9.md
new file mode 100644
index 0000000000..31dcbda645
--- /dev/null
+++ b/docs/getting-started/v9.md
@@ -0,0 +1,21 @@
+---
+sidebar_position: 7
+sidebar_label: Migrating v8 -> v9
+title: "Migrating v8 -> v9"
+# path: "/getting-started/v9"
+---
+## `react-native-ui-lib@9.x.x`
+
+## General
+Now supports react-native 0.78 and React 19
+
+## Components
+
+### MaskedInput
+Only the newer version is now available (the `migrate` prop is removed)
+
+## Utils
+
+### modifiers
+extractOwnProps - removed
+extractComponentProps - removed
diff --git a/docuilib/package.json b/docuilib/package.json
index 0f6861d94a..d8a41fd1c5 100644
--- a/docuilib/package.json
+++ b/docuilib/package.json
@@ -40,12 +40,12 @@
},
"devDependencies": {
"@tsconfig/docusaurus": "^1.0.4",
- "@types/react": "18.3.24",
+ "@types/react": "19.0.0",
"@types/react-helmet": "^6.1.2",
"@types/react-router-dom": "^5.1.8",
"metro-react-native-babel-preset": "^0.77.0",
- "react": "18.3.1",
- "react-dom": "18.3.1",
+ "react": "19.0.0",
+ "react-dom": "19.0.0",
"react-native-linear-gradient": "2.6.2",
"react-native-shimmer-placeholder": "^2.0.9",
"react-native-ui-lib": "8.0.0",
diff --git a/docuilib/src/components/HomepageFeatures.tsx b/docuilib/src/components/HomepageFeatures.tsx
index 3897078da1..eb09e991b0 100644
--- a/docuilib/src/components/HomepageFeatures.tsx
+++ b/docuilib/src/components/HomepageFeatures.tsx
@@ -4,7 +4,7 @@
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
-import React from 'react';
+import React, {type JSX} from 'react';
import clsx from 'clsx';
import styles from './HomepageFeatures.module.css';
diff --git a/docuilib/src/pages/index.tsx b/docuilib/src/pages/index.tsx
index 6ab0cc3e14..949c8c4b97 100644
--- a/docuilib/src/pages/index.tsx
+++ b/docuilib/src/pages/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {type JSX} from 'react';
import Layout from '@theme/Layout';
import BrowserOnly from '@docusaurus/BrowserOnly';
// import clsx from 'clsx';
diff --git a/docuilib/src/theme/DocCard/index.tsx b/docuilib/src/theme/DocCard/index.tsx
index 18ed8956fe..20d3c2cb57 100644
--- a/docuilib/src/theme/DocCard/index.tsx
+++ b/docuilib/src/theme/DocCard/index.tsx
@@ -1,4 +1,4 @@
-import React, {type ReactNode} from 'react';
+import React, {type ReactNode, type JSX} from 'react';
import clsx from 'clsx';
import Link from '@docusaurus/Link';
import {findFirstSidebarItemLink} from '@docusaurus/plugin-content-docs/client';
diff --git a/expoDemo/package.json b/expoDemo/package.json
index fa5a981705..d4ad8dd4c8 100644
--- a/expoDemo/package.json
+++ b/expoDemo/package.json
@@ -16,13 +16,13 @@
"fuzzysearch": "^1.0.3",
"lodash": "^4.17.21",
"metro-config": "^0.75.1",
- "react": "18.3.1",
- "react-dom": "18.3.1",
- "react-native": "0.77.3",
+ "react": "19.0.0",
+ "react-dom": "19.0.0",
+ "react-native": "0.78.3",
"react-native-gesture-handler": "2.24.0",
"react-native-haptic-feedback": "^1.14.0",
- "react-native-navigation": "8.0.0",
- "react-native-reanimated": "3.17.5",
+ "react-native-navigation": "8.4.3",
+ "react-native-reanimated": "3.19.4",
"react-native-safe-area-context": "4.5.0",
"react-native-screens": "~3.20.0",
"react-native-svg": "15.11.2",
@@ -36,7 +36,7 @@
"@react-native-community/cli": "15.0.1",
"@react-native-community/cli-platform-android": "15.0.1",
"@react-native-community/cli-platform-ios": "15.0.1",
- "@types/react": "~18.3.24",
+ "@types/react": "19.0.0",
"typescript": "^4.9.5"
},
"private": true
diff --git a/lib/components/HighlighterOverlayView/index.tsx b/lib/components/HighlighterOverlayView/index.tsx
index b656fd9be4..9df1414c35 100644
--- a/lib/components/HighlighterOverlayView/index.tsx
+++ b/lib/components/HighlighterOverlayView/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {type JSX} from 'react';
import {processColor, StyleSheet, Modal, ViewStyle} from 'react-native';
// Import the Codegen specification for New Architecture
import HighlighterViewNativeComponent, {
diff --git a/lib/components/HighlighterOverlayView/index.web.tsx b/lib/components/HighlighterOverlayView/index.web.tsx
index fbcdffb2a4..dcfb190076 100644
--- a/lib/components/HighlighterOverlayView/index.web.tsx
+++ b/lib/components/HighlighterOverlayView/index.web.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {type JSX} from 'react';
import {Modal, ViewStyle} from 'react-native';
type HighlightFrameType = {
diff --git a/lib/components/Keyboard/KeyboardAccessoryView/CustomKeyboardView/CustomKeyboardViewBase.tsx b/lib/components/Keyboard/KeyboardAccessoryView/CustomKeyboardView/CustomKeyboardViewBase.tsx
index 0622ac48e3..cf25056a68 100644
--- a/lib/components/Keyboard/KeyboardAccessoryView/CustomKeyboardView/CustomKeyboardViewBase.tsx
+++ b/lib/components/Keyboard/KeyboardAccessoryView/CustomKeyboardView/CustomKeyboardViewBase.tsx
@@ -11,7 +11,7 @@ export type CustomKeyboardViewBaseProps = {
component?: string;
onItemSelected?: (component?: string, args?: any) => void;
onRequestShowKeyboard?: (keyboardId: string) => void;
- children?: React.ReactChild | React.ReactChild[];
+ children?: React.ReactNode;
};
export default class CustomKeyboardViewBase extends Component {
diff --git a/lib/components/Keyboard/KeyboardAccessoryView/index.tsx b/lib/components/Keyboard/KeyboardAccessoryView/index.tsx
index c65d796f2b..30f48b4404 100644
--- a/lib/components/Keyboard/KeyboardAccessoryView/index.tsx
+++ b/lib/components/Keyboard/KeyboardAccessoryView/index.tsx
@@ -22,7 +22,7 @@ export type KeyboardAccessoryViewProps = kbTrackingViewProps & {
/**
* Content to be rendered above the keyboard
*/
- renderContent?: () => React.ReactElement;
+ renderContent?: () => React.ReactElement;
/**
* iOS only.
* The reference to the actual text input (or the keyboard may not reset when instructed to, etc.).
@@ -53,7 +53,7 @@ export type KeyboardAccessoryViewProps = kbTrackingViewProps & {
* Callback that will be called once the keyboard has been closed
*/
onKeyboardResigned?: () => void;
- children?: React.ReactChild;
+ children?: React.ReactNode;
};
/**
@@ -204,7 +204,9 @@ class KeyboardAccessoryView extends Component {
(this.trackingViewRef = r)}
+ ref={(r: any) => {
+ (this.trackingViewRef = r);
+ }}
style={styles.trackingToolbarContainer}
onLayout={this.onContainerComponentHeightChanged}
>
diff --git a/lib/components/Keyboard/KeyboardTrackingView/KeyboardTrackingView.ios.tsx b/lib/components/Keyboard/KeyboardTrackingView/KeyboardTrackingView.ios.tsx
index e58c520505..f6fe839fc4 100644
--- a/lib/components/Keyboard/KeyboardTrackingView/KeyboardTrackingView.ios.tsx
+++ b/lib/components/Keyboard/KeyboardTrackingView/KeyboardTrackingView.ios.tsx
@@ -24,7 +24,14 @@ class KeyboardTrackingView extends PureComponent {
ref?: any;
render() {
- return (this.ref = r)}/>;
+ return (
+ {
+ this.ref = r;
+ }}
+ />
+ );
}
async getNativeProps() {
diff --git a/lib/components/Keyboard/KeyboardTrackingView/index.tsx b/lib/components/Keyboard/KeyboardTrackingView/index.tsx
index 8dcfa85715..5f6799c15d 100644
--- a/lib/components/Keyboard/KeyboardTrackingView/index.tsx
+++ b/lib/components/Keyboard/KeyboardTrackingView/index.tsx
@@ -79,7 +79,7 @@ export type KeyboardTrackingViewProps = ViewProps & {
usesBottomTabs?: boolean;
ref?: any;
style?: StyleProp;
- children?: React.ReactChild | React.ReactChild[];
+ children?: React.ReactNode;
};
const KeyboardTrackingView = forwardRef(({children, ...others}: KeyboardTrackingViewProps, ref: any) => {
diff --git a/lib/package.json b/lib/package.json
index 3da666e5ee..0c61b6a28d 100644
--- a/lib/package.json
+++ b/lib/package.json
@@ -10,14 +10,13 @@
"author": "Ethan Sharabi ",
"license": "MIT",
"dependencies": {
- "lodash": "^4.17.21",
- "prop-types": "^15.5.10"
+ "lodash": "^4.17.21"
},
"devDependencies": {
"shell-utils": "^1.0.10"
},
"peerDependencies": {
- "react": ">=18.3.1",
- "react-native": ">=0.77.3"
+ "react": ">=19.0.0",
+ "react-native": ">=0.78.3"
}
}
diff --git a/package.json b/package.json
index e754ba1d5b..afa75f8de9 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,8 @@
"ios": "yarn workspace react-native-ui-lib ios",
"android": "yarn workspace react-native-ui-lib android",
"iPad": "yarn workspace react-native-ui-lib iPad",
- "test": "yarn lint && yarn workspace react-native-ui-lib test",
+ "test": "yarn workspace react-native-ui-lib test",
+ "pretest": "yarn lint",
"lint": "eslint packages -c .eslintrc.js --ext .tsx,.ts,.js",
"lint:fix": "eslint packages -c .eslintrc.js --fix",
"build:dev": "tsc --p tsconfig.dev.json",
@@ -36,17 +37,16 @@
]
},
"devDependencies": {
- "@react-native/eslint-config": "0.77.3",
- "@react-native/metro-config": "0.77.3",
- "@react-native/typescript-config": "0.77.3",
+ "@react-native/eslint-config": "0.78.3",
+ "@react-native/metro-config": "0.78.3",
+ "@react-native/typescript-config": "0.78.3",
"@shopify/flash-list": "1.7.6",
- "@testing-library/react-native": "^11.5.1",
- "@types/hoist-non-react-statics": "^3.3.1",
+ "@testing-library/react-native": "^13.3.3",
+ "@types/hoist-non-react-statics": "^3.3.7",
"@types/jest": "^29.5.13",
"@types/lodash": "^4.0.0",
- "@types/prop-types": "^15.5.3",
- "@types/react": "18.3.24",
- "@types/react-test-renderer": "^18.3.0",
+ "@types/react": "19.0.0",
+ "@types/react-test-renderer": "^19.0.0",
"@types/tinycolor2": "^1.4.2",
"@types/url-parse": "^1.4.3",
"@typescript-eslint/eslint-plugin": "^5.3.1",
diff --git a/packages/react-native-ui-lib/ReactNativeUiLib.podspec b/packages/react-native-ui-lib/ReactNativeUiLib.podspec
deleted file mode 100644
index aa21d9d697..0000000000
--- a/packages/react-native-ui-lib/ReactNativeUiLib.podspec
+++ /dev/null
@@ -1,22 +0,0 @@
-require 'json'
-
-package = JSON.parse(File.read(File.join(__dir__, 'lib/package.json')))
-
-Pod::Spec.new do |s|
- s.name = "ReactNativeUiLib"
- s.version = package['version']
- s.summary = "React Native UI Library"
-
- s.authors = "Wix.com"
- s.homepage = package['homepage']
- s.license = package['license']
- s.platforms = { :ios => "9.0", :tvos => "9.2" }
-
- s.module_name = 'ReactNativeUiLib'
-
- s.source = { :git => "https://github.com/wix/react-native-ui-lib.git", :tag => "#{s.version}" }
- s.source_files = "lib/ios/**/*.{h,m}"
-
- s.dependency 'React'
- s.frameworks = 'UIKit'
-end
diff --git a/packages/react-native-ui-lib/android/app/build.gradle b/packages/react-native-ui-lib/android/app/build.gradle
index bc4d1cfb1d..3161047d4e 100644
--- a/packages/react-native-ui-lib/android/app/build.gradle
+++ b/packages/react-native-ui-lib/android/app/build.gradle
@@ -65,14 +65,14 @@ def enableProguardInReleaseBuilds = false
* The preferred build flavor of JavaScriptCore (JSC)
*
* For example, to use the international variant, you can use:
- * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ * `def jscFlavor = io.github.react-native-community:jsc-android-intl:2026004.+`
*
* The international variant includes ICU i18n library and necessary data
* allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
* give correct results when using with locales other than en-US. Note that
* this variant is about 6MiB larger per architecture than default.
*/
-def jscFlavor = 'org.webkit:android-jsc:+'
+def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'
android {
ndkVersion rootProject.ext.ndkVersion
diff --git a/packages/react-native-ui-lib/android/build.gradle b/packages/react-native-ui-lib/android/build.gradle
index 442d484690..e8f35377bc 100644
--- a/packages/react-native-ui-lib/android/build.gradle
+++ b/packages/react-native-ui-lib/android/build.gradle
@@ -5,7 +5,7 @@ buildscript {
buildToolsVersion = "35.0.0"
minSdkVersion = 26
compileSdkVersion = 35
- targetSdkVersion = 34
+ targetSdkVersion = 35
ndkVersion = "27.1.12297006"
kotlinVersion = "2.0.21"
}
diff --git a/packages/react-native-ui-lib/android/gradle/wrapper/gradle-wrapper.properties b/packages/react-native-ui-lib/android/gradle/wrapper/gradle-wrapper.properties
index 79eb9d003f..e0fd02028b 100644
--- a/packages/react-native-ui-lib/android/gradle/wrapper/gradle-wrapper.properties
+++ b/packages/react-native-ui-lib/android/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,6 @@
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.10.2-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.12-all.zip
networkTimeout=10000
validateDistributionUrl=true
zipStoreBase=GRADLE_USER_HOME
diff --git a/packages/react-native-ui-lib/android/gradlew b/packages/react-native-ui-lib/android/gradlew
index b26d411052..0e21a3496d 100755
--- a/packages/react-native-ui-lib/android/gradlew
+++ b/packages/react-native-ui-lib/android/gradlew
@@ -86,8 +86,7 @@ done
# shellcheck disable=SC2034
APP_BASE_NAME=${0##*/}
# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
-APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s
-' "$PWD" ) || exit
+APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s\n' "$PWD" ) || exit
# Use the maximum available, or set MAX_FD != -1 to use that value.
MAX_FD=maximum
diff --git a/packages/react-native-ui-lib/ios/Podfile.lock b/packages/react-native-ui-lib/ios/Podfile.lock
index 08fd96c90e..fb24a2d2a4 100644
--- a/packages/react-native-ui-lib/ios/Podfile.lock
+++ b/packages/react-native-ui-lib/ios/Podfile.lock
@@ -4,12 +4,12 @@ PODS:
- React-Core
- DoubleConversion (1.1.6)
- fast_float (6.1.4)
- - FBLazyVector (0.77.3)
+ - FBLazyVector (0.78.3)
- fmt (11.0.2)
- glog (0.3.5)
- - hermes-engine (0.77.3):
- - hermes-engine/Pre-built (= 0.77.3)
- - hermes-engine/Pre-built (0.77.3)
+ - hermes-engine (0.78.3):
+ - hermes-engine/Pre-built (= 0.78.3)
+ - hermes-engine/Pre-built (0.78.3)
- HMSegmentedControl (1.5.6)
- RCT-Folly (2024.11.18.00):
- boost
@@ -30,33 +30,33 @@ PODS:
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
- glog
- - RCTDeprecation (0.77.3)
- - RCTRequired (0.77.3)
- - RCTTypeSafety (0.77.3):
- - FBLazyVector (= 0.77.3)
- - RCTRequired (= 0.77.3)
- - React-Core (= 0.77.3)
- - React (0.77.3):
- - React-Core (= 0.77.3)
- - React-Core/DevSupport (= 0.77.3)
- - React-Core/RCTWebSocket (= 0.77.3)
- - React-RCTActionSheet (= 0.77.3)
- - React-RCTAnimation (= 0.77.3)
- - React-RCTBlob (= 0.77.3)
- - React-RCTImage (= 0.77.3)
- - React-RCTLinking (= 0.77.3)
- - React-RCTNetwork (= 0.77.3)
- - React-RCTSettings (= 0.77.3)
- - React-RCTText (= 0.77.3)
- - React-RCTVibration (= 0.77.3)
- - React-callinvoker (0.77.3)
+ - RCTDeprecation (0.78.3)
+ - RCTRequired (0.78.3)
+ - RCTTypeSafety (0.78.3):
+ - FBLazyVector (= 0.78.3)
+ - RCTRequired (= 0.78.3)
+ - React-Core (= 0.78.3)
+ - React (0.78.3):
+ - React-Core (= 0.78.3)
+ - React-Core/DevSupport (= 0.78.3)
+ - React-Core/RCTWebSocket (= 0.78.3)
+ - React-RCTActionSheet (= 0.78.3)
+ - React-RCTAnimation (= 0.78.3)
+ - React-RCTBlob (= 0.78.3)
+ - React-RCTImage (= 0.78.3)
+ - React-RCTLinking (= 0.78.3)
+ - React-RCTNetwork (= 0.78.3)
+ - React-RCTSettings (= 0.78.3)
+ - React-RCTText (= 0.78.3)
+ - React-RCTVibration (= 0.78.3)
+ - React-callinvoker (0.78.3)
- React-Codegen (0.1.0)
- - React-Core (0.77.3):
+ - React-Core (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
- RCTDeprecation
- - React-Core/Default (= 0.77.3)
+ - React-Core/Default (= 0.78.3)
- React-cxxreact
- React-featureflags
- React-hermes
@@ -68,7 +68,7 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-Core/CoreModulesHeaders (0.77.3):
+ - React-Core/CoreModulesHeaders (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
@@ -85,7 +85,7 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-Core/Default (0.77.3):
+ - React-Core/Default (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
@@ -101,13 +101,13 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-Core/DevSupport (0.77.3):
+ - React-Core/DevSupport (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
- RCTDeprecation
- - React-Core/Default (= 0.77.3)
- - React-Core/RCTWebSocket (= 0.77.3)
+ - React-Core/Default (= 0.78.3)
+ - React-Core/RCTWebSocket (= 0.78.3)
- React-cxxreact
- React-featureflags
- React-hermes
@@ -119,7 +119,7 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-Core/RCTActionSheetHeaders (0.77.3):
+ - React-Core/RCTActionSheetHeaders (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
@@ -136,7 +136,7 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-Core/RCTAnimationHeaders (0.77.3):
+ - React-Core/RCTAnimationHeaders (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
@@ -153,7 +153,7 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-Core/RCTBlobHeaders (0.77.3):
+ - React-Core/RCTBlobHeaders (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
@@ -170,7 +170,7 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-Core/RCTImageHeaders (0.77.3):
+ - React-Core/RCTImageHeaders (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
@@ -187,7 +187,7 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-Core/RCTLinkingHeaders (0.77.3):
+ - React-Core/RCTLinkingHeaders (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
@@ -204,7 +204,7 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-Core/RCTNetworkHeaders (0.77.3):
+ - React-Core/RCTNetworkHeaders (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
@@ -221,7 +221,7 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-Core/RCTSettingsHeaders (0.77.3):
+ - React-Core/RCTSettingsHeaders (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
@@ -238,7 +238,7 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-Core/RCTTextHeaders (0.77.3):
+ - React-Core/RCTTextHeaders (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
@@ -255,7 +255,7 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-Core/RCTVibrationHeaders (0.77.3):
+ - React-Core/RCTVibrationHeaders (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
@@ -272,12 +272,12 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-Core/RCTWebSocket (0.77.3):
+ - React-Core/RCTWebSocket (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
- RCTDeprecation
- - React-Core/Default (= 0.77.3)
+ - React-Core/Default (= 0.78.3)
- React-cxxreact
- React-featureflags
- React-hermes
@@ -289,22 +289,22 @@ PODS:
- React-utils
- SocketRocket (= 0.7.1)
- Yoga
- - React-CoreModules (0.77.3):
+ - React-CoreModules (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
- RCT-Folly (= 2024.11.18.00)
- - RCTTypeSafety (= 0.77.3)
- - React-Core/CoreModulesHeaders (= 0.77.3)
- - React-jsi (= 0.77.3)
+ - RCTTypeSafety (= 0.78.3)
+ - React-Core/CoreModulesHeaders (= 0.78.3)
+ - React-jsi (= 0.78.3)
- React-jsinspector
- React-NativeModulesApple
- React-RCTBlob
- React-RCTFBReactNativeSpec
- - React-RCTImage (= 0.77.3)
+ - React-RCTImage (= 0.78.3)
- ReactCommon
- SocketRocket (= 0.7.1)
- - React-cxxreact (0.77.3):
+ - React-cxxreact (0.78.3):
- boost
- DoubleConversion
- fast_float (= 6.1.4)
@@ -312,16 +312,16 @@ PODS:
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
- - React-callinvoker (= 0.77.3)
- - React-debug (= 0.77.3)
- - React-jsi (= 0.77.3)
+ - React-callinvoker (= 0.78.3)
+ - React-debug (= 0.78.3)
+ - React-jsi (= 0.78.3)
- React-jsinspector
- - React-logger (= 0.77.3)
- - React-perflogger (= 0.77.3)
- - React-runtimeexecutor (= 0.77.3)
- - React-timing (= 0.77.3)
- - React-debug (0.77.3)
- - React-defaultsnativemodule (0.77.3):
+ - React-logger (= 0.78.3)
+ - React-perflogger (= 0.78.3)
+ - React-runtimeexecutor (= 0.78.3)
+ - React-timing (= 0.78.3)
+ - React-debug (0.78.3)
+ - React-defaultsnativemodule (0.78.3):
- hermes-engine
- RCT-Folly
- React-domnativemodule
@@ -331,7 +331,7 @@ PODS:
- React-jsiexecutor
- React-microtasksnativemodule
- React-RCTFBReactNativeSpec
- - React-domnativemodule (0.77.3):
+ - React-domnativemodule (0.78.3):
- hermes-engine
- RCT-Folly
- React-Fabric
@@ -342,7 +342,7 @@ PODS:
- React-RCTFBReactNativeSpec
- ReactCommon/turbomodule/core
- Yoga
- - React-Fabric (0.77.3):
+ - React-Fabric (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -354,21 +354,22 @@ PODS:
- React-Core
- React-cxxreact
- React-debug
- - React-Fabric/animations (= 0.77.3)
- - React-Fabric/attributedstring (= 0.77.3)
- - React-Fabric/componentregistry (= 0.77.3)
- - React-Fabric/componentregistrynative (= 0.77.3)
- - React-Fabric/components (= 0.77.3)
- - React-Fabric/core (= 0.77.3)
- - React-Fabric/dom (= 0.77.3)
- - React-Fabric/imagemanager (= 0.77.3)
- - React-Fabric/leakchecker (= 0.77.3)
- - React-Fabric/mounting (= 0.77.3)
- - React-Fabric/observers (= 0.77.3)
- - React-Fabric/scheduler (= 0.77.3)
- - React-Fabric/telemetry (= 0.77.3)
- - React-Fabric/templateprocessor (= 0.77.3)
- - React-Fabric/uimanager (= 0.77.3)
+ - React-Fabric/animations (= 0.78.3)
+ - React-Fabric/attributedstring (= 0.78.3)
+ - React-Fabric/componentregistry (= 0.78.3)
+ - React-Fabric/componentregistrynative (= 0.78.3)
+ - React-Fabric/components (= 0.78.3)
+ - React-Fabric/consistency (= 0.78.3)
+ - React-Fabric/core (= 0.78.3)
+ - React-Fabric/dom (= 0.78.3)
+ - React-Fabric/imagemanager (= 0.78.3)
+ - React-Fabric/leakchecker (= 0.78.3)
+ - React-Fabric/mounting (= 0.78.3)
+ - React-Fabric/observers (= 0.78.3)
+ - React-Fabric/scheduler (= 0.78.3)
+ - React-Fabric/telemetry (= 0.78.3)
+ - React-Fabric/templateprocessor (= 0.78.3)
+ - React-Fabric/uimanager (= 0.78.3)
- React-featureflags
- React-graphics
- React-jsi
@@ -378,7 +379,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/animations (0.77.3):
+ - React-Fabric/animations (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -399,7 +400,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/attributedstring (0.77.3):
+ - React-Fabric/attributedstring (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -420,7 +421,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/componentregistry (0.77.3):
+ - React-Fabric/componentregistry (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -441,7 +442,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/componentregistrynative (0.77.3):
+ - React-Fabric/componentregistrynative (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -462,7 +463,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/components (0.77.3):
+ - React-Fabric/components (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -474,9 +475,9 @@ PODS:
- React-Core
- React-cxxreact
- React-debug
- - React-Fabric/components/legacyviewmanagerinterop (= 0.77.3)
- - React-Fabric/components/root (= 0.77.3)
- - React-Fabric/components/view (= 0.77.3)
+ - React-Fabric/components/legacyviewmanagerinterop (= 0.78.3)
+ - React-Fabric/components/root (= 0.78.3)
+ - React-Fabric/components/view (= 0.78.3)
- React-featureflags
- React-graphics
- React-jsi
@@ -486,7 +487,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/components/legacyviewmanagerinterop (0.77.3):
+ - React-Fabric/components/legacyviewmanagerinterop (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -507,7 +508,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/components/root (0.77.3):
+ - React-Fabric/components/root (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -528,7 +529,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/components/view (0.77.3):
+ - React-Fabric/components/view (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -550,7 +551,7 @@ PODS:
- React-utils
- ReactCommon/turbomodule/core
- Yoga
- - React-Fabric/core (0.77.3):
+ - React-Fabric/consistency (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -571,7 +572,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/dom (0.77.3):
+ - React-Fabric/core (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -592,7 +593,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/imagemanager (0.77.3):
+ - React-Fabric/dom (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -613,7 +614,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/leakchecker (0.77.3):
+ - React-Fabric/imagemanager (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -634,7 +635,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/mounting (0.77.3):
+ - React-Fabric/leakchecker (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -655,7 +656,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/observers (0.77.3):
+ - React-Fabric/mounting (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -667,7 +668,6 @@ PODS:
- React-Core
- React-cxxreact
- React-debug
- - React-Fabric/observers/events (= 0.77.3)
- React-featureflags
- React-graphics
- React-jsi
@@ -677,7 +677,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/observers/events (0.77.3):
+ - React-Fabric/observers (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -689,6 +689,7 @@ PODS:
- React-Core
- React-cxxreact
- React-debug
+ - React-Fabric/observers/events (= 0.78.3)
- React-featureflags
- React-graphics
- React-jsi
@@ -698,7 +699,28 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/scheduler (0.77.3):
+ - React-Fabric/observers/events (0.78.3):
+ - DoubleConversion
+ - fast_float (= 6.1.4)
+ - fmt (= 11.0.2)
+ - glog
+ - hermes-engine
+ - RCT-Folly/Fabric (= 2024.11.18.00)
+ - RCTRequired
+ - RCTTypeSafety
+ - React-Core
+ - React-cxxreact
+ - React-debug
+ - React-featureflags
+ - React-graphics
+ - React-jsi
+ - React-jsiexecutor
+ - React-logger
+ - React-rendererdebug
+ - React-runtimescheduler
+ - React-utils
+ - ReactCommon/turbomodule/core
+ - React-Fabric/scheduler (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -721,7 +743,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/telemetry (0.77.3):
+ - React-Fabric/telemetry (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -742,7 +764,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/templateprocessor (0.77.3):
+ - React-Fabric/templateprocessor (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -763,7 +785,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/uimanager (0.77.3):
+ - React-Fabric/uimanager (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -775,7 +797,7 @@ PODS:
- React-Core
- React-cxxreact
- React-debug
- - React-Fabric/uimanager/consistency (= 0.77.3)
+ - React-Fabric/uimanager/consistency (= 0.78.3)
- React-featureflags
- React-graphics
- React-jsi
@@ -786,7 +808,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-Fabric/uimanager/consistency (0.77.3):
+ - React-Fabric/uimanager/consistency (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -808,7 +830,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon/turbomodule/core
- - React-FabricComponents (0.77.3):
+ - React-FabricComponents (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -821,8 +843,8 @@ PODS:
- React-cxxreact
- React-debug
- React-Fabric
- - React-FabricComponents/components (= 0.77.3)
- - React-FabricComponents/textlayoutmanager (= 0.77.3)
+ - React-FabricComponents/components (= 0.78.3)
+ - React-FabricComponents/textlayoutmanager (= 0.78.3)
- React-featureflags
- React-graphics
- React-jsi
@@ -833,7 +855,7 @@ PODS:
- React-utils
- ReactCommon/turbomodule/core
- Yoga
- - React-FabricComponents/components (0.77.3):
+ - React-FabricComponents/components (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -846,15 +868,15 @@ PODS:
- React-cxxreact
- React-debug
- React-Fabric
- - React-FabricComponents/components/inputaccessory (= 0.77.3)
- - React-FabricComponents/components/iostextinput (= 0.77.3)
- - React-FabricComponents/components/modal (= 0.77.3)
- - React-FabricComponents/components/rncore (= 0.77.3)
- - React-FabricComponents/components/safeareaview (= 0.77.3)
- - React-FabricComponents/components/scrollview (= 0.77.3)
- - React-FabricComponents/components/text (= 0.77.3)
- - React-FabricComponents/components/textinput (= 0.77.3)
- - React-FabricComponents/components/unimplementedview (= 0.77.3)
+ - React-FabricComponents/components/inputaccessory (= 0.78.3)
+ - React-FabricComponents/components/iostextinput (= 0.78.3)
+ - React-FabricComponents/components/modal (= 0.78.3)
+ - React-FabricComponents/components/rncore (= 0.78.3)
+ - React-FabricComponents/components/safeareaview (= 0.78.3)
+ - React-FabricComponents/components/scrollview (= 0.78.3)
+ - React-FabricComponents/components/text (= 0.78.3)
+ - React-FabricComponents/components/textinput (= 0.78.3)
+ - React-FabricComponents/components/unimplementedview (= 0.78.3)
- React-featureflags
- React-graphics
- React-jsi
@@ -865,7 +887,7 @@ PODS:
- React-utils
- ReactCommon/turbomodule/core
- Yoga
- - React-FabricComponents/components/inputaccessory (0.77.3):
+ - React-FabricComponents/components/inputaccessory (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -888,7 +910,7 @@ PODS:
- React-utils
- ReactCommon/turbomodule/core
- Yoga
- - React-FabricComponents/components/iostextinput (0.77.3):
+ - React-FabricComponents/components/iostextinput (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -911,7 +933,7 @@ PODS:
- React-utils
- ReactCommon/turbomodule/core
- Yoga
- - React-FabricComponents/components/modal (0.77.3):
+ - React-FabricComponents/components/modal (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -934,7 +956,7 @@ PODS:
- React-utils
- ReactCommon/turbomodule/core
- Yoga
- - React-FabricComponents/components/rncore (0.77.3):
+ - React-FabricComponents/components/rncore (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -957,7 +979,7 @@ PODS:
- React-utils
- ReactCommon/turbomodule/core
- Yoga
- - React-FabricComponents/components/safeareaview (0.77.3):
+ - React-FabricComponents/components/safeareaview (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -980,7 +1002,7 @@ PODS:
- React-utils
- ReactCommon/turbomodule/core
- Yoga
- - React-FabricComponents/components/scrollview (0.77.3):
+ - React-FabricComponents/components/scrollview (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -1003,7 +1025,7 @@ PODS:
- React-utils
- ReactCommon/turbomodule/core
- Yoga
- - React-FabricComponents/components/text (0.77.3):
+ - React-FabricComponents/components/text (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -1026,7 +1048,7 @@ PODS:
- React-utils
- ReactCommon/turbomodule/core
- Yoga
- - React-FabricComponents/components/textinput (0.77.3):
+ - React-FabricComponents/components/textinput (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -1049,7 +1071,7 @@ PODS:
- React-utils
- ReactCommon/turbomodule/core
- Yoga
- - React-FabricComponents/components/unimplementedview (0.77.3):
+ - React-FabricComponents/components/unimplementedview (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -1072,7 +1094,7 @@ PODS:
- React-utils
- ReactCommon/turbomodule/core
- Yoga
- - React-FabricComponents/textlayoutmanager (0.77.3):
+ - React-FabricComponents/textlayoutmanager (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -1095,28 +1117,29 @@ PODS:
- React-utils
- ReactCommon/turbomodule/core
- Yoga
- - React-FabricImage (0.77.3):
+ - React-FabricImage (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
- glog
- hermes-engine
- RCT-Folly/Fabric (= 2024.11.18.00)
- - RCTRequired (= 0.77.3)
- - RCTTypeSafety (= 0.77.3)
+ - RCTRequired (= 0.78.3)
+ - RCTTypeSafety (= 0.78.3)
- React-Fabric
- React-featureflags
- React-graphics
- React-ImageManager
- React-jsi
- - React-jsiexecutor (= 0.77.3)
+ - React-jsiexecutor (= 0.78.3)
- React-logger
- React-rendererdebug
- React-utils
- ReactCommon
- Yoga
- - React-featureflags (0.77.3)
- - React-featureflagsnativemodule (0.77.3):
+ - React-featureflags (0.78.3):
+ - RCT-Folly (= 2024.11.18.00)
+ - React-featureflagsnativemodule (0.78.3):
- hermes-engine
- RCT-Folly
- React-featureflags
@@ -1124,29 +1147,31 @@ PODS:
- React-jsiexecutor
- React-RCTFBReactNativeSpec
- ReactCommon/turbomodule/core
- - React-graphics (0.77.3):
+ - React-graphics (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
- glog
+ - hermes-engine
- RCT-Folly/Fabric (= 2024.11.18.00)
- React-jsi
- React-jsiexecutor
- React-utils
- - React-hermes (0.77.3):
+ - React-hermes (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
- - React-cxxreact (= 0.77.3)
+ - React-cxxreact (= 0.78.3)
- React-jsi
- - React-jsiexecutor (= 0.77.3)
+ - React-jsiexecutor (= 0.78.3)
- React-jsinspector
- - React-perflogger (= 0.77.3)
+ - React-perflogger (= 0.78.3)
- React-runtimeexecutor
- - React-idlecallbacksnativemodule (0.77.3):
+ - React-idlecallbacksnativemodule (0.78.3):
+ - glog
- hermes-engine
- RCT-Folly
- React-jsi
@@ -1154,7 +1179,7 @@ PODS:
- React-RCTFBReactNativeSpec
- React-runtimescheduler
- ReactCommon/turbomodule/core
- - React-ImageManager (0.77.3):
+ - React-ImageManager (0.78.3):
- glog
- RCT-Folly/Fabric
- React-Core/Default
@@ -1163,7 +1188,7 @@ PODS:
- React-graphics
- React-rendererdebug
- React-utils
- - React-jserrorhandler (0.77.3):
+ - React-jserrorhandler (0.78.3):
- glog
- hermes-engine
- RCT-Folly/Fabric (= 2024.11.18.00)
@@ -1172,7 +1197,7 @@ PODS:
- React-featureflags
- React-jsi
- ReactCommon/turbomodule/bridging
- - React-jsi (0.77.3):
+ - React-jsi (0.78.3):
- boost
- DoubleConversion
- fast_float (= 6.1.4)
@@ -1180,34 +1205,37 @@ PODS:
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
- - React-jsiexecutor (0.77.3):
+ - React-jsiexecutor (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
- - React-cxxreact (= 0.77.3)
- - React-jsi (= 0.77.3)
+ - React-cxxreact (= 0.78.3)
+ - React-jsi (= 0.78.3)
- React-jsinspector
- - React-perflogger (= 0.77.3)
- - React-jsinspector (0.77.3):
+ - React-perflogger (= 0.78.3)
+ - React-jsinspector (0.78.3):
- DoubleConversion
- glog
- hermes-engine
- - RCT-Folly (= 2024.11.18.00)
+ - RCT-Folly
- React-featureflags
- React-jsi
- - React-perflogger (= 0.77.3)
- - React-runtimeexecutor (= 0.77.3)
- - React-jsitracing (0.77.3):
+ - React-jsinspectortracing
+ - React-perflogger (= 0.78.3)
+ - React-runtimeexecutor (= 0.78.3)
+ - React-jsinspectortracing (0.78.3):
+ - RCT-Folly
+ - React-jsitracing (0.78.3):
- React-jsi
- - React-logger (0.77.3):
+ - React-logger (0.78.3):
- glog
- - React-Mapbuffer (0.77.3):
+ - React-Mapbuffer (0.78.3):
- glog
- React-debug
- - React-microtasksnativemodule (0.77.3):
+ - React-microtasksnativemodule (0.78.3):
- hermes-engine
- RCT-Folly
- React-jsi
@@ -1258,8 +1286,7 @@ PODS:
- Yoga
- react-native-netinfo (11.3.3):
- React-Core
- - React-nativeconfig (0.77.3)
- - React-NativeModulesApple (0.77.3):
+ - React-NativeModulesApple (0.78.3):
- glog
- hermes-engine
- React-callinvoker
@@ -1270,17 +1297,18 @@ PODS:
- React-runtimeexecutor
- ReactCommon/turbomodule/bridging
- ReactCommon/turbomodule/core
- - React-perflogger (0.77.3):
+ - React-perflogger (0.78.3):
- DoubleConversion
- RCT-Folly (= 2024.11.18.00)
- - React-performancetimeline (0.77.3):
+ - React-performancetimeline (0.78.3):
- RCT-Folly (= 2024.11.18.00)
- React-cxxreact
- React-featureflags
+ - React-jsinspectortracing
- React-timing
- - React-RCTActionSheet (0.77.3):
- - React-Core/RCTActionSheetHeaders (= 0.77.3)
- - React-RCTAnimation (0.77.3):
+ - React-RCTActionSheet (0.78.3):
+ - React-Core/RCTActionSheetHeaders (= 0.78.3)
+ - React-RCTAnimation (0.78.3):
- RCT-Folly (= 2024.11.18.00)
- RCTTypeSafety
- React-Core/RCTAnimationHeaders
@@ -1288,7 +1316,7 @@ PODS:
- React-NativeModulesApple
- React-RCTFBReactNativeSpec
- ReactCommon
- - React-RCTAppDelegate (0.77.3):
+ - React-RCTAppDelegate (0.78.3):
- RCT-Folly (= 2024.11.18.00)
- RCTRequired
- RCTTypeSafety
@@ -1300,7 +1328,6 @@ PODS:
- React-featureflags
- React-graphics
- React-hermes
- - React-nativeconfig
- React-NativeModulesApple
- React-RCTFabric
- React-RCTFBReactNativeSpec
@@ -1313,7 +1340,7 @@ PODS:
- React-runtimescheduler
- React-utils
- ReactCommon
- - React-RCTBlob (0.77.3):
+ - React-RCTBlob (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
@@ -1327,7 +1354,7 @@ PODS:
- React-RCTFBReactNativeSpec
- React-RCTNetwork
- ReactCommon
- - React-RCTFabric (0.77.3):
+ - React-RCTFabric (0.78.3):
- glog
- hermes-engine
- RCT-Folly/Fabric (= 2024.11.18.00)
@@ -1341,7 +1368,7 @@ PODS:
- React-ImageManager
- React-jsi
- React-jsinspector
- - React-nativeconfig
+ - React-jsinspectortracing
- React-performancetimeline
- React-RCTImage
- React-RCTText
@@ -1350,7 +1377,7 @@ PODS:
- React-runtimescheduler
- React-utils
- Yoga
- - React-RCTFBReactNativeSpec (0.77.3):
+ - React-RCTFBReactNativeSpec (0.78.3):
- hermes-engine
- RCT-Folly
- RCTRequired
@@ -1360,7 +1387,7 @@ PODS:
- React-jsiexecutor
- React-NativeModulesApple
- ReactCommon
- - React-RCTImage (0.77.3):
+ - React-RCTImage (0.78.3):
- RCT-Folly (= 2024.11.18.00)
- RCTTypeSafety
- React-Core/RCTImageHeaders
@@ -1369,14 +1396,14 @@ PODS:
- React-RCTFBReactNativeSpec
- React-RCTNetwork
- ReactCommon
- - React-RCTLinking (0.77.3):
- - React-Core/RCTLinkingHeaders (= 0.77.3)
- - React-jsi (= 0.77.3)
+ - React-RCTLinking (0.78.3):
+ - React-Core/RCTLinkingHeaders (= 0.78.3)
+ - React-jsi (= 0.78.3)
- React-NativeModulesApple
- React-RCTFBReactNativeSpec
- ReactCommon
- - ReactCommon/turbomodule/core (= 0.77.3)
- - React-RCTNetwork (0.77.3):
+ - ReactCommon/turbomodule/core (= 0.78.3)
+ - React-RCTNetwork (0.78.3):
- RCT-Folly (= 2024.11.18.00)
- RCTTypeSafety
- React-Core/RCTNetworkHeaders
@@ -1384,7 +1411,7 @@ PODS:
- React-NativeModulesApple
- React-RCTFBReactNativeSpec
- ReactCommon
- - React-RCTSettings (0.77.3):
+ - React-RCTSettings (0.78.3):
- RCT-Folly (= 2024.11.18.00)
- RCTTypeSafety
- React-Core/RCTSettingsHeaders
@@ -1392,25 +1419,25 @@ PODS:
- React-NativeModulesApple
- React-RCTFBReactNativeSpec
- ReactCommon
- - React-RCTText (0.77.3):
- - React-Core/RCTTextHeaders (= 0.77.3)
+ - React-RCTText (0.78.3):
+ - React-Core/RCTTextHeaders (= 0.78.3)
- Yoga
- - React-RCTVibration (0.77.3):
+ - React-RCTVibration (0.78.3):
- RCT-Folly (= 2024.11.18.00)
- React-Core/RCTVibrationHeaders
- React-jsi
- React-NativeModulesApple
- React-RCTFBReactNativeSpec
- ReactCommon
- - React-rendererconsistency (0.77.3)
- - React-rendererdebug (0.77.3):
+ - React-rendererconsistency (0.78.3)
+ - React-rendererdebug (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
- RCT-Folly (= 2024.11.18.00)
- React-debug
- - React-rncore (0.77.3)
- - React-RuntimeApple (0.77.3):
+ - React-rncore (0.78.3)
+ - React-RuntimeApple (0.78.3):
- hermes-engine
- RCT-Folly/Fabric (= 2024.11.18.00)
- React-callinvoker
@@ -1431,7 +1458,7 @@ PODS:
- React-RuntimeHermes
- React-runtimescheduler
- React-utils
- - React-RuntimeCore (0.77.3):
+ - React-RuntimeCore (0.78.3):
- glog
- hermes-engine
- RCT-Folly/Fabric (= 2024.11.18.00)
@@ -1446,9 +1473,9 @@ PODS:
- React-runtimeexecutor
- React-runtimescheduler
- React-utils
- - React-runtimeexecutor (0.77.3):
- - React-jsi (= 0.77.3)
- - React-RuntimeHermes (0.77.3):
+ - React-runtimeexecutor (0.78.3):
+ - React-jsi (= 0.78.3)
+ - React-RuntimeHermes (0.78.3):
- hermes-engine
- RCT-Folly/Fabric (= 2024.11.18.00)
- React-featureflags
@@ -1456,10 +1483,9 @@ PODS:
- React-jsi
- React-jsinspector
- React-jsitracing
- - React-nativeconfig
- React-RuntimeCore
- React-utils
- - React-runtimescheduler (0.77.3):
+ - React-runtimescheduler (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
@@ -1474,16 +1500,16 @@ PODS:
- React-runtimeexecutor
- React-timing
- React-utils
- - React-timing (0.77.3)
- - React-utils (0.77.3):
+ - React-timing (0.78.3)
+ - React-utils (0.78.3):
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
- React-debug
- - React-jsi (= 0.77.3)
- - ReactAppDependencyProvider (0.77.3):
+ - React-jsi (= 0.78.3)
+ - ReactAppDependencyProvider (0.78.3):
- ReactCodegen
- - ReactCodegen (0.77.3):
+ - ReactCodegen (0.78.3):
- DoubleConversion
- glog
- hermes-engine
@@ -1504,50 +1530,50 @@ PODS:
- React-utils
- ReactCommon/turbomodule/bridging
- ReactCommon/turbomodule/core
- - ReactCommon (0.77.3):
- - ReactCommon/turbomodule (= 0.77.3)
- - ReactCommon/turbomodule (0.77.3):
+ - ReactCommon (0.78.3):
+ - ReactCommon/turbomodule (= 0.78.3)
+ - ReactCommon/turbomodule (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
- - React-callinvoker (= 0.77.3)
- - React-cxxreact (= 0.77.3)
- - React-jsi (= 0.77.3)
- - React-logger (= 0.77.3)
- - React-perflogger (= 0.77.3)
- - ReactCommon/turbomodule/bridging (= 0.77.3)
- - ReactCommon/turbomodule/core (= 0.77.3)
- - ReactCommon/turbomodule/bridging (0.77.3):
+ - React-callinvoker (= 0.78.3)
+ - React-cxxreact (= 0.78.3)
+ - React-jsi (= 0.78.3)
+ - React-logger (= 0.78.3)
+ - React-perflogger (= 0.78.3)
+ - ReactCommon/turbomodule/bridging (= 0.78.3)
+ - ReactCommon/turbomodule/core (= 0.78.3)
+ - ReactCommon/turbomodule/bridging (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
- - React-callinvoker (= 0.77.3)
- - React-cxxreact (= 0.77.3)
- - React-jsi (= 0.77.3)
- - React-logger (= 0.77.3)
- - React-perflogger (= 0.77.3)
- - ReactCommon/turbomodule/core (0.77.3):
+ - React-callinvoker (= 0.78.3)
+ - React-cxxreact (= 0.78.3)
+ - React-jsi (= 0.78.3)
+ - React-logger (= 0.78.3)
+ - React-perflogger (= 0.78.3)
+ - ReactCommon/turbomodule/core (0.78.3):
- DoubleConversion
- fast_float (= 6.1.4)
- fmt (= 11.0.2)
- glog
- hermes-engine
- RCT-Folly (= 2024.11.18.00)
- - React-callinvoker (= 0.77.3)
- - React-cxxreact (= 0.77.3)
- - React-debug (= 0.77.3)
- - React-featureflags (= 0.77.3)
- - React-jsi (= 0.77.3)
- - React-logger (= 0.77.3)
- - React-perflogger (= 0.77.3)
- - React-utils (= 0.77.3)
- - ReactNativeNavigation (8.1.2):
+ - React-callinvoker (= 0.78.3)
+ - React-cxxreact (= 0.78.3)
+ - React-debug (= 0.78.3)
+ - React-featureflags (= 0.78.3)
+ - React-jsi (= 0.78.3)
+ - React-logger (= 0.78.3)
+ - React-perflogger (= 0.78.3)
+ - React-utils (= 0.78.3)
+ - ReactNativeNavigation (8.4.3):
- DoubleConversion
- glog
- hermes-engine
@@ -1578,9 +1604,9 @@ PODS:
- ReactCommon
- ReactCommon/turbomodule/bridging
- ReactCommon/turbomodule/core
- - ReactNativeNavigation/Core (= 8.1.2)
+ - ReactNativeNavigation/Core (= 8.4.3)
- Yoga
- - ReactNativeNavigation/Core (8.1.2):
+ - ReactNativeNavigation/Core (8.4.3):
- DoubleConversion
- glog
- hermes-engine
@@ -1681,7 +1707,7 @@ PODS:
- Yoga
- RNReactNativeHapticFeedback (1.14.0):
- React-Core
- - RNReanimated (3.18.0):
+ - RNReanimated (3.19.4):
- DoubleConversion
- glog
- hermes-engine
@@ -1703,10 +1729,10 @@ PODS:
- ReactCodegen
- ReactCommon/turbomodule/bridging
- ReactCommon/turbomodule/core
- - RNReanimated/reanimated (= 3.18.0)
- - RNReanimated/worklets (= 3.18.0)
+ - RNReanimated/reanimated (= 3.19.4)
+ - RNReanimated/worklets (= 3.19.4)
- Yoga
- - RNReanimated/reanimated (3.18.0):
+ - RNReanimated/reanimated (3.19.4):
- DoubleConversion
- glog
- hermes-engine
@@ -1728,9 +1754,9 @@ PODS:
- ReactCodegen
- ReactCommon/turbomodule/bridging
- ReactCommon/turbomodule/core
- - RNReanimated/reanimated/apple (= 3.18.0)
+ - RNReanimated/reanimated/apple (= 3.19.4)
- Yoga
- - RNReanimated/reanimated/apple (3.18.0):
+ - RNReanimated/reanimated/apple (3.19.4):
- DoubleConversion
- glog
- hermes-engine
@@ -1753,7 +1779,7 @@ PODS:
- ReactCommon/turbomodule/bridging
- ReactCommon/turbomodule/core
- Yoga
- - RNReanimated/worklets (3.18.0):
+ - RNReanimated/worklets (3.19.4):
- DoubleConversion
- glog
- hermes-engine
@@ -1775,9 +1801,9 @@ PODS:
- ReactCodegen
- ReactCommon/turbomodule/bridging
- ReactCommon/turbomodule/core
- - RNReanimated/worklets/apple (= 3.18.0)
+ - RNReanimated/worklets/apple (= 3.19.4)
- Yoga
- - RNReanimated/worklets/apple (3.18.0):
+ - RNReanimated/worklets/apple (3.19.4):
- DoubleConversion
- glog
- hermes-engine
@@ -1882,6 +1908,7 @@ DEPENDENCIES:
- React-jsi (from `../../../node_modules/react-native/ReactCommon/jsi`)
- React-jsiexecutor (from `../../../node_modules/react-native/ReactCommon/jsiexecutor`)
- React-jsinspector (from `../../../node_modules/react-native/ReactCommon/jsinspector-modern`)
+ - React-jsinspectortracing (from `../../../node_modules/react-native/ReactCommon/jsinspector-modern/tracing`)
- React-jsitracing (from `../../../node_modules/react-native/ReactCommon/hermes/executor/`)
- React-logger (from `../../../node_modules/react-native/ReactCommon/logger`)
- React-Mapbuffer (from `../../../node_modules/react-native/ReactCommon`)
@@ -1889,7 +1916,6 @@ DEPENDENCIES:
- "react-native-blur (from `../../../node_modules/@react-native-community/blur`)"
- react-native-mmkv (from `../../../node_modules/react-native-mmkv`)
- "react-native-netinfo (from `../../../node_modules/@react-native-community/netinfo`)"
- - React-nativeconfig (from `../../../node_modules/react-native/ReactCommon`)
- React-NativeModulesApple (from `../../../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios`)
- React-perflogger (from `../../../node_modules/react-native/ReactCommon/reactperflogger`)
- React-performancetimeline (from `../../../node_modules/react-native/ReactCommon/react/performance/timeline`)
@@ -1952,7 +1978,7 @@ EXTERNAL SOURCES:
:podspec: "../../../node_modules/react-native/third-party-podspecs/glog.podspec"
hermes-engine:
:podspec: "../../../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec"
- :tag: hermes-2024-11-25-RNv0.77.0-d4f25d534ab744866448b36ca3bf3d97c08e638c
+ :tag: hermes-2025-01-13-RNv0.78.0-a942ef374897d85da38e9c8904574f8376555388
RCT-Folly:
:podspec: "../../../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec"
RCTDeprecation:
@@ -2003,6 +2029,8 @@ EXTERNAL SOURCES:
:path: "../../../node_modules/react-native/ReactCommon/jsiexecutor"
React-jsinspector:
:path: "../../../node_modules/react-native/ReactCommon/jsinspector-modern"
+ React-jsinspectortracing:
+ :path: "../../../node_modules/react-native/ReactCommon/jsinspector-modern/tracing"
React-jsitracing:
:path: "../../../node_modules/react-native/ReactCommon/hermes/executor/"
React-logger:
@@ -2017,8 +2045,6 @@ EXTERNAL SOURCES:
:path: "../../../node_modules/react-native-mmkv"
react-native-netinfo:
:path: "../../../node_modules/@react-native-community/netinfo"
- React-nativeconfig:
- :path: "../../../node_modules/react-native/ReactCommon"
React-NativeModulesApple:
:path: "../../../node_modules/react-native/ReactCommon/react/nativemodule/core/platform/ios"
React-perflogger:
@@ -2101,84 +2127,84 @@ SPEC CHECKSUMS:
BVLinearGradient: 34a999fda29036898a09c6a6b728b0b4189e1a44
DoubleConversion: cb417026b2400c8f53ae97020b2be961b59470cb
fast_float: 06eeec4fe712a76acc9376682e4808b05ce978b6
- FBLazyVector: 23d8c5470c648a635893dc0956c6dbaead54b656
+ FBLazyVector: e053802577a711add20e45bbbf5dd1180b6ca62e
fmt: a40bb5bd0294ea969aaaba240a927bd33d878cdd
glog: eb93e2f488219332457c3c4eafd2738ddc7e80b8
- hermes-engine: b2187dbe13edb0db8fcb2a93a69c1987a30d98a4
+ hermes-engine: b5c9cfbe6415f1b0b24759f2942c8f33e9af6347
HMSegmentedControl: 34c1f54d822d8308e7b24f5d901ec674dfa31352
RCT-Folly: 36fe2295e44b10d831836cc0d1daec5f8abcf809
- RCTDeprecation: 6ee92578d332db1d4e03267d3ae98bcf8b780863
- RCTRequired: 5b3da0e0f91fddda935574b81748c3e3d3649ee7
- RCTTypeSafety: 870cb072be3d3f310ecec897c3d297a931f8f7e1
- React: 535fa5014fb1743f6654a980acb16dae339e1944
- React-callinvoker: dd1ecd51f8d3c76a551afdf6dab6d51c1ead5501
+ RCTDeprecation: cf39863b43871c2031050605fb884019b6193910
+ RCTRequired: 8fdd66f4a97f352b66f38cfef13fc11b12d2c884
+ RCTTypeSafety: c9c9e64389bc545fc137030615b387ef1654dcee
+ React: 14a80ea4f13387cfdaa4250b46fbfe19754c220c
+ React-callinvoker: fed1dad5d6cf992c7b4b5fdbf1bf67fe2e8fb6c5
React-Codegen: 4b8b4817cea7a54b83851d4c1f91f79aa73de30a
- React-Core: cd2530a1bcf14af3e34cd7561ee36916079a8e7f
- React-CoreModules: d4fec6cceab80b9e22b5a45036ee431b5a69b102
- React-cxxreact: 3d3010b4ccd33458ab12bfbbc1b05402e17e4a98
- React-debug: 41315631a01cf5cc3c9498482b97be21c49f8e8d
- React-defaultsnativemodule: dcb237a582ed8d46e74e4c38c90f8e29895a0812
- React-domnativemodule: 4cc53a9f19dae2514b56357c8a148601b5376c13
- React-Fabric: 2203020455994c14a6b0eed5fe206ba11c51d28b
- React-FabricComponents: d1e35a9d7660cb57ec31ae7730cf30fabb07039a
- React-FabricImage: 34de81a326d87d9a3a0d54c285dc518a9e896ce1
- React-featureflags: 08f06c820a37b29ed3ef9dddc6763c086339bc28
- React-featureflagsnativemodule: e4c016c273fccd39e5c0425dbf552ae3ba6f557c
- React-graphics: 34008ef25e81687b5b89d6fe1ebc167c3414fd8b
- React-hermes: 997737a07bc954d032ba808a85d367c1e4eee2d9
- React-idlecallbacksnativemodule: ad58b5d392ca3257511ea81c496d068face8bcee
- React-ImageManager: a9e52d60226e1994b432bf7cc9d58b36a935eeb6
- React-jserrorhandler: 1e06734dfb99a87b1d9db3954e2fb680e1483a77
- React-jsi: a7f1b8eb4319e2fc664e1761ce04ab0ad4a51e2a
- React-jsiexecutor: 58d404bda9a46fa8822d556942c04b3020e214c7
- React-jsinspector: 75717c9002cb6b590692ebb237ad1fce5f600aba
- React-jsitracing: 62b9f496758ea6aff6fb7021b4b8e05da7e460c5
- React-logger: 094beeb633228cb5d7a1b7235e21c77f901eb1a6
- React-Mapbuffer: ac43f5b92893ee6cba15a712b211191f9dfbf089
- React-microtasksnativemodule: c32cbd3d9c334a51311ab9d717e2c72c7032a256
+ React-Core: f703e7a56fcedc3e959b8b7899995e57fd58539a
+ React-CoreModules: 6e87c904cc257058c271708eef1719b5b3039131
+ React-cxxreact: 4153beeff710944832cd90ccb141e299ee16b7d3
+ React-debug: aea2894f3f71697ec8724c11db9c46c1574b21e4
+ React-defaultsnativemodule: de00ba37b23205eca31cee5a6a8756a48f0a38f9
+ React-domnativemodule: b8dd2af2fcd232da5ea679e439a95a827a852a21
+ React-Fabric: a63a42788096362a4840d827dab426c17a15a644
+ React-FabricComponents: 8dd7bea45626350fe7bd052ea7c9fd657a1977cc
+ React-FabricImage: de4c10c3319b916ca4d0b6a6fd53c3ecb4da0f83
+ React-featureflags: c6de2182d6065b3239245820347947e2c1309feb
+ React-featureflagsnativemodule: 47c7a5814a027eb262c2709852d1b1a597599cca
+ React-graphics: bf16f4f74e3bc342b58b71797674a4eafda467a9
+ React-hermes: a942bebef5e9fcc31f51c6fb814e96c260a2a20d
+ React-idlecallbacksnativemodule: d53c466886963cc325172bc9100b21e8511bce97
+ React-ImageManager: 4e2d837df0bf6b4cc42238122dc4577545befed5
+ React-jserrorhandler: 41f26e9e5559bda0549f27410d685a8f21bdbb94
+ React-jsi: b2de88284fc2cc69466a34d8b794160216d3bd2c
+ React-jsiexecutor: e947af1c9e42610affd9f4178cd4b649e8ac889b
+ React-jsinspector: 7efabcd0a393fed8e3bd4b9c8c461c1b4d5d2b90
+ React-jsinspectortracing: 8cddf7d93b8aa43a14b5d92e8a83de083a1158e6
+ React-jsitracing: 1d636f7da6f2d4f9c2d3d7e9d50f469eb2356ddb
+ React-logger: e6c3c1b55c18cc1b945b647ff9ada53e0e710b50
+ React-Mapbuffer: 396d97d3534fa0df8c1a690eb6269d8a7d9f5b0e
+ React-microtasksnativemodule: 9f9819152d22361967a6dfaaca7828af37b0ae70
react-native-blur: b37343d4df1af48a17444156b674b26d5aec2425
react-native-mmkv: 55e8a074ae9cb919609755d7271c16b242c2603f
react-native-netinfo: 9af975c142e5673d643093aa5afdfa26f46b71b4
- React-nativeconfig: f77b4627803bf7886a1f2e96b33b8af34e583cc4
- React-NativeModulesApple: 6bfb56c8a05c9181727a4375c6fce152171c038d
- React-perflogger: 6820403fcb3daf843cb89772f2ba7b25cf7d5797
- React-performancetimeline: 7bcddde49ca791c27191250c4827ad1e94004b24
- React-RCTActionSheet: f8f5545f473a87a8ab124046fe58905b82c55322
- React-RCTAnimation: d00f43f3fb0be43b737eea902da35b60259ac581
- React-RCTAppDelegate: 9398d664922ed53a19ae35496298b7970631f6b7
- React-RCTBlob: 29fd1faf27ceb029229dea40214cac6f11f80160
- React-RCTFabric: d39ea220f5aa7538b898e81ea217e973047fa7a4
- React-RCTFBReactNativeSpec: 824146f7b3964b44eb2e8c6735db456808070ccf
- React-RCTImage: 29536152820fe9e8f6faeca4456593cbf8deef3f
- React-RCTLinking: 95526e0b3561c5aa92f5cb6fb0260632aacae8b6
- React-RCTNetwork: b4d4f4e0df5ae22befbdc9803f2729586be15155
- React-RCTSettings: db763df8a5177dd99f0848abdefed604e423ee82
- React-RCTText: c9925bc59a549645fc34265631626701f208b31a
- React-RCTVibration: 95fee529d0734f88d889fdb0926d8fdd2f14deb8
- React-rendererconsistency: 9f5292176e629370402cbfe4e88c19b3c68e79a3
- React-rendererdebug: 16789da121f8bdc939d51cdc6462a34707e6af42
- React-rncore: 8a77fbb638aab2ef0a3e4e122ddc5310a8299699
- React-RuntimeApple: 6e622ffd3f434847f97fb39215130962f84e184c
- React-RuntimeCore: 30fa3ab46a71c71220605b67e22e3930be1e69b7
- React-runtimeexecutor: 2dc71d251ce5630b11d384bc80d7fbb9d9d93623
- React-RuntimeHermes: bc562eeae932000894a072e9ab3ff5b24d04a87b
- React-runtimescheduler: 1fc66730e3502512adb9ac24831938285a36f310
- React-timing: 7d80ad4297c57ec4cb49da4a5db1b82f93fedb2a
- React-utils: 1dfda6bd64373a4bd19efa4d48ac0756a2bc8dff
- ReactAppDependencyProvider: 9b3704075c2fe8fd7c739779655fb88700a1ca30
- ReactCodegen: be89c567b3bd500c78cb1eb798abfaa76228a995
- ReactCommon: 271491c2343c91609d3dc18bb4b4ebe67160de03
- ReactNativeNavigation: 8736aac0f0438d32ca98e74943915c812f93a8f1
+ React-NativeModulesApple: 7c9c0c4e76731529b2e15f5d5edb266b980556ea
+ React-perflogger: 069d41f741187be92ed46c6ac67add03b99f3166
+ React-performancetimeline: 6deb6607876acc3d5647bd994e139639702fb28e
+ React-RCTActionSheet: a078d5008632fed31b0024c420ee02e612b317d5
+ React-RCTAnimation: 82e31d191af4175e0c2df5bdac2c8569a5f3ab54
+ React-RCTAppDelegate: a5c1ff79f5987462b4f62b27387459ba84012439
+ React-RCTBlob: c462b8b7de6ce44ddc56dd96eebe1da0a6e54c77
+ React-RCTFabric: 4e4cd6953090c7399f5edd0e3ecedc0b03c06ffc
+ React-RCTFBReactNativeSpec: 8392ef66ad156cfa848546859bbff3b5e8a09458
+ React-RCTImage: 10fad63f1bb8adbd519c4c2ef6bec3c0d95fdd32
+ React-RCTLinking: 3843288a44dc33ec083c843f3ff31dd7d96ece41
+ React-RCTNetwork: f237299bda8bbd56c4d01d2825110e40b75c438a
+ React-RCTSettings: c24ce1ee96c9b001ff5059ddd53412a20b7d5e71
+ React-RCTText: d97cfb9c89b06de9530577dd43f178c47ea07853
+ React-RCTVibration: 2fcefee071a4f0d416e4368416bb073ea6893451
+ React-rendererconsistency: 259dede0b0b9b46bcc2fcdc94465a5fa01a66ef9
+ React-rendererdebug: 3f7600015d8ce3a4c97149f3660fe30dba17c0fd
+ React-rncore: 93b049aef62762732c06413616b0f033d47b9a95
+ React-RuntimeApple: 85a29d8805ace62a2db360cc46e3100435b0dd2b
+ React-RuntimeCore: a81ea64fb5578c0367736c91fb85d6844950b7c2
+ React-runtimeexecutor: 2de0d537fc6d5b4a7074587b4459ea331c7e5715
+ React-RuntimeHermes: 7a8c26dc9e99bd45bea83a2f945a54024500a039
+ React-runtimescheduler: 5baeb838d7105e6825c94c23964f15e7d2c4447c
+ React-timing: b3fee4c56239f60f62efb29bb8eeecf636a27665
+ React-utils: 21356bf3cdd7a337587165fea57563a077993864
+ ReactAppDependencyProvider: ad88c80e06f29900f2e6f9ccf1d4cb0bfc3e1bbc
+ ReactCodegen: 7296600d988a22efad378aa9c06e930e0cc377c7
+ ReactCommon: 7ea8ee50e489e9cc75922f19a06ea45c1b59b4bd
+ ReactNativeNavigation: f5b64def1a53be435190591f9a4e1780167837e7
ReactNativeUiLib: 699cec778ce0464e2205c84f8716dd4d40bd9b4a
RNDateTimePicker: 8fcea61ffc2b8ee230ad29c7f423dc639359780c
RNFlashList: b84542632250e04d25a4500294e32aa83d0e2e6f
RNFS: 4ac0f0ea233904cb798630b3c077808c06931688
RNGestureHandler: 9b05fab9a0b48fe48c968de7dbb9ca38a2b4f7ab
RNReactNativeHapticFeedback: 1e3efeca9628ff9876ee7cdd9edec1b336913f8c
- RNReanimated: fab5c4eb8c5697c89c17cc2e394dcdbe2f5b2a35
- RNSVG: cb725f4400af94396beaeab55098e0a57f2ee020
+ RNReanimated: 894178d18ccd9b69a472b833f73c6e207573c7c6
+ RNSVG: 8588ee1ca9b2e6fd2c99466e35b3db0e9f81bb40
SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
- Yoga: 7d51419602153919f32aec72812e324d495ee49d
+ Yoga: 0eb433ccf59c96ae34900f7f49bd6cd22463afa4
PODFILE CHECKSUM: 0f434d5eab3f8da4ef1db7d4ed45bc7093b68f4c
diff --git a/packages/react-native-ui-lib/ios/rnuilib.xcodeproj/project.pbxproj b/packages/react-native-ui-lib/ios/rnuilib.xcodeproj/project.pbxproj
index 3a902ed88d..cdfc1c34db 100644
--- a/packages/react-native-ui-lib/ios/rnuilib.xcodeproj/project.pbxproj
+++ b/packages/react-native-ui-lib/ios/rnuilib.xcodeproj/project.pbxproj
@@ -12,7 +12,7 @@
10C29C852DCE7AED0050BB15 /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 10C29C842DCE7AED0050BB15 /* main.m */; };
13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
2D02E4BD1E0B4A84006451C7 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
- 5E48B7A8EE3B685128EBDAC6 /* libPods-rnuilib.a in Frameworks */ = {isa = PBXBuildFile; fileRef = F16F693E83E513B4EA5B27F8 /* libPods-rnuilib.a */; };
+ 6EAFD7E7529D6AB2A14B24D0 /* libPods-rnuilib.a in Frameworks */ = {isa = PBXBuildFile; fileRef = A5F4BED900EB839D3EF75D75 /* libPods-rnuilib.a */; };
8E52CBDF2887DD21009D5EC5 /* DesignTokens.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 8E52CBDE2887DD21009D5EC5 /* DesignTokens.xcassets */; };
8E8B0D662744D9CD0026B520 /* void.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8E8B0D652744D9CD0026B520 /* void.swift */; };
8EA1FC8C2519E7F7008B4B36 /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 8EA1FC8B2519E7F7008B4B36 /* LaunchScreen.storyboard */; };
@@ -50,15 +50,15 @@
2D02E47B1E0B4A5D006451C7 /* rnuilib-tvOS.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = "rnuilib-tvOS.app"; sourceTree = BUILT_PRODUCTS_DIR; };
2D02E4901E0B4A5D006451C7 /* rnuilib-tvOSTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = "rnuilib-tvOSTests.xctest"; sourceTree = BUILT_PRODUCTS_DIR; };
411699F1CD4A37F8779A4620 /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xml; name = PrivacyInfo.xcprivacy; path = rnuilib/PrivacyInfo.xcprivacy; sourceTree = ""; };
- 4DD0BDA478C716D15C1686FD /* Pods-rnuilib.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-rnuilib.release.xcconfig"; path = "Target Support Files/Pods-rnuilib/Pods-rnuilib.release.xcconfig"; sourceTree = ""; };
+ 89D43FD524252AEE9A5E7F9C /* Pods-rnuilib.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-rnuilib.debug.xcconfig"; path = "Target Support Files/Pods-rnuilib/Pods-rnuilib.debug.xcconfig"; sourceTree = ""; };
8E52CBDE2887DD21009D5EC5 /* DesignTokens.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = DesignTokens.xcassets; sourceTree = ""; };
8E8B0D652744D9CD0026B520 /* void.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = void.swift; sourceTree = ""; };
8EA1FC8B2519E7F7008B4B36 /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = rnuilib/LaunchScreen.storyboard; sourceTree = ""; };
+ 9EA158686F413620FCD02168 /* Pods-rnuilib.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-rnuilib.release.xcconfig"; path = "Target Support Files/Pods-rnuilib/Pods-rnuilib.release.xcconfig"; sourceTree = ""; };
+ A5F4BED900EB839D3EF75D75 /* libPods-rnuilib.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-rnuilib.a"; sourceTree = BUILT_PRODUCTS_DIR; };
DED5A85D4BF49DFA47437893 /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xml; name = PrivacyInfo.xcprivacy; path = rnuilib/PrivacyInfo.xcprivacy; sourceTree = ""; };
ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
ED2971642150620600B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS12.0.sdk/System/Library/Frameworks/JavaScriptCore.framework; sourceTree = DEVELOPER_DIR; };
- F16F693E83E513B4EA5B27F8 /* libPods-rnuilib.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-rnuilib.a"; sourceTree = BUILT_PRODUCTS_DIR; };
- F6698628F0E9DC56C7B29AFA /* Pods-rnuilib.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-rnuilib.debug.xcconfig"; path = "Target Support Files/Pods-rnuilib/Pods-rnuilib.debug.xcconfig"; sourceTree = ""; };
/* End PBXFileReference section */
/* Begin PBXFrameworksBuildPhase section */
@@ -73,7 +73,7 @@
isa = PBXFrameworksBuildPhase;
buildActionMask = 2147483647;
files = (
- 5E48B7A8EE3B685128EBDAC6 /* libPods-rnuilib.a in Frameworks */,
+ 6EAFD7E7529D6AB2A14B24D0 /* libPods-rnuilib.a in Frameworks */,
);
runOnlyForDeploymentPostprocessing = 0;
};
@@ -117,7 +117,7 @@
children = (
ED297162215061F000B7C4FE /* JavaScriptCore.framework */,
ED2971642150620600B7C4FE /* JavaScriptCore.framework */,
- F16F693E83E513B4EA5B27F8 /* libPods-rnuilib.a */,
+ A5F4BED900EB839D3EF75D75 /* libPods-rnuilib.a */,
);
name = Frameworks;
sourceTree = "";
@@ -158,8 +158,8 @@
D99C980AB24A05601E0007F9 /* Pods */ = {
isa = PBXGroup;
children = (
- F6698628F0E9DC56C7B29AFA /* Pods-rnuilib.debug.xcconfig */,
- 4DD0BDA478C716D15C1686FD /* Pods-rnuilib.release.xcconfig */,
+ 89D43FD524252AEE9A5E7F9C /* Pods-rnuilib.debug.xcconfig */,
+ 9EA158686F413620FCD02168 /* Pods-rnuilib.release.xcconfig */,
);
path = Pods;
sourceTree = "";
@@ -189,14 +189,14 @@
isa = PBXNativeTarget;
buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "rnuilib" */;
buildPhases = (
- FB39FD4E52794685B46B9510 /* [CP] Check Pods Manifest.lock */,
+ 2B3E3342862A1D4E28900479 /* [CP] Check Pods Manifest.lock */,
FD10A7F022414F080027D42C /* Start Packager */,
13B07F871A680F5B00A75B9A /* Sources */,
13B07F8C1A680F5B00A75B9A /* Frameworks */,
13B07F8E1A680F5B00A75B9A /* Resources */,
00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
- D13B0EC6A68AD7CA1A95DFA6 /* [CP] Embed Pods Frameworks */,
- F7252E922E01EF14537E2BC8 /* [CP] Copy Pods Resources */,
+ 1B61ADD6D1E9D386513664AA /* [CP] Embed Pods Frameworks */,
+ E08E7F233B2BD017DCECEA3C /* [CP] Copy Pods Resources */,
);
buildRules = (
);
@@ -345,39 +345,61 @@
shellPath = /bin/sh;
shellScript = "set -e\n\nWITH_ENVIRONMENT=\"../node_modules/react-native/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"../node_modules/react-native/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n";
};
- 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = {
+ 1B61ADD6D1E9D386513664AA /* [CP] Embed Pods Frameworks */ = {
isa = PBXShellScriptBuildPhase;
buildActionMask = 2147483647;
files = (
);
inputPaths = (
+ "${PODS_ROOT}/Target Support Files/Pods-rnuilib/Pods-rnuilib-frameworks.sh",
+ "${PODS_XCFRAMEWORKS_BUILD_DIR}/hermes-engine/Pre-built/hermes.framework/hermes",
);
- name = "Bundle React Native Code And Images";
+ name = "[CP] Embed Pods Frameworks";
outputPaths = (
+ "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/hermes.framework",
);
runOnlyForDeploymentPostprocessing = 0;
shellPath = /bin/sh;
- shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
+ shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-rnuilib/Pods-rnuilib-frameworks.sh\"\n";
+ showEnvVarsInLog = 0;
};
- D13B0EC6A68AD7CA1A95DFA6 /* [CP] Embed Pods Frameworks */ = {
+ 2B3E3342862A1D4E28900479 /* [CP] Check Pods Manifest.lock */ = {
isa = PBXShellScriptBuildPhase;
buildActionMask = 2147483647;
files = (
);
+ inputFileListPaths = (
+ );
inputPaths = (
- "${PODS_ROOT}/Target Support Files/Pods-rnuilib/Pods-rnuilib-frameworks.sh",
- "${PODS_XCFRAMEWORKS_BUILD_DIR}/hermes-engine/Pre-built/hermes.framework/hermes",
+ "${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+ "${PODS_ROOT}/Manifest.lock",
+ );
+ name = "[CP] Check Pods Manifest.lock";
+ outputFileListPaths = (
);
- name = "[CP] Embed Pods Frameworks";
outputPaths = (
- "${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/hermes.framework",
+ "$(DERIVED_FILE_DIR)/Pods-rnuilib-checkManifestLockResult.txt",
);
runOnlyForDeploymentPostprocessing = 0;
shellPath = /bin/sh;
- shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-rnuilib/Pods-rnuilib-frameworks.sh\"\n";
+ shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
showEnvVarsInLog = 0;
};
- F7252E922E01EF14537E2BC8 /* [CP] Copy Pods Resources */ = {
+ 2D02E4CB1E0B4B27006451C7 /* Bundle React Native Code And Images */ = {
+ isa = PBXShellScriptBuildPhase;
+ buildActionMask = 2147483647;
+ files = (
+ );
+ inputPaths = (
+ );
+ name = "Bundle React Native Code And Images";
+ outputPaths = (
+ );
+ runOnlyForDeploymentPostprocessing = 0;
+ shellPath = /bin/sh;
+ shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
+ };
+ E08E7F233B2BD017DCECEA3C /* [CP] Copy Pods Resources */ = {
isa = PBXShellScriptBuildPhase;
buildActionMask = 2147483647;
files = (
@@ -405,28 +427,6 @@
shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-rnuilib/Pods-rnuilib-resources.sh\"\n";
showEnvVarsInLog = 0;
};
- FB39FD4E52794685B46B9510 /* [CP] Check Pods Manifest.lock */ = {
- isa = PBXShellScriptBuildPhase;
- buildActionMask = 2147483647;
- files = (
- );
- inputFileListPaths = (
- );
- inputPaths = (
- "${PODS_PODFILE_DIR_PATH}/Podfile.lock",
- "${PODS_ROOT}/Manifest.lock",
- );
- name = "[CP] Check Pods Manifest.lock";
- outputFileListPaths = (
- );
- outputPaths = (
- "$(DERIVED_FILE_DIR)/Pods-rnuilib-checkManifestLockResult.txt",
- );
- runOnlyForDeploymentPostprocessing = 0;
- shellPath = /bin/sh;
- shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
- showEnvVarsInLog = 0;
- };
FD10A7F022414F080027D42C /* Start Packager */ = {
isa = PBXShellScriptBuildPhase;
buildActionMask = 2147483647;
@@ -562,7 +562,7 @@
};
13B07F941A680F5B00A75B9A /* Debug */ = {
isa = XCBuildConfiguration;
- baseConfigurationReference = F6698628F0E9DC56C7B29AFA /* Pods-rnuilib.debug.xcconfig */;
+ baseConfigurationReference = 89D43FD524252AEE9A5E7F9C /* Pods-rnuilib.debug.xcconfig */;
buildSettings = {
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
CLANG_ENABLE_MODULES = YES;
@@ -594,7 +594,7 @@
};
13B07F951A680F5B00A75B9A /* Release */ = {
isa = XCBuildConfiguration;
- baseConfigurationReference = 4DD0BDA478C716D15C1686FD /* Pods-rnuilib.release.xcconfig */;
+ baseConfigurationReference = 9EA158686F413620FCD02168 /* Pods-rnuilib.release.xcconfig */;
buildSettings = {
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
CLANG_ENABLE_MODULES = YES;
diff --git a/packages/react-native-ui-lib/jestSetup/GestureDetectorMock.tsx b/packages/react-native-ui-lib/jestSetup/GestureDetectorMock.tsx
index 4581c45066..9184e42bfa 100644
--- a/packages/react-native-ui-lib/jestSetup/GestureDetectorMock.tsx
+++ b/packages/react-native-ui-lib/jestSetup/GestureDetectorMock.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {type JSX} from 'react';
import {TouchableOpacity} from 'react-native';
type Props = {
diff --git a/packages/react-native-ui-lib/package.json b/packages/react-native-ui-lib/package.json
index e26a6b5e6e..462e5cb44c 100644
--- a/packages/react-native-ui-lib/package.json
+++ b/packages/react-native-ui-lib/package.json
@@ -32,11 +32,9 @@
"color": "^3.1.0",
"commons-validator-js": "^1.0.237",
"date-fns": "^2.29.3",
- "deprecated-react-native-prop-types": "^2.3.0",
"hoist-non-react-statics": "^3.0.0",
"lodash": "^4.17.21",
"memoize-one": "^5.0.5",
- "prop-types": "^15.5.10",
"react-freeze": "^1.0.0",
"react-native-redash": "^12.0.3",
"semver": "^5.5.0",
@@ -62,17 +60,16 @@
"@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.3",
- "@react-native/metro-config": "0.77.3",
- "@react-native/typescript-config": "0.77.3",
+ "@react-native/babel-preset": "0.78.3",
+ "@react-native/metro-config": "0.78.3",
+ "@react-native/typescript-config": "0.78.3",
"@shopify/flash-list": "1.7.6",
- "@testing-library/react-native": "^11.5.1",
- "@types/hoist-non-react-statics": "^3.3.1",
+ "@testing-library/react-native": "^13.3.3",
+ "@types/hoist-non-react-statics": "^3.3.7",
"@types/jest": "^29.5.13",
"@types/lodash": "^4.0.0",
- "@types/prop-types": "^15.5.3",
- "@types/react": "18.3.24",
- "@types/react-test-renderer": "^18.3.0",
+ "@types/react": "19.0.0",
+ "@types/react-test-renderer": "19.0.0",
"@types/tinycolor2": "^1.4.2",
"@types/url-parse": "^1.4.3",
"@welldone-software/why-did-you-render": "^3.2.1",
@@ -85,21 +82,21 @@
"postcss": "^8.4.21",
"postcss-js": "^4.0.0",
"prettier": "^3.2.5",
- "react": "18.3.1",
+ "react": "19.0.0",
"react-autobind": "^1.0.6",
- "react-dom": "18.3.1",
- "react-native": "0.77.3",
+ "react-dom": "19.0.0",
+ "react-native": "0.78.3",
"react-native-fs": "^2.20.0",
"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",
- "react-native-navigation": "8.1.2",
- "react-native-reanimated": "3.18.0",
+ "react-native-navigation": "8.4.3",
+ "react-native-reanimated": "3.19.4",
"react-native-shimmer-placeholder": "^2.0.6",
"react-native-svg": "15.11.2",
"react-native-svg-transformer": "1.5.0",
- "react-test-renderer": "18.3.1",
+ "react-test-renderer": "19.0.0",
"reassure": "^0.4.1",
"setimmediate": "^1.0.5",
"shell-utils": "^1.0.10",
@@ -107,10 +104,11 @@
"uilib-native": "^5.0.1"
},
"peerDependencies": {
- "react": ">=18.3.1",
+ "react": ">=19.0.0",
"react-native": ">=0.77.3",
"react-native-gesture-handler": ">=2.24.0",
- "react-native-reanimated": ">=3.17.5",
+ "react-native-reanimated": ">=3.19.4",
+ "react-native-ui-lib": "*",
"uilib-native": "^5.0.1"
},
"jest": {
diff --git a/packages/react-native-ui-lib/src/commons/__tests__/modifiers.spec.js b/packages/react-native-ui-lib/src/commons/__tests__/modifiers.spec.js
index e527c514f2..310a601b27 100644
--- a/packages/react-native-ui-lib/src/commons/__tests__/modifiers.spec.js
+++ b/packages/react-native-ui-lib/src/commons/__tests__/modifiers.spec.js
@@ -1,14 +1,9 @@
-import PropTypes from 'prop-types';
import {ThemeManager, Colors, Typography, BorderRadiuses, Spacings} from '../../style';
import * as uut from '../modifiers';
describe('Modifiers', () => {
const SampleComponent = () => {};
SampleComponent.displayName = 'SampleComponent';
- SampleComponent.propTypes = {
- prop1: PropTypes.string,
- prop2: PropTypes.number
- };
describe('extractColorValue', () => {
it('should return color value according to modifier', () => {
@@ -287,24 +282,6 @@ describe('Modifiers', () => {
});
});
- // describe('extractOwnProps', () => {
- // it('should extract the component props from a props object', () => {
- // const props = {color: 'red', topShadow: 1, bottomShadow: 2};
- // expect(MultipleShadow.extractOwnProps(props)).toEqual({
- // topShadow: 1,
- // bottomShadow: 2,
- // });
- // });
-
- // it('should omit props that were required to ignore', () => {
- // const props = {color: 'red', topShadow: 1, bottomShadow: 2};
- // expect(MultipleShadow.extractOwnProps(props, 'topShadow')).toEqual({
- // bottomShadow: 2,
- // });
- // expect(MultipleShadow.extractOwnProps(props, ['topShadow', 'bottomShadow'])).toEqual({});
- // });
- // });
-
describe('extractModifiersProps', () => {
it('should return all modifiers props', () => {
expect(uut.extractModifierProps({
@@ -348,24 +325,6 @@ describe('Modifiers', () => {
});
});
- describe('extractOwnProps', () => {
- it('should extract the component props from a props object', () => {
- const props = {color: 'red', prop1: 'text', prop2: 2};
- expect(uut.extractOwnProps.bind(SampleComponent)(props)).toEqual({
- prop1: 'text',
- prop2: 2
- });
- });
-
- it('should omit props that were required to ignore', () => {
- const props = {color: 'red', prop1: 'text', prop2: 2};
- expect(uut.extractOwnProps.bind(SampleComponent)(props, 'prop1')).toEqual({
- prop2: 2
- });
- expect(uut.extractOwnProps.bind(SampleComponent)(props, ['prop1', 'prop2'])).toEqual({});
- });
- });
-
describe('getThemeProps', () => {
beforeEach(() => {
ThemeManager.setComponentTheme('SampleComponent', undefined);
diff --git a/packages/react-native-ui-lib/src/commons/asBaseComponent.tsx b/packages/react-native-ui-lib/src/commons/asBaseComponent.tsx
index 26c1704a89..bcdb696f42 100644
--- a/packages/react-native-ui-lib/src/commons/asBaseComponent.tsx
+++ b/packages/react-native-ui-lib/src/commons/asBaseComponent.tsx
@@ -55,7 +55,7 @@ function asBaseComponent(WrappedCompone
};
static getDerivedStateFromError(error: any) {
- UIComponent.defaultProps?.onError?.(error, WrappedComponent.defaultProps);
+ UIComponent.defaultProps?.onError?.(error);
return {error: true};
}
@@ -80,6 +80,7 @@ function asBaseComponent(WrappedCompone
hoistStatics(BaseComponent, WrappedComponent);
BaseComponent.displayName = WrappedComponent.displayName;
BaseComponent.propTypes = WrappedComponent.propTypes;
+ // @ts-expect-error class component have defaultProps and functions do not and so should not be affected by this
BaseComponent.defaultProps = WrappedComponent.defaultProps;
const ThemeContext = ThemeManager.getThemeContext();
if (ThemeContext) {
diff --git a/packages/react-native-ui-lib/src/commons/baseComponent.tsx b/packages/react-native-ui-lib/src/commons/baseComponent.tsx
index 180129297c..73bdad4672 100644
--- a/packages/react-native-ui-lib/src/commons/baseComponent.tsx
+++ b/packages/react-native-ui-lib/src/commons/baseComponent.tsx
@@ -1,5 +1,4 @@
import React, {ComponentType} from 'react';
-// import PropTypes from 'prop-types';
import {StyleSheet} from 'react-native';
import _ from 'lodash';
import {Colors} from '../style';
@@ -8,17 +7,9 @@ import * as Modifiers from './modifiers';
export default function baseComponent(usePure: boolean): ComponentType {
const parent = usePure ? React.PureComponent : React.Component;
class BaseComponent extends parent {
- // static propTypes = {
- // ..._.mapValues(Typography, () => PropTypes.bool),
- // ..._.mapValues(Colors, () => PropTypes.bool),
- // useNativeDriver: PropTypes.bool,
- // };
-
styles: any;
view: any;
- static extractOwnProps = Modifiers.extractOwnProps;
-
constructor(props: any) {
super(props);
if (!this.styles) {
diff --git a/packages/react-native-ui-lib/src/commons/forwardRef.tsx b/packages/react-native-ui-lib/src/commons/forwardRef.tsx
index f300e1a712..526b7469c8 100644
--- a/packages/react-native-ui-lib/src/commons/forwardRef.tsx
+++ b/packages/react-native-ui-lib/src/commons/forwardRef.tsx
@@ -17,12 +17,7 @@ export default function forwardRef(WrappedC
const ForwardedComponent = React.forwardRef(forwardRef);
hoistStatics(ForwardedComponent, WrappedComponent);
- //@ts-ignore
ForwardedComponent.displayName = WrappedComponent.displayName;
- //@ts-ignore
- ForwardedComponent.propTypes = WrappedComponent.propTypes;
- //@ts-ignore
- ForwardedComponent.defaultProps = WrappedComponent.defaultProps;
return ForwardedComponent as typeof ForwardedComponent & STATICS;
}
diff --git a/packages/react-native-ui-lib/src/commons/modifiers.ts b/packages/react-native-ui-lib/src/commons/modifiers.ts
index 1815b21305..7117654191 100644
--- a/packages/react-native-ui-lib/src/commons/modifiers.ts
+++ b/packages/react-native-ui-lib/src/commons/modifiers.ts
@@ -338,27 +338,6 @@ export function extractModifierProps(props: Dictionary) {
return modifierProps;
}
-/**
- * TODO:
- * @deprecated switch to Modifiers#extractComponentProps
- */
-export function extractOwnProps(props: Dictionary, ignoreProps: string[]) {
- //@ts-ignore
- const ownPropTypes = this.propTypes;
- const ownProps = _.flow((props: Dictionary) => _.pickBy(props, (_value, key) => _.includes(Object.keys(ownPropTypes), key)),
- props => _.omit(props, ignoreProps))(props);
-
- return ownProps;
-}
-
-export function extractComponentProps(component: any, props: Dictionary, ignoreProps: string[] = []) {
- const componentPropTypes = component.propTypes;
- const componentProps = _.flow((props: Dictionary) => _.pickBy(props, (_value, key) => _.includes(Object.keys(componentPropTypes), key)),
- props => _.omit(props, ignoreProps))(props);
-
- return componentProps;
-}
-
export function getComponentName(componentDisplayName: string) {
//@ts-ignore
return componentDisplayName || this.displayName || this.constructor.displayName || this.constructor.name;
diff --git a/packages/react-native-ui-lib/src/commons/withScrollEnabler.tsx b/packages/react-native-ui-lib/src/commons/withScrollEnabler.tsx
index 251f6adbb9..8cd4e34fbb 100644
--- a/packages/react-native-ui-lib/src/commons/withScrollEnabler.tsx
+++ b/packages/react-native-ui-lib/src/commons/withScrollEnabler.tsx
@@ -69,10 +69,6 @@ function withScrollEnabler(WrappedComponent: React.Componen
hoistStatics(ScrollEnabler, WrappedComponent);
ScrollEnabler.displayName = WrappedComponent.displayName;
- //@ts-ignore
- ScrollEnabler.propTypes = WrappedComponent.propTypes;
- //@ts-ignore
- ScrollEnabler.defaultProps = WrappedComponent.defaultProps;
return forwardRef(ScrollEnabler) as any;
}
diff --git a/packages/react-native-ui-lib/src/commons/withScrollReached.tsx b/packages/react-native-ui-lib/src/commons/withScrollReached.tsx
index 393e67d638..56fde6f8ef 100644
--- a/packages/react-native-ui-lib/src/commons/withScrollReached.tsx
+++ b/packages/react-native-ui-lib/src/commons/withScrollReached.tsx
@@ -92,10 +92,6 @@ function withScrollReached(WrappedComponent: React.Componen
hoistStatics(ScrollReachedDetector, WrappedComponent);
ScrollReachedDetector.displayName = WrappedComponent.displayName;
- //@ts-ignore
- ScrollReachedDetector.propTypes = WrappedComponent.propTypes;
- //@ts-ignore
- ScrollReachedDetector.defaultProps = WrappedComponent.defaultProps;
return forwardRef(ScrollReachedDetector) as any;
}
diff --git a/packages/react-native-ui-lib/src/components/KeyboardAwareScrollView/KeyboardAwareBase.js b/packages/react-native-ui-lib/src/components/KeyboardAwareScrollView/KeyboardAwareBase.js
index 0a456af5d1..5ecdb2e7d4 100644
--- a/packages/react-native-ui-lib/src/components/KeyboardAwareScrollView/KeyboardAwareBase.js
+++ b/packages/react-native-ui-lib/src/components/KeyboardAwareScrollView/KeyboardAwareBase.js
@@ -1,6 +1,5 @@
import _ from 'lodash';
import {Component} from 'react';
-import PropTypes from 'prop-types';
import ReactNative, {DeviceEventEmitter, Keyboard} from 'react-native';
export default class KeyboardAwareBase extends Component {
@@ -22,12 +21,6 @@ export default class KeyboardAwareBase extends Component {
this._addKeyboardEventListeners();
}
- static propTypes = {
- startScrolledToBottom: PropTypes.bool,
- scrollToBottomOnKBShow: PropTypes.bool,
- scrollToInputAdditionalOffset: PropTypes.number
- };
-
static defaultProps = {
startScrolledToBottom: false,
scrollToBottomOnKBShow: false,
diff --git a/packages/react-native-ui-lib/src/components/KeyboardAwareScrollView/KeyboardAwareFlatList.js b/packages/react-native-ui-lib/src/components/KeyboardAwareScrollView/KeyboardAwareFlatList.js
index 55b4bb6ed3..ca59e294c3 100644
--- a/packages/react-native-ui-lib/src/components/KeyboardAwareScrollView/KeyboardAwareFlatList.js
+++ b/packages/react-native-ui-lib/src/components/KeyboardAwareScrollView/KeyboardAwareFlatList.js
@@ -1,5 +1,4 @@
import React from 'react';
-import PropTypes from 'prop-types';
import {FlatList} from 'react-native';
import KeyboardAwareBase from './KeyboardAwareBase';
@@ -10,11 +9,6 @@ import KeyboardAwareBase from './KeyboardAwareBase';
export default class KeyboardAwareFlatList extends KeyboardAwareBase {
static displayName = 'KeyboardAwareFlatList';
- static PropTypes = {
- getTextInputRefs: PropTypes.func,
- onScroll: PropTypes.func
- };
-
static defaultProps = {
...KeyboardAwareBase.defaultProps,
getTextInputRefs: () => {
diff --git a/packages/react-native-ui-lib/src/components/KeyboardAwareScrollView/KeyboardAwareScrollView.js b/packages/react-native-ui-lib/src/components/KeyboardAwareScrollView/KeyboardAwareScrollView.js
index 5bfa0518b6..9dd8dbba1b 100644
--- a/packages/react-native-ui-lib/src/components/KeyboardAwareScrollView/KeyboardAwareScrollView.js
+++ b/packages/react-native-ui-lib/src/components/KeyboardAwareScrollView/KeyboardAwareScrollView.js
@@ -1,5 +1,4 @@
import React from 'react';
-import PropTypes from 'prop-types';
import {ScrollView} from 'react-native';
import KeyboardAwareBase from './KeyboardAwareBase';
@@ -10,11 +9,6 @@ import KeyboardAwareBase from './KeyboardAwareBase';
export default class KeyboardAwareScrollView extends KeyboardAwareBase {
static displayName = 'KeyboardAwareScrollView';
- static PropTypes = {
- getTextInputRefs: PropTypes.func,
- onScroll: PropTypes.func
- };
-
static defaultProps = {
...KeyboardAwareBase.defaultProps,
getTextInputRefs: () => {
diff --git a/packages/react-native-ui-lib/src/components/WheelPicker/index.tsx b/packages/react-native-ui-lib/src/components/WheelPicker/index.tsx
index 6f59f607c2..17828cf33f 100644
--- a/packages/react-native-ui-lib/src/components/WheelPicker/index.tsx
+++ b/packages/react-native-ui-lib/src/components/WheelPicker/index.tsx
@@ -1,6 +1,6 @@
// TODO: Support style customization
import {isFunction, isUndefined} from 'lodash';
-import React, {useCallback, useRef, useMemo, useEffect, useState} from 'react';
+import React, {useCallback, useRef, useMemo, useEffect, useState, type JSX} from 'react';
import {
TextStyle,
ViewStyle,
@@ -126,7 +126,7 @@ const WheelPicker = (props: WheelPickerProps)
faderProps,
flatListProps
} = themeProps;
- const scrollView = useRef();
+ const scrollView = useRef(undefined);
const offset = useSharedValue(0);
const scrollHandler = useAnimatedScrollHandler(e => {
offset.value = e.contentOffset.y;
diff --git a/packages/react-native-ui-lib/src/components/WheelPicker/usePresenter.ts b/packages/react-native-ui-lib/src/components/WheelPicker/usePresenter.ts
index ad520b0947..65449ee558 100644
--- a/packages/react-native-ui-lib/src/components/WheelPicker/usePresenter.ts
+++ b/packages/react-native-ui-lib/src/components/WheelPicker/usePresenter.ts
@@ -1,5 +1,5 @@
import _ from 'lodash';
-import React from 'react';
+import React, {type JSX} from 'react';
import {LogService} from '../../services';
import useMiddleIndex from './helpers/useListMiddleIndex';
import {WheelPickerItemValue} from './types';
diff --git a/packages/react-native-ui-lib/src/components/actionSheet/index.tsx b/packages/react-native-ui-lib/src/components/actionSheet/index.tsx
index 283d0779e0..98d5d3bdf3 100644
--- a/packages/react-native-ui-lib/src/components/actionSheet/index.tsx
+++ b/packages/react-native-ui-lib/src/components/actionSheet/index.tsx
@@ -1,5 +1,5 @@
import _ from 'lodash';
-import React, {Component} from 'react';
+import React, {Component, type JSX} from 'react';
import {ActionSheetIOS, StyleSheet, StyleProp, ViewStyle, ImageProps, ImageSourcePropType} from 'react-native';
import {Colors} from '../../style';
import {asBaseComponent, Constants} from '../../commons/new';
diff --git a/packages/react-native-ui-lib/src/components/animatedImage/index.tsx b/packages/react-native-ui-lib/src/components/animatedImage/index.tsx
index 6e9a4f7bf1..e452739903 100644
--- a/packages/react-native-ui-lib/src/components/animatedImage/index.tsx
+++ b/packages/react-native-ui-lib/src/components/animatedImage/index.tsx
@@ -21,7 +21,7 @@ export interface AnimatedImageProps extends ImageProps {
/**
* A component to render while the image is loading
*/
- loader?: React.ReactElement;
+ loader?: React.ReactElement;
}
/**
diff --git a/packages/react-native-ui-lib/src/components/animatedScanner/index.js b/packages/react-native-ui-lib/src/components/animatedScanner/index.js
index 3fc6291f7c..bf480c76ae 100644
--- a/packages/react-native-ui-lib/src/components/animatedScanner/index.js
+++ b/packages/react-native-ui-lib/src/components/animatedScanner/index.js
@@ -1,8 +1,6 @@
import _ from 'lodash';
-import PropTypes from 'prop-types';
import React from 'react';
import {StyleSheet, Animated} from 'react-native';
-import {ViewPropTypes} from 'deprecated-react-native-prop-types';
import {Colors} from '../../style';
import {BaseComponent} from '../../commons';
import View from '../../components/view';
@@ -16,41 +14,6 @@ import View from '../../components/view';
*/
export default class AnimatedScanner extends BaseComponent {
static displayName = 'AnimatedScanner';
- static propTypes = {
- /**
- * animated value between 0 and 100
- */
- // progress: PropTypes.object,
- progress: PropTypes.number,
- /**
- * Duration of current break (can be change between breaks)
- */
- duration: PropTypes.number,
- /**
- * scanner opacity
- */
- opacity: PropTypes.number,
- /**
- * scanner background color
- */
- backgroundColor: PropTypes.string,
- /**
- * breakpoint callback - ({progress, isDone}) => {}
- */
- onBreakpoint: PropTypes.func,
- /**
- * should hide the scanner line
- */
- hideScannerLine: PropTypes.bool,
- /**
- * the container style
- */
- containerStyle: ViewPropTypes.style,
- /**
- * Used as a testing identifier
- */
- testID: PropTypes.string
- };
static defaultProps = {
progress: 0,
diff --git a/packages/react-native-ui-lib/src/components/avatar/index.tsx b/packages/react-native-ui-lib/src/components/avatar/index.tsx
index e29924f03c..f222ff43a2 100644
--- a/packages/react-native-ui-lib/src/components/avatar/index.tsx
+++ b/packages/react-native-ui-lib/src/components/avatar/index.tsx
@@ -1,5 +1,5 @@
import _ from 'lodash';
-import React, {PropsWithChildren, useMemo, forwardRef} from 'react';
+import React, {PropsWithChildren, useMemo, forwardRef, type JSX} from 'react';
import {
StyleSheet,
StyleProp,
diff --git a/packages/react-native-ui-lib/src/components/badge/index.tsx b/packages/react-native-ui-lib/src/components/badge/index.tsx
index 74ece732ed..2ac691592f 100644
--- a/packages/react-native-ui-lib/src/components/badge/index.tsx
+++ b/packages/react-native-ui-lib/src/components/badge/index.tsx
@@ -1,5 +1,5 @@
import _ from 'lodash';
-import React, {PureComponent} from 'react';
+import React, {PureComponent, type JSX} from 'react';
import {
ImageSourcePropType,
ImageStyle,
diff --git a/packages/react-native-ui-lib/src/components/baseInput/index.tsx b/packages/react-native-ui-lib/src/components/baseInput/index.tsx
index 166a1e0bbe..7c99815bb2 100644
--- a/packages/react-native-ui-lib/src/components/baseInput/index.tsx
+++ b/packages/react-native-ui-lib/src/components/baseInput/index.tsx
@@ -1,8 +1,6 @@
// @ts-nocheck
import _ from 'lodash';
-import PropTypes from 'prop-types';
import 'react';
-import {ViewPropTypes, TextInputPropTypes} from 'deprecated-react-native-prop-types';
import {Colors, Typography} from '../../style';
import {BaseComponent} from '../../commons';
import Validators from './Validators';
@@ -18,51 +16,6 @@ const VALIDATORS = {
export default class BaseInput extends BaseComponent {
static displayName = 'BaseInput';
- static propTypes = {
- ...TextInputPropTypes,
- // ...BaseComponent.propTypes,
- /**
- * text color
- */
- color: PropTypes.string,
- /**
- * text input container style
- */
- containerStyle: ViewPropTypes.style,
- /**
- * validator type or custom validator function
- */
- validate: PropTypes.oneOfType([
- PropTypes.oneOf(_.values(VALIDATORS)), // enum
- PropTypes.func, // custom
- PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(_.values(VALIDATORS)), PropTypes.func])) // array of validators
- ]),
- /**
- * Whether to mark required field with an asterisk
- */
- markRequired: PropTypes.bool,
- /**
- * the message to be displayed when the validation fails
- */
- errorMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
- /**
- * whether to run the validation on mount
- */
- validateOnStart: PropTypes.bool,
- /**
- * whether to run the validation on text changed
- */
- validateOnChange: PropTypes.bool,
- /**
- * whether to run the validation on blur
- */
- validateOnBlur: PropTypes.bool,
- /**
- * callback for validity change
- */
- onChangeValidity: PropTypes.func
- };
-
static defaultProps = {
validateOnBlur: true
};
diff --git a/packages/react-native-ui-lib/src/components/button/__tests__/index.spec.js b/packages/react-native-ui-lib/src/components/button/__tests__/index.spec.js
index 722978bfa2..61b6820f48 100644
--- a/packages/react-native-ui-lib/src/components/button/__tests__/index.spec.js
+++ b/packages/react-native-ui-lib/src/components/button/__tests__/index.spec.js
@@ -1,5 +1,5 @@
import React from 'react';
-import renderer from 'react-test-renderer';
+import {render} from '@testing-library/react-native';
import Button from '../index';
import View from '../../view';
import {Colors, ThemeManager} from '../../../style';
@@ -12,54 +12,54 @@ describe('Button', () => {
});
it('should render default button', () => {
- const tree = renderer.create().toJSON();
+ const tree = render().toJSON();
expect(tree).toMatchSnapshot();
});
describe('outline', () => {
it('should render button with an outline', () => {
- const tree = renderer.create().toJSON();
+ const tree = render().toJSON();
expect(tree).toMatchSnapshot();
});
it('should render button with an outlineColor', () => {
- const tree = renderer.create(
diff --git a/packages/react-native-ui-lib/src/components/gridListItem/index.tsx b/packages/react-native-ui-lib/src/components/gridListItem/index.tsx
index 55a1edf694..ec61a68dd2 100644
--- a/packages/react-native-ui-lib/src/components/gridListItem/index.tsx
+++ b/packages/react-native-ui-lib/src/components/gridListItem/index.tsx
@@ -27,7 +27,7 @@ export interface GridListItemProps {
/**
* Custom GridListItem to be rendered in the GridView
*/
- renderCustomItem?: () => React.ReactElement;
+ renderCustomItem?: () => React.ReactElement;
/**
* The item size
*/
@@ -35,7 +35,7 @@ export interface GridListItemProps {
/**
* Title content text
*/
- title?: string | React.ReactElement;
+ title?: string | React.ReactElement;
/**
* Title content typography
*/
@@ -51,7 +51,7 @@ export interface GridListItemProps {
/**
* Subtitle content text
*/
- subtitle?: string | React.ReactElement;
+ subtitle?: string | React.ReactElement;
/**
* Subtitle content typography
*/
@@ -67,7 +67,7 @@ export interface GridListItemProps {
/**
* Description content text
*/
- description?: string | React.ReactElement;
+ description?: string | React.ReactElement;
/**
* Description content typography
*/
@@ -107,12 +107,12 @@ export interface GridListItemProps {
/**
* Renders an overlay on top of the image
*/
- renderOverlay?: () => React.ReactElement;
+ renderOverlay?: () => React.ReactElement;
/**
* Test ID for component
*/
testID?: string;
- children?: React.ReactElement | React.ReactElement[];
+ children?: React.ReactElement | React.ReactElement[];
}
/**
@@ -156,7 +156,7 @@ class GridListItem extends Component {
}
});
- renderContent(text: string | React.ReactElement | undefined, textProps: Partial) {
+ renderContent(text: string | React.ReactElement | undefined, textProps: Partial) {
const {alignToStart, horizontalAlignment} = this.props;
const textAlign = alignToStart ? 'left' : horizontalAlignment;
if (text) {
diff --git a/packages/react-native-ui-lib/src/components/gridView/index.tsx b/packages/react-native-ui-lib/src/components/gridView/index.tsx
index 42c47b05e2..aab50e2dc5 100644
--- a/packages/react-native-ui-lib/src/components/gridView/index.tsx
+++ b/packages/react-native-ui-lib/src/components/gridView/index.tsx
@@ -50,7 +50,7 @@ export interface GridViewProps {
/**
* Pass to render a custom item
*/
- renderCustomItem?: (item: GridListItemProps) => React.ReactElement;
+ renderCustomItem?: (item: GridListItemProps) => React.ReactElement;
}
interface GridViewState {
diff --git a/packages/react-native-ui-lib/src/components/hint/HintBubble.tsx b/packages/react-native-ui-lib/src/components/hint/HintBubble.tsx
index e8e40689ba..2e63faa72f 100644
--- a/packages/react-native-ui-lib/src/components/hint/HintBubble.tsx
+++ b/packages/react-native-ui-lib/src/components/hint/HintBubble.tsx
@@ -27,7 +27,7 @@ interface HintBubbleProps
| 'icon'
| 'customContent'
> {
- hintRef: React.RefObject;
+ hintRef: React.RefObject;
setHintLayout: (layoutChangeEvent: LayoutChangeEvent) => void;
hintPositionStyle: {left: number};
}
diff --git a/packages/react-native-ui-lib/src/components/hint/HintMockChildren.tsx b/packages/react-native-ui-lib/src/components/hint/HintMockChildren.tsx
index 8bf9607fc4..92f29d09a8 100644
--- a/packages/react-native-ui-lib/src/components/hint/HintMockChildren.tsx
+++ b/packages/react-native-ui-lib/src/components/hint/HintMockChildren.tsx
@@ -25,7 +25,7 @@ export default function HintMockChildren({children, backdropColor, targetLayout}
{React.cloneElement(children, {
collapsable: false,
key: 'mock',
- style: [children.props.style, styles.mockChildren]
+ style: [(children.props as any).style, styles.mockChildren]
})}
);
diff --git a/packages/react-native-ui-lib/src/components/hint/HintOld.tsx b/packages/react-native-ui-lib/src/components/hint/HintOld.tsx
index 2ecc184252..ecc68838fc 100644
--- a/packages/react-native-ui-lib/src/components/hint/HintOld.tsx
+++ b/packages/react-native-ui-lib/src/components/hint/HintOld.tsx
@@ -1,5 +1,5 @@
import _ from 'lodash';
-import React, {Component, ReactElement, isValidElement, ElementRef} from 'react';
+import React, {Component, ReactElement, isValidElement, ElementRef, type JSX} from 'react';
import {
Animated,
StyleSheet,
@@ -56,7 +56,7 @@ type HintPositionStyle = Position & Pick;
type Paddings = Pick;
-type ContentType = string | ReactElement;
+type ContentType = string | ReactElement;
export interface HintProps {
/**
@@ -593,7 +593,7 @@ class Hint extends Component {
{React.cloneElement(children, {
collapsable: false,
key: 'mock',
- style: [children.props.style, styles.mockChildren]
+ style: [(children.props as any).style, styles.mockChildren]
})}
);
diff --git a/packages/react-native-ui-lib/src/components/hint/types.ts b/packages/react-native-ui-lib/src/components/hint/types.ts
index 43812d3650..629fdd3f76 100644
--- a/packages/react-native-ui-lib/src/components/hint/types.ts
+++ b/packages/react-native-ui-lib/src/components/hint/types.ts
@@ -1,4 +1,4 @@
-import type {ReactElement} from 'react';
+import type {ReactElement, JSX} from 'react';
import type {
GestureResponderEvent,
ImageSourcePropType,
@@ -15,7 +15,7 @@ export type LayoutStyle = PositionStyle & Pick;
export type PaddingsStyle = Pick;
-export type ContentType = string | ReactElement;
+export type ContentType = string | ReactElement;
export enum TargetAlignments {
LEFT = 'left',
diff --git a/packages/react-native-ui-lib/src/components/icon/index.tsx b/packages/react-native-ui-lib/src/components/icon/index.tsx
index f012f8e32b..4eb7bcd0f5 100644
--- a/packages/react-native-ui-lib/src/components/icon/index.tsx
+++ b/packages/react-native-ui-lib/src/components/icon/index.tsx
@@ -129,9 +129,6 @@ const Icon = forwardRef((props: Props, ref: any) => {
});
Icon.displayName = 'Icon';
-Icon.defaultProps = {
- assetGroup: 'icons'
-};
export default asBaseComponent>(Icon, {modifiersOptions: {margins: true}});
diff --git a/packages/react-native-ui-lib/src/components/image/index.tsx b/packages/react-native-ui-lib/src/components/image/index.tsx
index cda0660d44..09bc8fa76f 100644
--- a/packages/react-native-ui-lib/src/components/image/index.tsx
+++ b/packages/react-native-ui-lib/src/components/image/index.tsx
@@ -75,7 +75,7 @@ export type ImageProps = Omit &
/**
* Render an overlay with custom content
*/
- customOverlayContent?: React.ReactElement | React.ReactElement[];
+ customOverlayContent?: React.ReactElement | React.ReactElement[];
/**
* Default image source in case of an error
*/
@@ -245,17 +245,21 @@ class Image extends PureComponent {
const {margins} = modifiers;
return (
- // @ts-ignore
| number | string;
/**
* Color of the loader background (only when passing 'overlay')
*/
diff --git a/packages/react-native-ui-lib/src/components/maskedInput/__tests__/maskedInput.old.spec.tsx b/packages/react-native-ui-lib/src/components/maskedInput/__tests__/maskedInput.old.spec.tsx
deleted file mode 100644
index 484f052361..0000000000
--- a/packages/react-native-ui-lib/src/components/maskedInput/__tests__/maskedInput.old.spec.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-import {render} from '@testing-library/react-native';
-import MaskedInput from '../old';
-import Text from '../../../components/text';
-import {TextFieldDriver} from '../../textField/TextField.driver.new';
-
-const testID = 'field';
-
-const TestCase = () => {
- // @ts-expect-error - this has an error, but this is an old component and I don't want to spend time fixing it
- return {text}}/>;
-};
-
-describe('MaskedInput (old)', () => {
- it('Sanity - it renders', () => {
- const renderTree = render();
- const mainInputDriver = TextFieldDriver({renderTree, testID});
- mainInputDriver.exists();
- });
-});
diff --git a/packages/react-native-ui-lib/src/components/maskedInput/__tests__/maskedInput.new.spec.tsx b/packages/react-native-ui-lib/src/components/maskedInput/__tests__/maskedInput.spec.tsx
similarity index 87%
rename from packages/react-native-ui-lib/src/components/maskedInput/__tests__/maskedInput.new.spec.tsx
rename to packages/react-native-ui-lib/src/components/maskedInput/__tests__/maskedInput.spec.tsx
index a7395c8a89..4c0e2cb386 100644
--- a/packages/react-native-ui-lib/src/components/maskedInput/__tests__/maskedInput.new.spec.tsx
+++ b/packages/react-native-ui-lib/src/components/maskedInput/__tests__/maskedInput.spec.tsx
@@ -1,7 +1,7 @@
import React from 'react';
import {render} from '@testing-library/react-native';
-import MaskedInput from '../new';
-import Text from '../../../components/text';
+import MaskedInput from '../index';
+import Text from '../../text';
import {TextFieldDriver} from '../../textField/TextField.driver.new';
const testID = 'field';
diff --git a/packages/react-native-ui-lib/src/components/maskedInput/index.tsx b/packages/react-native-ui-lib/src/components/maskedInput/index.tsx
index 62e246c578..97c1016939 100644
--- a/packages/react-native-ui-lib/src/components/maskedInput/index.tsx
+++ b/packages/react-native-ui-lib/src/components/maskedInput/index.tsx
@@ -1,24 +1,129 @@
-import React, {forwardRef, useEffect} from 'react';
-// @ts-expect-error
-import MaskedInputOld from './old';
-import MaskedInputNew, {MaskedInputProps} from './new';
-import {LogService} from 'services';
+import React, {
+ useCallback,
+ useEffect,
+ useRef,
+ useState,
+ useImperativeHandle,
+ forwardRef,
+ ForwardedRef,
+ type JSX
+} from 'react';
+import _ from 'lodash';
+import {StyleSheet, Keyboard, TextInput, TextInputProps, StyleProp, ViewStyle} from 'react-native';
+import View from '../view';
+import Text from '../text';
+import TouchableOpacity from '../touchableOpacity';
-function MaskedInputMigrator(props: any, refToForward: any) {
- const {migrate, ...others} = props;
+export interface MaskedInputProps extends Omit {
+ /**
+ * Initial value to pass to masked input
+ */
+ initialValue?: string;
+ /**
+ * callback for rendering the custom input out of the value returns from the actual input
+ */
+ renderMaskedText?: (value?: string) => JSX.Element | undefined;
+ /**
+ * Custom formatter for the input value
+ */
+ formatter?: (value?: string) => string | undefined;
+ /**
+ * container style for the masked input container
+ */
+ containerStyle?: StyleProp;
+}
+
+/**
+ * @description: Mask Input to create custom looking inputs with custom formats
+ * @gif: https://camo.githubusercontent.com/61eedb65e968845d5eac713dcd21a69691571fb1/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f4b5a5a7446666f486f454b334b2f67697068792e676966
+ * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/MaskedInputScreen.tsx
+ */
+function MaskedInput(props: MaskedInputProps, ref: ForwardedRef) {
+ const {initialValue, formatter = _.identity, containerStyle, renderMaskedText, onChangeText, ...others} = props;
+ const [value, setValue] = useState(initialValue);
+ const inputRef = useRef(undefined);
+ const keyboardDidHideListener = useRef(undefined);
+
+ useImperativeHandle(ref, () => {
+ return {
+ isFocused: () => inputRef.current?.isFocused(),
+ focus,
+ blur: () => inputRef.current?.blur(),
+ clear: () => {
+ inputRef.current?.clear();
+ setValue('');
+ // NOTE: This fixes an RN issue - when triggering imperative clear method, it doesn't call onChangeText
+ onChangeText?.('');
+ }
+ };
+ });
useEffect(() => {
- if (!migrate) {
- LogService.warn(`UILib MaskedInput implementation has been updated and now requires manual migration. To proceed, pass the "migrate" prop and check if the functionality works as expected.`);
+ if (initialValue !== value) {
+ setValue(initialValue);
}
+ }, [initialValue]);
+
+ useEffect(() => {
+ keyboardDidHideListener.current = Keyboard.addListener('keyboardDidHide', () => {
+ if (inputRef.current?.isFocused()) {
+ inputRef.current?.blur();
+ }
+ });
+
+ return () => keyboardDidHideListener.current.remove();
}, []);
- if (migrate) {
- return ;
- } else {
- return ;
- }
+ const _onChangeText = useCallback((value: string) => {
+ const formattedValue = formatter(value) ?? '';
+ setValue(formattedValue);
+ onChangeText?.(formattedValue);
+ },
+ [onChangeText, formatter]);
+
+ const focus = useCallback(() => {
+ inputRef.current?.focus();
+ }, []);
+
+ const _renderMaskedText = () => {
+ if (_.isFunction(renderMaskedText)) {
+ return renderMaskedText(value);
+ }
+ return {value};
+ };
+
+ return (
+
+
+ {_renderMaskedText()}
+
+ );
}
-export {MaskedInputProps};
-export default forwardRef(MaskedInputMigrator);
+const styles = StyleSheet.create({
+ hiddenInput: {
+ ...StyleSheet.absoluteFillObject,
+ zIndex: 1,
+ color: 'transparent',
+ backgroundColor: 'transparent',
+ height: undefined
+ },
+ maskedInputWrapper: {
+ zIndex: 0
+ }
+});
+
+MaskedInput.displayName = 'MaskedInput';
+export default forwardRef(MaskedInput);
diff --git a/packages/react-native-ui-lib/src/components/maskedInput/maskedInput.api.json b/packages/react-native-ui-lib/src/components/maskedInput/maskedInput.api.json
index 13cd38a95a..cddd603e2a 100644
--- a/packages/react-native-ui-lib/src/components/maskedInput/maskedInput.api.json
+++ b/packages/react-native-ui-lib/src/components/maskedInput/maskedInput.api.json
@@ -44,7 +44,6 @@
" return (",
" ",
"
{
- /**
- * Initial value to pass to masked input
- */
- initialValue?: string;
- /**
- * callback for rendering the custom input out of the value returns from the actual input
- */
- renderMaskedText?: (value?: string) => JSX.Element | undefined;
- /**
- * Custom formatter for the input value
- */
- formatter?: (value?: string) => string | undefined;
- /**
- * container style for the masked input container
- */
- containerStyle?: StyleProp;
-}
-
-/**
- * @description: Mask Input to create custom looking inputs with custom formats
- * @gif: https://camo.githubusercontent.com/61eedb65e968845d5eac713dcd21a69691571fb1/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f4b5a5a7446666f486f454b334b2f67697068792e676966
- * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/MaskedInputScreen.tsx
- */
-function MaskedInput(props: MaskedInputProps, ref: ForwardedRef) {
- const {initialValue, formatter = _.identity, containerStyle, renderMaskedText, onChangeText, ...others} = props;
- const [value, setValue] = useState(initialValue);
- const inputRef = useRef();
- const keyboardDidHideListener = useRef();
-
- useImperativeHandle(ref, () => {
- return {
- isFocused: () => inputRef.current?.isFocused(),
- focus,
- blur: () => inputRef.current?.blur(),
- clear: () => {
- inputRef.current?.clear();
- setValue('');
- // NOTE: This fixes an RN issue - when triggering imperative clear method, it doesn't call onChangeText
- onChangeText?.('');
- }
- };
- });
-
- useEffect(() => {
- if (initialValue !== value) {
- setValue(initialValue);
- }
- }, [initialValue]);
-
- useEffect(() => {
- keyboardDidHideListener.current = Keyboard.addListener('keyboardDidHide', () => {
- if (inputRef.current?.isFocused()) {
- inputRef.current?.blur();
- }
- });
-
- return () => keyboardDidHideListener.current.remove();
- }, []);
-
- const _onChangeText = useCallback((value: string) => {
- const formattedValue = formatter(value) ?? '';
- setValue(formattedValue);
- onChangeText?.(formattedValue);
- },
- [onChangeText, formatter]);
-
- const focus = useCallback(() => {
- inputRef.current?.focus();
- }, []);
-
- const _renderMaskedText = () => {
- if (_.isFunction(renderMaskedText)) {
- return renderMaskedText(value);
- }
- return {value};
- };
-
- return (
-
-
- {_renderMaskedText()}
-
- );
-}
-
-const styles = StyleSheet.create({
- hiddenInput: {
- ...StyleSheet.absoluteFillObject,
- zIndex: 1,
- color: 'transparent',
- backgroundColor: 'transparent',
- height: undefined
- },
- maskedInputWrapper: {
- zIndex: 0
- }
-});
-
-MaskedInput.displayName = 'MaskedInput';
-export default forwardRef(MaskedInput);
diff --git a/packages/react-native-ui-lib/src/components/maskedInput/old.js b/packages/react-native-ui-lib/src/components/maskedInput/old.js
deleted file mode 100644
index 0019549508..0000000000
--- a/packages/react-native-ui-lib/src/components/maskedInput/old.js
+++ /dev/null
@@ -1,95 +0,0 @@
-import _ from 'lodash';
-import PropTypes from 'prop-types';
-import React from 'react';
-import {StyleSheet, Keyboard} from 'react-native';
-import {ViewPropTypes} from 'deprecated-react-native-prop-types';
-import BaseInput from '../baseInput';
-import TextField from '../textFieldOld';
-import View from '../view';
-import Text from '../text';
-import TouchableOpacity from '../touchableOpacity';
-
-/**
- * @description: Mask Input to create custom looking inputs with custom formats
- * @gif: https://camo.githubusercontent.com/61eedb65e968845d5eac713dcd21a69691571fb1/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f4b5a5a7446666f486f454b334b2f67697068792e676966
- * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/MaskedInputScreen.tsx
- */
-export default class MaskedInput extends BaseInput {
- static displayName = 'MaskedInput';
- static propTypes = {
- ...TextField.propTypes,
- /**
- * callback for rendering the custom input out of the value returns from the actual input
- */
- renderMaskedText: PropTypes.elementType.isRequired,
- /**
- * container style for the masked input container
- */
- containerStyle: ViewPropTypes.style
- };
-
- componentDidMount() {
- this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', () => {
- if (_.invoke(this, 'isFocused')) {
- _.invoke(this, 'blur');
- }
- });
- }
-
- componentWillUnmount() {
- this.keyboardDidHideListener.remove();
- }
-
- clear() {
- this.setState({value: ''});
- this.input.clear();
- }
-
- renderMaskedText() {
- const {renderMaskedText} = this.props;
- const {value} = this.state;
-
- if (_.isFunction(renderMaskedText)) {
- return renderMaskedText(value);
- }
- return {value};
- }
-
- render() {
- // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
- const {containerStyle, style} = this.props;
-
- return (
- this.input.focus()}>
- (this.input = r)}
- containerStyle={styles.hiddenInputContainer}
- style={styles.hiddenInput}
- enableErrors={false}
- hideUnderline
- placeholder=""
- {...this.props}
- caretHidden
- multiline={false}
- onChangeText={this.onChangeText}
- />
- {this.renderMaskedText()}
-
- );
- }
-}
-
-const styles = StyleSheet.create({
- hiddenInputContainer: {
- ...StyleSheet.absoluteFillObject,
- zIndex: 1
- },
- hiddenInput: {
- color: 'transparent',
- backgroundColor: 'transparent',
- height: undefined
- },
- maskedInputWrapper: {
- zIndex: 0
- }
-});
diff --git a/packages/react-native-ui-lib/src/components/modal/index.tsx b/packages/react-native-ui-lib/src/components/modal/index.tsx
index 8bd465bc2a..4c9af5d3c0 100644
--- a/packages/react-native-ui-lib/src/components/modal/index.tsx
+++ b/packages/react-native-ui-lib/src/components/modal/index.tsx
@@ -1,5 +1,5 @@
import _ from 'lodash';
-import React, {Component} from 'react';
+import React, {Component, type JSX} from 'react';
import {GestureHandlerRootView} from 'react-native-gesture-handler';
import {
StyleSheet,
diff --git a/packages/react-native-ui-lib/src/components/numberInput/index.tsx b/packages/react-native-ui-lib/src/components/numberInput/index.tsx
index 51b7181b59..e822c3a948 100644
--- a/packages/react-native-ui-lib/src/components/numberInput/index.tsx
+++ b/packages/react-native-ui-lib/src/components/numberInput/index.tsx
@@ -3,7 +3,7 @@ import React, {useMemo, useCallback, useState, useRef} from 'react';
import {StyleSheet, StyleProp, ViewStyle, TextStyle} from 'react-native';
import {useDidUpdate, useThemeProps} from '../../hooks';
import {Colors} from '../../style';
-import MaskedInput from '../maskedInput/new';
+import MaskedInput from '../maskedInput';
import TextField, {TextFieldProps, TextFieldRef} from '../textField';
import View from '../view';
import Text from '../text';
@@ -97,7 +97,7 @@ function NumberInput(props: NumberInputProps, ref: any) {
const [options, setOptions] = useState(generateOptions(locale, fractionDigits));
const initialNumber = getInitialNumber(propsInitialNumber, options);
const [data, setData] = useState(parseInput(`${initialNumber}`, options, propsInitialNumber));
- const textField = useRef();
+ const textField = useRef(undefined);
const [isFocused, setIsFocused] = useState(textFieldProps?.autoFocus ?? false);
useDidUpdate(() => {
diff --git a/packages/react-native-ui-lib/src/components/overlay/index.tsx b/packages/react-native-ui-lib/src/components/overlay/index.tsx
index 379b107400..02e74b71aa 100644
--- a/packages/react-native-ui-lib/src/components/overlay/index.tsx
+++ b/packages/react-native-ui-lib/src/components/overlay/index.tsx
@@ -37,7 +37,7 @@ export type OverlayTypes = Pick & {
/**
* Custom overlay content to be rendered on top of the image
*/
- customContent?: React.ReactElement | React.ReactElement[];
+ customContent?: React.ReactElement | React.ReactElement[];
};
/**
diff --git a/packages/react-native-ui-lib/src/components/picker/PickerDialog.android.js b/packages/react-native-ui-lib/src/components/picker/PickerDialog.android.js
index 0ea1f25b45..ffe959d445 100644
--- a/packages/react-native-ui-lib/src/components/picker/PickerDialog.android.js
+++ b/packages/react-native-ui-lib/src/components/picker/PickerDialog.android.js
@@ -1,7 +1,5 @@
import React, {Component} from 'react';
import {StyleSheet} from 'react-native';
-import {TextPropTypes} from 'deprecated-react-native-prop-types';
-import PropTypes from 'prop-types';
import _ from 'lodash';
import Dialog from '../dialog';
@@ -11,19 +9,6 @@ import {Colors, BorderRadiuses} from '../../style';
class PickerDialog extends Component {
static displayName = 'PickerDialog';
- static propTypes = {
- onDone: PropTypes.func,
- onCancel: PropTypes.func,
- children: PropTypes.array,
- /**
- * select label style
- */
- selectLabelStyle: TextPropTypes.style,
- /**
- * cancel label style
- */
- cancelLabelStyle: TextPropTypes.style
- };
state = {};
diff --git a/packages/react-native-ui-lib/src/components/picker/PickerDialog.js b/packages/react-native-ui-lib/src/components/picker/PickerDialog.js
index 9e1a311d12..3de99c6ed4 100644
--- a/packages/react-native-ui-lib/src/components/picker/PickerDialog.js
+++ b/packages/react-native-ui-lib/src/components/picker/PickerDialog.js
@@ -1,6 +1,5 @@
import React, {Component} from 'react';
import {StyleSheet} from 'react-native';
-import PropTypes from 'prop-types';
import _ from 'lodash';
import Dialog from '../dialog';
@@ -10,12 +9,6 @@ import {Colors} from '../../style';
class PickerDialog extends Component {
static displayName = 'PickerDialog';
- static propTypes = {
- onDone: PropTypes.func,
- onCancel: PropTypes.func,
- topBarProps: PropTypes.object,
- children: PropTypes.array
- };
state = {};
diff --git a/packages/react-native-ui-lib/src/components/picker/__tests__/index.spec.tsx b/packages/react-native-ui-lib/src/components/picker/__tests__/index.spec.tsx
index fa44fd684e..4d9299197c 100644
--- a/packages/react-native-ui-lib/src/components/picker/__tests__/index.spec.tsx
+++ b/packages/react-native-ui-lib/src/components/picker/__tests__/index.spec.tsx
@@ -25,7 +25,7 @@ const TestCase = (props?: any) => {
const getDriver = (props?: any) => {
const renderTree = render();
- return PickerDriver({renderTree, testID}, props?.useDialog);
+ return PickerDriver({renderTree, testID}, props?.useDialog, {includeHiddenElements: true});
};
const onPress = jest.fn();
@@ -314,7 +314,7 @@ describe('Picker', () => {
it('should render a filter picker', () => {
const driver = getDriver({fieldType: 'filter', placeholder: placeholderText});
expect(driver.isOpen()).toBeFalsy();
- const label = screen.getByTestId(`${testID}.filter.type.label`);
+ const label = screen.getByTestId(`${testID}.filter.type.label`, {includeHiddenElements: true});
expect(label).toBeTruthy();
expect(label.props.children).toEqual(placeholderText);
});
@@ -326,8 +326,8 @@ describe('Picker', () => {
it('should render a settings picker with label', async () => {
const driver = getDriver({fieldType: 'settings', label: labelText, placeholder: placeholderText});
- const label = screen.getByTestId(`${testID}.settings.type.label`);
- const placeholder = screen.getByTestId(`${testID}.settings.type.placeholder`);
+ const label = screen.getByTestId(`${testID}.settings.type.label`, {includeHiddenElements: true});
+ const placeholder = screen.getByTestId(`${testID}.settings.type.placeholder`, {includeHiddenElements: true});
expect(driver.isOpen()).toBeFalsy();
expect(label).toBeTruthy();
@@ -338,8 +338,8 @@ describe('Picker', () => {
it('should render a settings picker with placeholder', async () => {
const driver = getDriver({fieldType: 'settings', placeholder: placeholderText});
- const label = screen.getByTestId(`${testID}.settings.type.label`);
- const placeholder = screen.getByTestId(`${testID}.settings.type.placeholder`);
+ const label = screen.getByTestId(`${testID}.settings.type.label`, {includeHiddenElements: true});
+ const placeholder = screen.getByTestId(`${testID}.settings.type.placeholder`, {includeHiddenElements: true});
expect(driver.isOpen()).toBeFalsy();
expect(label).toBeTruthy();
diff --git a/packages/react-native-ui-lib/src/components/picker/helpers/useImperativePickerHandle.ts b/packages/react-native-ui-lib/src/components/picker/helpers/useImperativePickerHandle.ts
index 747776ad6d..b2388ed263 100644
--- a/packages/react-native-ui-lib/src/components/picker/helpers/useImperativePickerHandle.ts
+++ b/packages/react-native-ui-lib/src/components/picker/helpers/useImperativePickerHandle.ts
@@ -4,7 +4,7 @@ import {TextFieldMethods} from '../../textField';
const useImperativePickerHandle = (ref: React.Ref,
expandableRef: React.MutableRefObject) => {
- const pickerRef = useRef();
+ const pickerRef = useRef(undefined);
useImperativeHandle(ref, () => {
const {isFocused, focus, blur, clear, validate, isValid} = pickerRef.current ?? {};
// @ts-expect-error useRef return type is possible null therefor it throw TS error
diff --git a/packages/react-native-ui-lib/src/components/picker/index.tsx b/packages/react-native-ui-lib/src/components/picker/index.tsx
index f5e66cc29b..debb5fba5a 100644
--- a/packages/react-native-ui-lib/src/components/picker/index.tsx
+++ b/packages/react-native-ui-lib/src/components/picker/index.tsx
@@ -181,7 +181,7 @@ const Picker = React.forwardRef((props: PickerProps, ref) => {
toggleAllItemsSelection
]);
- const renderPickerItem = useCallback((item: PickerItemProps, index: number): React.ReactElement => {
+ const renderPickerItem = useCallback((item: PickerItemProps, index: number): React.ReactElement => {
return ;
}, []);
diff --git a/packages/react-native-ui-lib/src/components/picker/types.ts b/packages/react-native-ui-lib/src/components/picker/types.ts
index f7cf075484..4d1eda7a36 100644
--- a/packages/react-native-ui-lib/src/components/picker/types.ts
+++ b/packages/react-native-ui-lib/src/components/picker/types.ts
@@ -1,4 +1,4 @@
-import {PropsWithChildren, ReactNode} from 'react';
+import {PropsWithChildren, ReactNode, type JSX} from 'react';
import {FlatListProps, StyleProp, ViewStyle, TextStyle} from 'react-native';
import {ExpandableOverlayProps, ExpandableOverlayMethods} from '../../incubator/expandableOverlay';
import {ModalTopBarProps} from '../modal/TopBar';
@@ -28,7 +28,7 @@ export type PickerValue = PickerSingleValue | PickerMultiValue | undefined;
type PickerFilteredItems = ReactNode | Pick[] | undefined;
type RenderPickerOverloads = ValueType extends PickerValue
- ? (value?: ValueType, label?: string) => React.ReactElement
+ ? (value?: ValueType, label?: string) => React.ReactElement
: never;
type RenderPicker = RenderPickerOverloads;
@@ -66,7 +66,7 @@ type PickerPropsDeprecation = {
* Render a custom header for Picker's dialog
* instead use renderHeader
*/
- renderCustomDialogHeader?: (callbacks: {onDone?: () => void; onCancel?: () => void}) => React.ReactElement;
+ renderCustomDialogHeader?: (callbacks: {onDone?: () => void; onCancel?: () => void}) => React.ReactElement;
/**
* @deprecated
* Render custom picker input (the value will be passed)
@@ -80,7 +80,7 @@ type PickerPropsDeprecation = {
* Render custom picker overlay (e.g ({visible, children, toggleModal}) => {...})
* instead use renderOverlay
*/
- renderCustomModal?: (modalProps: RenderCustomModalProps) => React.ReactElement;
+ renderCustomModal?: (modalProps: RenderCustomModalProps) => React.ReactElement;
/**
* @deprecated
* Pass props to the picker modal
@@ -109,14 +109,14 @@ type PickerSearchProps = {
/**
* Render custom search input (only when passing showSearch)
*/
- renderCustomSearch?: (props: PickerItemsListProps) => React.ReactElement;
+ renderCustomSearch?: (props: PickerItemsListProps) => React.ReactElement;
};
type PickerListProps = PickerSearchProps & {
/**
* Render a custom header for Picker's Overlay
*/
- renderHeader?: (callbacks: {onDone?: () => void; onCancel?: () => void}) => React.ReactElement;
+ renderHeader?: (callbacks: {onDone?: () => void; onCancel?: () => void}) => React.ReactElement;
/**
* Pass props to the list component that wraps the picker items (allows to control FlatList behavior)
*/
@@ -139,7 +139,7 @@ type PickerExpandableOverlayProps = {
/**
* Render custom picker overlay (e.g ({visible, children, toggleModal}) => {...})
*/
- renderOverlay?: (modalProps: RenderCustomModalProps) => React.ReactElement;
+ renderOverlay?: (modalProps: RenderCustomModalProps) => React.ReactElement;
/**
* Add blur effect to picker modal (iOS only)
*/
@@ -192,7 +192,6 @@ export type PickerBaseProps = Omit &
PickerPropsDeprecation &
PickerExpandableOverlayProps &
PickerListProps & {
- /* ...TextField.propTypes, */
/**
* Use dialog instead of modal picker
*/
@@ -234,11 +233,11 @@ export type PickerBaseProps = Omit &
value: PickerValue,
itemProps: PickerItemProps & {isSelected: boolean; isItemDisabled: boolean},
label?: string
- ) => React.ReactElement;
+ ) => React.ReactElement;
/**
* Render custom top element
*/
- renderCustomTopElement?: (value?: PickerValue) => React.ReactElement;
+ renderCustomTopElement?: (value?: PickerValue) => React.ReactElement;
/**
* Selection status bar props
*/
diff --git a/packages/react-native-ui-lib/src/components/progressBar/index.tsx b/packages/react-native-ui-lib/src/components/progressBar/index.tsx
index 86021500bd..1511856798 100644
--- a/packages/react-native-ui-lib/src/components/progressBar/index.tsx
+++ b/packages/react-native-ui-lib/src/components/progressBar/index.tsx
@@ -1,5 +1,5 @@
import isUndefined from 'lodash/isUndefined';
-import React, {PureComponent} from 'react';
+import React, {PureComponent, type JSX} from 'react';
import {Animated, Easing, StyleSheet, StyleProp, ViewStyle, LayoutChangeEvent} from 'react-native';
import {Constants, asBaseComponent} from '../../commons/new';
import {extractAccessibilityProps} from '../../commons/modifiers';
diff --git a/packages/react-native-ui-lib/src/components/scrollBar/index.tsx b/packages/react-native-ui-lib/src/components/scrollBar/index.tsx
index e2fff9d02f..9d0e63de20 100644
--- a/packages/react-native-ui-lib/src/components/scrollBar/index.tsx
+++ b/packages/react-native-ui-lib/src/components/scrollBar/index.tsx
@@ -3,6 +3,7 @@ import React, {Component, useCallback} from 'react';
import {
Animated,
FlatListProps,
+ ScrollViewProps,
ImageSourcePropType,
NativeSyntheticEvent,
NativeScrollEvent,
@@ -16,11 +17,21 @@ import View from '../view';
import Image from '../image';
import Assets from '../../assets';
-export interface ScrollBarProps extends FlatListProps {
- /**
- * Whether to use a FlatList. NOTE: you must pass 'data' and 'renderItem' props as well
- */
- useList?: boolean;
+export type ListProps =
+ | (FlatListProps & {
+ /**
+ * Whether to use a FlatList. NOTE: you must pass 'data' and 'renderItem' props as well
+ */
+ useList: true;
+ })
+ | (ScrollViewProps & {
+ /**
+ * Whether to use a ScrollView. NOTE: you must pass 'contentContainerStyle' prop as well
+ */
+ useList?: false;
+ });
+
+export type ScrollBarProps = ListProps & {
/**
* The element to use as a container, instead of a View
*/
@@ -58,7 +69,7 @@ export interface ScrollBarProps extends FlatListProps {
* The index to currently focus on
*/
focusIndex?: number;
-}
+};
type Props = ScrollBarProps & ForwardRefInjectedProps;
diff --git a/packages/react-native-ui-lib/src/components/searchInput/index.tsx b/packages/react-native-ui-lib/src/components/searchInput/index.tsx
index d152b013ef..0093421fa1 100644
--- a/packages/react-native-ui-lib/src/components/searchInput/index.tsx
+++ b/packages/react-native-ui-lib/src/components/searchInput/index.tsx
@@ -34,7 +34,7 @@ const SearchInput = forwardRef((props: SearchInputProps, ref: ForwardedRef)
style,
inaccessible
} = props;
- const currentAnimatedValue = useRef | undefined>();
+ const currentAnimatedValue = useRef | undefined>(undefined);
const searchInputRef = useRef(null);
const [hasValue, setHasValue] = useState(Boolean(controlledValue));
const [value, setValue] = useState(controlledValue);
diff --git a/packages/react-native-ui-lib/src/components/searchInput/types.ts b/packages/react-native-ui-lib/src/components/searchInput/types.ts
index f9eac54e9a..52d22cb261 100644
--- a/packages/react-native-ui-lib/src/components/searchInput/types.ts
+++ b/packages/react-native-ui-lib/src/components/searchInput/types.ts
@@ -28,7 +28,7 @@ export type SearchInputProps = TextInputProps & {
/**
* Custom right element
*/
- customRightElement?: React.ReactElement;
+ customRightElement?: React.ReactElement;
/**
* Whether to show a loader instead of the left search icon
*/
@@ -40,7 +40,7 @@ export type SearchInputProps = TextInputProps & {
/**
* custom loader element
*/
- customLoader?: React.ReactElement;
+ customLoader?: React.ReactElement;
/**
* converts the colors of the search's input elements, icons and button to white
*/
diff --git a/packages/react-native-ui-lib/src/components/skeletonView/index.tsx b/packages/react-native-ui-lib/src/components/skeletonView/index.tsx
index 5994396644..e455237ee8 100644
--- a/packages/react-native-ui-lib/src/components/skeletonView/index.tsx
+++ b/packages/react-native-ui-lib/src/components/skeletonView/index.tsx
@@ -51,7 +51,7 @@ export interface SkeletonListProps {
/**
* Extra content to be rendered on the end of the list item
*/
- renderEndContent?: () => React.ReactElement | undefined;
+ renderEndContent?: () => React.ReactElement | undefined;
}
export interface SkeletonViewProps extends AccessibilityProps, AlignmentModifiers, PaddingModifiers, MarginModifiers {
diff --git a/packages/react-native-ui-lib/src/components/slider/Thumb.tsx b/packages/react-native-ui-lib/src/components/slider/Thumb.tsx
index 17716efc8b..f69bd1f338 100644
--- a/packages/react-native-ui-lib/src/components/slider/Thumb.tsx
+++ b/packages/react-native-ui-lib/src/components/slider/Thumb.tsx
@@ -38,7 +38,7 @@ export interface ThumbProps extends ViewProps {
*/
disabled?: boolean;
/** ref to thumb component */
- ref?: React.RefObject;
+ ref?: React.RefObject;
}
type ThumbStyle = {style?: StyleProp; left?: StyleProp};
diff --git a/packages/react-native-ui-lib/src/components/slider/index.tsx b/packages/react-native-ui-lib/src/components/slider/index.tsx
index da663cf2d9..6a1d734ad0 100644
--- a/packages/react-native-ui-lib/src/components/slider/index.tsx
+++ b/packages/react-native-ui-lib/src/components/slider/index.tsx
@@ -72,7 +72,7 @@ class Slider extends PureComponent {
private thumb = React.createRef();
private minThumb = React.createRef();
- private activeThumbRef: React.RefObject;
+ private activeThumbRef: React.RefObject;
private panResponder;
private minTrack = React.createRef();
@@ -239,7 +239,7 @@ class Slider extends PureComponent {
/* Actions */
- setActiveThumb = (ref: React.RefObject) => {
+ setActiveThumb = (ref: React.RefObject) => {
this.activeThumbRef = ref;
};
diff --git a/packages/react-native-ui-lib/src/components/slider/types.ts b/packages/react-native-ui-lib/src/components/slider/types.ts
index 3349cb294d..28f4830e08 100644
--- a/packages/react-native-ui-lib/src/components/slider/types.ts
+++ b/packages/react-native-ui-lib/src/components/slider/types.ts
@@ -44,7 +44,7 @@ export type SliderProps = Omit & {
/**
* Custom render instead of rendering the track
*/
- renderTrack?: () => ReactElement | ReactElement[];
+ renderTrack?: () => ReactElement | ReactElement[];
/**
* Callback for onValueChange
*/
diff --git a/packages/react-native-ui-lib/src/components/stackAggregator/index.tsx b/packages/react-native-ui-lib/src/components/stackAggregator/index.tsx
index 5339af5f7d..9e24740a33 100644
--- a/packages/react-native-ui-lib/src/components/stackAggregator/index.tsx
+++ b/packages/react-native-ui-lib/src/components/stackAggregator/index.tsx
@@ -1,4 +1,4 @@
-import React, {useState, useMemo, useCallback, useEffect} from 'react';
+import React, {useState, useMemo, useCallback, useEffect, type JSX} from 'react';
import {StyleSheet, Animated, Easing, LayoutAnimation, StyleProp, ViewStyle, LayoutChangeEvent} from 'react-native';
import {Colors} from '../../style';
import View, {ViewProps} from '../view';
diff --git a/packages/react-native-ui-lib/src/components/tabController/TabBarItem.tsx b/packages/react-native-ui-lib/src/components/tabController/TabBarItem.tsx
index d1075746aa..ac6d7780c6 100644
--- a/packages/react-native-ui-lib/src/components/tabController/TabBarItem.tsx
+++ b/packages/react-native-ui-lib/src/components/tabController/TabBarItem.tsx
@@ -58,11 +58,11 @@ export interface TabControllerItemProps extends Pick;
/**
* Pass to render a trailing element
*/
- trailingAccessory?: ReactElement;
+ trailingAccessory?: ReactElement;
/**
* A fixed width for the item
*/
@@ -138,7 +138,7 @@ export default function TabBarItem({
...props
}: Props) {
const {currentPage, setCurrentIndex} = useContext(TabBarContext);
- const itemRef = useRef();
+ const itemRef = useRef(undefined);
const itemWidth = useRef(props.width);
const isPressed = useSharedValue(false);
// JSON.parse(JSON.stringify is due to an issue with reanimated
diff --git a/packages/react-native-ui-lib/src/components/tabController/TabPage.tsx b/packages/react-native-ui-lib/src/components/tabController/TabPage.tsx
index 0fad6ee490..60cc44f58f 100644
--- a/packages/react-native-ui-lib/src/components/tabController/TabPage.tsx
+++ b/packages/react-native-ui-lib/src/components/tabController/TabPage.tsx
@@ -1,4 +1,4 @@
-import React, {PropsWithChildren, useCallback, useContext, useState, useMemo} from 'react';
+import React, {PropsWithChildren, useCallback, useContext, useState, useMemo, type JSX} from 'react';
import {type StyleProp, StyleSheet, type ViewStyle} from 'react-native';
import Reanimated, {useAnimatedStyle, useAnimatedReaction, runOnJS} from 'react-native-reanimated';
// import {Freeze} from 'react-freeze';
diff --git a/packages/react-native-ui-lib/src/components/tabController/useScrollToItem.ts b/packages/react-native-ui-lib/src/components/tabController/useScrollToItem.ts
index 8cee66f89e..127859f9ef 100644
--- a/packages/react-native-ui-lib/src/components/tabController/useScrollToItem.ts
+++ b/packages/react-native-ui-lib/src/components/tabController/useScrollToItem.ts
@@ -15,7 +15,7 @@ export enum OffsetType {
}
export type ScrollToItemProps = {
- scrollViewRef?: RefObject;
+ scrollViewRef?: RefObject;
/**
* The number of items
*/
diff --git a/packages/react-native-ui-lib/src/components/textArea/index.js b/packages/react-native-ui-lib/src/components/textArea/index.js
index 410efc248e..5d602d2943 100644
--- a/packages/react-native-ui-lib/src/components/textArea/index.js
+++ b/packages/react-native-ui-lib/src/components/textArea/index.js
@@ -1,6 +1,5 @@
import React from 'react';
import {View, TextInput as RNTextInput, StyleSheet} from 'react-native';
-import {TextInputPropTypes} from 'deprecated-react-native-prop-types';
import BaseInput from '../baseInput';
import {Colors} from '../../style';
@@ -15,11 +14,6 @@ import {Colors} from '../../style';
export default class TextArea extends BaseInput {
static displayName = 'TextArea';
- static propTypes = {
- ...TextInputPropTypes,
- ...BaseInput.propTypes
- };
-
generateStyles() {
this.styles = createStyles(this.props);
}
diff --git a/packages/react-native-ui-lib/src/components/textField/types.ts b/packages/react-native-ui-lib/src/components/textField/types.ts
index 1f98fe7874..4341805e4a 100644
--- a/packages/react-native-ui-lib/src/components/textField/types.ts
+++ b/packages/react-native-ui-lib/src/components/textField/types.ts
@@ -209,19 +209,19 @@ export type TextFieldProps = MarginModifiers &
/**
* Pass to render a leading element
*/
- leadingAccessory?: ReactElement;
+ leadingAccessory?: ReactElement;
/**
* Pass to render a trailing element
*/
- trailingAccessory?: ReactElement;
+ trailingAccessory?: ReactElement;
/**
* Pass to render a top trailing element
*/
- topTrailingAccessory?: ReactElement;
+ topTrailingAccessory?: ReactElement;
/**
* Pass to render a bottom element below the input
*/
- bottomAccessory?: ReactElement;
+ bottomAccessory?: ReactElement;
/**
* Should show a clear button when there is a value
*/
diff --git a/packages/react-native-ui-lib/src/components/textField/useImperativeInputHandle.ts b/packages/react-native-ui-lib/src/components/textField/useImperativeInputHandle.ts
index b9ad98d51a..797872230f 100644
--- a/packages/react-native-ui-lib/src/components/textField/useImperativeInputHandle.ts
+++ b/packages/react-native-ui-lib/src/components/textField/useImperativeInputHandle.ts
@@ -3,7 +3,7 @@ import {findNodeHandle, TextInput, TextInputProps} from 'react-native';
import FieldContext from './FieldContext';
const useImperativeInputHandle = (ref: React.Ref, props: Pick) => {
- const inputRef = useRef();
+ const inputRef = useRef(undefined);
const context = useContext(FieldContext);
useImperativeHandle(ref, () => {
return {
diff --git a/packages/react-native-ui-lib/src/components/textFieldOld/index.tsx b/packages/react-native-ui-lib/src/components/textFieldOld/index.tsx
deleted file mode 100644
index 3c94df0b10..0000000000
--- a/packages/react-native-ui-lib/src/components/textFieldOld/index.tsx
+++ /dev/null
@@ -1,843 +0,0 @@
-// @ts-nocheck
-// TODO: hideUnderline should be true by default
-// TODO: enableErrors should be false by default
-// TODO: enableErrors should derived from errorMessage prop
-// TODO: use forwardRef to allow access to inner TextInput API
-// TODO: add trailing/leading icon props
-// TODO: support margin modifiers
-import _ from 'lodash';
-import PropTypes from 'prop-types';
-import React from 'react';
-import {StyleSheet, Animated, TextInput as RNTextInput} from 'react-native';
-import {TextInputPropTypes, ImagePropTypes} from 'deprecated-react-native-prop-types';
-import memoize from 'memoize-one';
-import {Constants} from '../../commons/new';
-import {Colors, Typography, Spacings} from '../../style';
-import BaseInput from '../baseInput';
-import Modal from '../modal';
-import TextArea from '../textArea';
-import View from '../view';
-import Image from '../image';
-import Text from '../text';
-import TouchableOpacity from '../touchableOpacity';
-
-const COLOR_BY_STATE = {
- default: Colors.grey10,
- focus: Colors.grey10,
- error: Colors.grey10,
- disabled: Colors.grey50
-};
-const UNDERLINE_COLOR_BY_STATE = {
- default: Colors.grey50,
- focus: Colors.$outlinePrimary,
- error: Colors.red30
-};
-const PLACEHOLDER_COLOR_BY_STATE = {
- default: Colors.grey30,
- focus: Colors.$textPrimary
-};
-const CHAR_COUNTER_COLOR_BY_STATE = {
- default: Colors.grey30,
- error: Colors.red30
-};
-
-const LABEL_TYPOGRAPHY = Typography.text80;
-const ICON_SIZE = 24;
-const ICON_LEFT_PADDING = 6;
-const FLOATING_PLACEHOLDER_SCALE = 0.875;
-
-/**
- * @description: A wrapper for TextInput component with extra functionality like floating placeholder and validations (This is an uncontrolled component)
- * @modifiers: Typography
- * @extends: TextInput
- * @extendsLink: https://reactnative.dev/docs/textinput
- * @gif: https://media.giphy.com/media/xULW8su8Cs5Z9Fq4PS/giphy.gif, https://media.giphy.com/media/3ohc1dhDcLS9FvWLJu/giphy.gif, https://media.giphy.com/media/oNUSOxnHdMP5ZnKYsh/giphy.gif
- * @example: https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/componentScreens/TextFieldScreen/BasicTextFieldScreen.js
- */
-export default class TextField extends BaseInput {
- static displayName = 'TextFieldOld';
-
- static propTypes = {
- ...TextInputPropTypes,
- ...BaseInput.propTypes,
- /**
- * should placeholder have floating behavior
- */
- floatingPlaceholder: PropTypes.bool,
- /**
- * floating placeholder color as a string or object of states, ex. {default: 'black', error: 'red', focus: 'blue', disabled: 'grey'}
- */
- floatingPlaceholderColor: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
- /**
- * Custom style for floating placeholder
- */
- floatingPlaceholderStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.number, PropTypes.array]),
- /**
- * This text will appear as a placeholder when the textInput becomes focused, only when passing floatingPlaceholder
- * as well (NOT for expandable textInputs)
- */
- helperText: PropTypes.string,
- /**
- * hide text input underline, by default false
- */
- hideUnderline: PropTypes.bool,
- /**
- * underline color as a string or object of states, ex. {default: 'black', error: 'red', focus: 'blue', disabled: 'grey'}
- */
- underlineColor: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
- /**
- * the color of all text when the input is disabled (if undefined will not apply color)
- */
- disabledColor: PropTypes.string,
- /**
- * should text input be align to center
- */
- centered: PropTypes.bool,
- /**
- * input error message, should be empty if no error exists
- */
- error: PropTypes.string,
- /**
- * should the input component support error messages
- */
- enableErrors: PropTypes.bool,
- /**
- * input error message's text color
- */
- errorColor: PropTypes.string,
- /**
- * should the input expand to another text area modal
- */
- expandable: PropTypes.bool,
- /**
- * Render custom expandable input (requires expandable to be true)
- */
- renderExpandableInput: PropTypes.elementType,
- /**
- * allow custom rendering of expandable content when clicking on the input (useful for pickers)
- * accept props and state as params, ex. (props, state) => {...}
- * use toggleExpandableModal(false) method to toggle off the expandable content
- */
- renderExpandable: PropTypes.elementType,
- /**
- * Callback for the modal toggle. Pass with renderExpandable to control the modal toggle
- */
- onToggleExpandableModal: PropTypes.func,
- /**
- * The picker modal top bar props
- */
- topBarProps: PropTypes.shape(Modal.TopBar.propTypes),
- /**
- * transform function executed on value and return transformed value
- */
- transformer: PropTypes.func,
- /**
- * Pass to render a prefix text as part of the input (doesn't work with floatingPlaceholder)
- */
- prefix: PropTypes.string,
- /**
- * The prefix style
- */
- prefixStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.number, PropTypes.array]),
- /**
- * Fixed title that will displayed above the input (note: floatingPlaceholder MUST be 'false')
- */
- title: PropTypes.string,
- /**
- * The title's color as a string or object of states, ex. {default: 'black', error: 'red', focus: 'blue', disabled: 'grey'}
- */
- titleColor: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
- /**
- * Additional styles for the title (not including 'color')
- */
- titleStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.number, PropTypes.array]),
- /**
- * should the input display a character counter (only when passing 'maxLength')
- */
- showCharacterCounter: PropTypes.bool,
- /**
- * should float the placeholder when focused (instead of when typing)
- */
- floatOnFocus: PropTypes.bool,
- /**
- * should the errors be displayed at the top
- */
- useTopErrors: PropTypes.bool,
- /**
- * Icon asset source for showing on the right side, appropriate for dropdown icon and such
- */
- rightIconSource: PropTypes.oneOfType([PropTypes.object, PropTypes.number]),
- /**
- * Pass to style the right icon source
- */
- rightIconStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.number]),
- /**
- * Props for the right button {iconSource, onPress, style}
- */
- rightButtonProps: PropTypes.shape({
- iconSource: ImagePropTypes.source,
- iconColor: PropTypes.string,
- onPress: PropTypes.func,
- style: PropTypes.oneOfType([PropTypes.object, PropTypes.number]),
- accessibilityLabel: PropTypes.string
- }),
- /**
- * Pass to render a leading icon to the TextInput value. Accepts Image props (doesn't work with floatingPlaceholder)
- */
- leadingIcon: PropTypes.shape(ImagePropTypes)
- };
-
- static defaultProps = {
- enableErrors: true,
- validateOnBlur: true
- };
-
- constructor(props) {
- super(props);
-
- this.state = {
- ...this.state,
- value: props.value, // for floatingPlaceholder functionality
- floatingPlaceholderState: new Animated.Value(this.shouldFloatPlaceholder(props.value) ? 1 : 0),
- showExpandableModal: false,
- floatingPlaceholderTranslate: 0,
- charCountColor: CHAR_COUNTER_COLOR_BY_STATE.default
- };
-
- this.generatePropsWarnings(props);
- }
-
- UNSAFE_componentWillReceiveProps(nextProps) {
- if (nextProps.value !== this.props.value) {
- this.setState({value: nextProps.value}, () => {
- this.updateFloatingPlaceholderState();
- if (nextProps.validateOnChange) {
- this.validate();
- }
- });
- }
- }
-
- componentDidUpdate(_prevProps, prevState) {
- if (_.isEmpty(prevState.value) !== _.isEmpty(this.state.value) || prevState.focused !== this.state.focused) {
- this.updateFloatingPlaceholderState();
- }
- }
-
- onPlaceholderLayout = (event) => {
- const {width} = event.nativeEvent.layout;
- const translate = width / 2 - (width * FLOATING_PLACEHOLDER_SCALE) / 2;
- this.setState({floatingPlaceholderTranslate: translate / FLOATING_PLACEHOLDER_SCALE});
- };
-
- /** Actions */
- generatePropsWarnings(props) {
- if (props.maxLength === 0) {
- console.warn('Setting maxLength to zero will block typing in this input');
- }
- if (props.showCharacterCounter && !props.maxLength) {
- console.warn('In order to use showCharacterCount please pass \'maxLength\' prop');
- }
- }
-
- generateStyles() {
- this.styles = createStyles(this.getThemeProps(), this.getTopPaddings());
- }
-
- getAccessibilityInfo() {
- const {floatingPlaceholder, placeholder} = this.getThemeProps();
- const accessibilityState = this.isDisabled() ? {disabled: true} : undefined;
- let accessibilityLabel = floatingPlaceholder ? this.props.accessibilityLabel || placeholder : '';
-
- if (this.isRequiredField()) {
- accessibilityLabel = `${accessibilityLabel}. Mandatory`;
- }
-
- return {
- accessibilityLabel,
- // on Android accessibilityStates cause issues with expandable input
- accessibilityState: Constants.isIOS ? accessibilityState : undefined
- };
- }
-
- toggleExpandableModal = (value) => {
- this.setState({showExpandableModal: value});
- _.invoke(this.props, 'onToggleExpandableModal', value);
- };
-
- updateFloatingPlaceholderState = withoutAnimation => {
- if (withoutAnimation) {
- this.state.floatingPlaceholderState.setValue(this.shouldFloatPlaceholder() ? 1 : 0);
- } else {
- Animated.spring(this.state.floatingPlaceholderState, {
- toValue: this.shouldFloatPlaceholder() ? 1 : 0,
- duration: 150,
- useNativeDriver: true
- }).start();
- }
- };
-
- getPlaceholderText = memoize((placeholder, helperText) => {
- // HACK: passing whitespace instead of undefined. Issue fixed in RN56
- const text = this.shouldFakePlaceholder()
- ? this.shouldShowHelperText()
- ? helperText
- : ' '
- : this.shouldShowTopError() && this.shouldShowHelperText()
- ? helperText
- : this.getRequiredPlaceholder(placeholder);
- return text;
- });
-
- getStateColor(colorProp = {}) {
- const {focused} = this.state;
- const error = this.getErrorMessage();
- const {disabledColor} = this.getThemeProps();
-
- if (_.isString(colorProp)) {
- return colorProp || Colors.grey10;
- } else if (_.isPlainObject(colorProp)) {
- const mergedColorState = {...COLOR_BY_STATE, ...colorProp};
-
- if (this.isDisabled()) {
- return disabledColor || mergedColorState.disabled;
- } else if (error) {
- return mergedColorState.error;
- } else if (focused) {
- return mergedColorState.focus;
- } else {
- return mergedColorState.default;
- }
- }
-
- return colorProp || Colors.grey10;
- }
-
- getCharCount() {
- const {value} = this.state;
- if (value) {
- return value.length;
- }
- return 0;
- }
-
- setCharCountColor(key) {
- this.maxReached = key === Constants.backspaceKey ? false : this.isCounterLimit();
- const color = this.state.focused && this.maxReached ?
- CHAR_COUNTER_COLOR_BY_STATE.error : CHAR_COUNTER_COLOR_BY_STATE.default;
-
- if (color !== this.state.charCountColor) {
- this.setState({charCountColor: color});
- }
- }
-
- getCharCountColor() {
- const {charCountColor} = this.state;
- const {disabledColor} = this.getThemeProps();
-
- return this.isDisabled() && disabledColor ? disabledColor : charCountColor;
- }
-
- getTopPaddings() {
- return this.shouldFakePlaceholder() ? (this.shouldShowTopError() ? undefined : 25) : undefined;
- }
-
- getTopErrorsPosition() {
- return !this.props.title && this.shouldShowTopError() ? {top: Constants.isIOS ? -25 : -27} : undefined;
- }
-
- isDisabled() {
- return this.props.editable === false;
- }
-
- isCounterLimit() {
- const {maxLength} = this.getThemeProps();
- const counter = this.getCharCount();
- return counter === 0 ? false : maxLength <= counter;
- }
-
- hasText(value) {
- return !_.isEmpty(value || this.state.value);
- }
-
- shouldShowHelperText() {
- const {focused} = this.state;
- const {helperText} = this.props;
- return focused && helperText;
- }
-
- shouldFloatOnFocus() {
- const {focused} = this.state;
- const {floatOnFocus} = this.getThemeProps();
- return focused && floatOnFocus;
- }
-
- shouldFloatPlaceholder(text) {
- return this.hasText(text) || this.shouldShowHelperText() || this.shouldFloatOnFocus();
- }
-
- shouldFakePlaceholder() {
- const {floatingPlaceholder, centered, leadingIcon, prefix} = this.getThemeProps();
-
- return !leadingIcon && !prefix && Boolean(floatingPlaceholder && !centered && !this.shouldShowTopError());
- }
-
- shouldShowError() {
- const {enableErrors} = this.getThemeProps();
- const error = this.getErrorMessage();
-
- return enableErrors && error;
- }
-
- getErrorMessage() {
- return this.props?.error || this.state?.error;
- }
-
- shouldShowTopError() {
- const {useTopErrors} = this.getThemeProps();
- return this.shouldShowError() && useTopErrors;
- }
-
- shouldDisplayRightButton() {
- const {rightButtonProps, expandable} = this.getThemeProps();
- return !expandable && rightButtonProps && rightButtonProps.iconSource;
- }
-
- shouldRenderTitle() {
- const {floatingPlaceholder, title} = this.getThemeProps();
- return !floatingPlaceholder && title;
- }
-
- onPressRightButton = () => {
- _.invoke(this.props, 'rightButtonProps.onPress');
- };
-
- /** Renders */
- renderPlaceholder() {
- const {floatingPlaceholderState, floatingPlaceholderTranslate} = this.state;
- const {placeholder, placeholderTextColor, floatingPlaceholderColor, floatingPlaceholderStyle} = this.getThemeProps();
- const typography = this.getTypography();
- const placeholderColor = this.getStateColor(placeholderTextColor || PLACEHOLDER_COLOR_BY_STATE.default);
-
- if (this.shouldFakePlaceholder()) {
- return (
-
-
- {this.getRequiredPlaceholder(placeholder)}
-
-
- );
- }
- }
-
- renderPrefix() {
- const {prefix, prefixStyle} = this.props;
- if (prefix) {
- const typography = this.getTypography();
- return {prefix};
- }
- }
-
- renderTitle() {
- const {title, titleColor, titleStyle} = this.getThemeProps();
- const color = this.getStateColor(titleColor || PLACEHOLDER_COLOR_BY_STATE);
-
- if (this.shouldRenderTitle()) {
- return {title};
- }
- }
-
- renderCharCounter() {
- const {maxLength, showCharacterCounter} = this.getThemeProps();
-
- if (maxLength && showCharacterCounter) {
- const counter = this.getCharCount();
- const color = this.getCharCountColor();
-
- return (
-
- {counter} / {maxLength}
-
- );
- }
- }
-
- renderError(visible) {
- const {enableErrors, useTopErrors, errorColor} = this.getThemeProps();
- const textColor = errorColor ? {color: errorColor} : undefined;
- const positionStyle = useTopErrors ? this.styles.topLabel : this.styles.bottomLabel;
- const error = this.getErrorMessage();
-
- if (visible && enableErrors) {
- return (
-
- {error}
-
- );
- }
- }
-
- renderExpandableModal() {
- const {renderExpandable, topBarProps} = this.getThemeProps();
- const {showExpandableModal} = this.state;
-
- if (_.isFunction(renderExpandable) && showExpandableModal) {
- return renderExpandable(this.getThemeProps(), this.state);
- }
-
- const textInputProps = TextField.extractOwnProps(this.props, ['error', 'testID']);
-
- return (
- this.toggleExpandableModal(false)}
- >
- this.toggleExpandableModal(false)}
- onDone={this.onDoneEditingExpandableInput}
- />
-
-