react-native-ui-lib 7.36.0-snapshot.6091 → 7.36.0-snapshot.6093

package/README.md

@@ -15,6 +15,13 @@
 [![NPM Downloads](https://img.shields.io/npm/dm/react-native-ui-lib.svg?style=flat)](https://www.npmjs.com/package/react-native-ui-lib)
 <a href="https://twitter.com/rnuilib"><img src="https://img.shields.io/twitter/follow/rnuilib.svg?style=flat&colorA=1DA1F2&colorB=20303C&label=Follow%20us%20on%20Twitter" alt="Follow on Twitter"></a>
 
+## Notes
+
+#### React Native New Arc
+
+We are working on upgrading our UI Library to support the new React Native Architecture.
+Currently, we support React Native 0.73, and we plan to support React Native 0.77 next.
+While we don’t have a timeline yet, this is part of our roadmap.
 
 ## Links
 - [Docs](https://wix.github.io/react-native-ui-lib/)

package/package.json

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

package/src/components/picker/helpers/usePickerSelection.d.ts

@@ -3,7 +3,6 @@ import { PickerProps, PickerValue, PickerSingleValue, PickerMultiValue } from '.
 interface UsePickerSelectionProps extends Pick<PickerProps, 'migrate' | 'value' | 'onChange' | 'getItemValue' | 'topBarProps' | 'mode'> {
     pickerExpandableRef: RefObject<any>;
     setSearchValue: (searchValue: string) => void;
-    pickerRef: React.RefObject<any>;
 }
 declare const usePickerSelection: (props: UsePickerSelectionProps) => {
     multiDraftValue: PickerMultiValue;

package/src/components/picker/helpers/usePickerSelection.js

@@ -2,7 +2,6 @@ import _xor from "lodash/xor";
 import _xorBy from "lodash/xorBy";
 import { useCallback, useState, useEffect } from 'react';
 import { PickerModes } from "../types";
-import { AccessibilityInfo } from 'react-native';
 const usePickerSelection = props => {
   const {
     migrate,
@@ -12,8 +11,7 @@ const usePickerSelection = props => {
     pickerExpandableRef,
     getItemValue,
     setSearchValue,
-    mode,
-    pickerRef
+    mode
   } = props;
   const [multiDraftValue, setMultiDraftValue] = useState(value);
   const [multiFinalValue, setMultiFinalValue] = useState(value);
@@ -28,10 +26,6 @@ const usePickerSelection = props => {
     setMultiFinalValue(item);
     pickerExpandableRef.current?.closeExpandable?.();
     onChange?.(item);
-    const reactTag = pickerRef.current.getNodeHandle();
-    if (reactTag) {
-      AccessibilityInfo.setAccessibilityFocus(reactTag);
-    }
   }, [onChange]);
   const toggleItemSelection = useCallback(item => {
     let newValue;

package/src/components/picker/index.js

@@ -110,8 +110,7 @@ const Picker = React.forwardRef((props, ref) => {
     getItemValue,
     topBarProps,
     setSearchValue,
-    mode,
-    pickerRef
+    mode
   });
   const {
     label,

package/src/components/textField/useImperativeInputHandle.js

@@ -1,5 +1,4 @@
 import { useContext, useImperativeHandle, useRef } from 'react';
-import { findNodeHandle } from 'react-native';
 import FieldContext from "./FieldContext";
 const useImperativeInputHandle = (ref, props) => {
   const inputRef = useRef();
@@ -20,11 +19,6 @@ const useImperativeInputHandle = (ref, props) => {
       // Note: This returns field validity without actually validating it
       isValid: () => {
         return context.checkValidity();
-      },
-      getNodeHandle: () => {
-        if (inputRef.current) {
-          return findNodeHandle(inputRef.current);
-        }
       }
     };
   });