react-native-ui-lib 7.37.0-snapshot.6102 → 7.37.0-snapshot.6105

package/package.json

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

package/src/components/hint/Hint.driver.new.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps } from '../../testkit/new/Component.driver';
 export declare const HintDriver: (props: ComponentProps) => {
     getHintBubble: () => {
-        getStyle: () => any;
+        getStyle: (flatten?: boolean) => any;
         getElement: () => import("react-test-renderer").ReactTestInstance;
         queryElement: () => import("react-test-renderer").ReactTestInstance | undefined;
         exists: () => boolean;

package/src/components/view/View.driver.new.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps } from '../../testkit/new/Component.driver';
 export declare const ViewDriver: (props: ComponentProps) => {
-    getStyle: () => any;
+    getStyle: (flatten?: boolean) => any;
     getElement: () => import("react-test-renderer").ReactTestInstance;
     queryElement: () => import("react-test-renderer").ReactTestInstance | undefined;
     exists: () => boolean;

package/src/components/view/View.driver.new.js

@@ -2,8 +2,9 @@ import { StyleSheet } from 'react-native';
 import { useComponentDriver } from "../../testkit/new/Component.driver";
 export const ViewDriver = props => {
   const driver = useComponentDriver(props);
-  const getStyle = () => {
-    return StyleSheet.flatten(driver.getElement().props.style);
+  const getStyle = (flatten = false) => {
+    const style = driver.getElement().props.style;
+    return flatten ? StyleSheet.flatten(style) : style;
   };
   return {
     ...driver,

package/src/incubator/expandableOverlay/index.d.ts

@@ -6,7 +6,6 @@ export interface ExpandableOverlayMethods {
     openExpandable: () => void;
     closeExpandable: () => void;
     toggleExpandable: () => void;
-    focusAccessibility: () => void;
 }
 export interface RenderCustomOverlayProps extends ExpandableOverlayMethods {
     visible: boolean;

package/src/incubator/expandableOverlay/index.js

@@ -1,11 +1,10 @@
-import React, { useCallback, useState, forwardRef, useImperativeHandle, useRef } from 'react';
+import React, { useCallback, useState, forwardRef, useImperativeHandle } from 'react';
 import TouchableOpacity from "../../components/touchableOpacity";
 import View from "../../components/view";
 import Modal from "../../components/modal";
 import DialogOld from "../../components/dialog";
 import DialogNew from "../dialog";
 import { Colors } from "../../style";
-import { AccessibilityInfo, findNodeHandle } from 'react-native';
 const ExpandableOverlay = (props, ref) => {
   const {
     children,
@@ -24,29 +23,19 @@ const ExpandableOverlay = (props, ref) => {
     ...others
   } = props;
   const [visible, setExpandableVisible] = useState(false);
-  const containerRef = useRef(null);
-  const focusAccessibility = useCallback(() => {
-    const reactTag = findNodeHandle(containerRef.current);
-    console.log(`Nitzan - focs reac`, reactTag);
-    if (reactTag) {
-      AccessibilityInfo.setAccessibilityFocus(reactTag);
-    }
-  }, [containerRef]);
   const openExpandable = useCallback(() => {
     setExpandableVisible(true);
     onPress?.(props);
   }, [onPress, customValue]);
   const closeExpandable = useCallback(() => {
     setExpandableVisible(false);
-    focusAccessibility();
     useDialog ? dialogProps?.onDismiss?.() : modalProps?.onDismiss?.();
-  }, [useDialog, dialogProps?.onDismiss, modalProps?.onDismiss, focusAccessibility]);
+  }, [useDialog, dialogProps?.onDismiss, modalProps?.onDismiss]);
   const toggleExpandable = useCallback(() => visible ? closeExpandable() : openExpandable(), [visible, openExpandable, closeExpandable]);
   useImperativeHandle(ref, () => ({
     openExpandable,
     closeExpandable,
-    toggleExpandable,
-    focusAccessibility
+    toggleExpandable
   }));
   const renderModal = () => {
     return <Modal testID={`${testID}.overlay`} overlayBackgroundColor={Colors.$backgroundDefault} {...modalProps} visible={visible} onDismiss={closeExpandable} onRequestClose={closeExpandable} onBackgroundPress={closeExpandable}>
@@ -66,14 +55,13 @@ const ExpandableOverlay = (props, ref) => {
         visible,
         openExpandable,
         closeExpandable,
-        toggleExpandable,
-        focusAccessibility
+        toggleExpandable
       });
     } else {
       return useDialog ? renderDialog() : renderModal();
     }
   };
-  return <TouchableOpacity ref={containerRef} {...others} onPress={openExpandable} disabled={disabled} testID={testID}>
+  return <TouchableOpacity {...others} onPress={openExpandable} disabled={disabled} testID={testID}>
       <View pointerEvents="none">{children}</View>
       {renderOverlay()}
     </TouchableOpacity>;