@fto-consult/expo-ui 6.55.3 → 6.55.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "6.55.3",
+  "version": "6.55.4",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "main",
   "scripts": {

package/src/components/Dialog/DialogContent.js

@@ -5,7 +5,6 @@ import { useWindowDimensions } from "react-native";
 const DialogContentComponent = ({isPreloader,title,children,isFullScreen,...props})=>{
     const isFull = isFullScreen();
     const content = React.useMemo(()=>children,[isPreloader,title,children]);
-    return content;
     return isPreloader || !isFull ? content : <KeyboardAvoidingView testID="RN_DialogKeybaordAvoidingView">{content}</KeyboardAvoidingView>
 }
 export default DialogContentComponent;

package/src/components/Dropdown/index.js

@@ -21,6 +21,7 @@ import Menu from "$ecomponents/Menu/Menu";
 import Chip from "$ecomponents/Chip";
 import {Content as BottomSheet,Menu as BottomSheetMenu,getContentHeight} from "$ecomponents/BottomSheet";
 import {isWeb} from "$cplatform";
+import Tooltip from "$ecomponents/Tooltip";
 
 const _isIos = isIos();
 
@@ -1102,8 +1103,13 @@ class DropdownComponent extends AppComponent {
                                 self.selectItem({value,valueKey,select:!multiple?true:select});
                             };
                             return (
-                                <Fragment key={key}>
-                                    <TouchableRipple
+                                <Tooltip key={key} 
+                                    title = {content}
+                                    testID = {testID+"_DropdownTooltipContainer"}
+                                    style = {[[theme.styles.h100]]}
+                                    tooltipProps = {{style:[theme.styles.h100],testID:testID+"_DropdownTooltipPopoverContainer"}}
+                                >
+                                    <TouchableRipple   
                                         testID={testID+"Container"}
                                         style={{
                                             flexDirection: "row",
@@ -1119,7 +1125,7 @@ class DropdownComponent extends AppComponent {
                                         </View>
                                     </TouchableRipple>
                                     <Divider disabled={isDisabled}/>
-                            </Fragment>
+                            </Tooltip>
                         )}}
                     />
                 </View>

package/src/components/List/Common.js

@@ -40,7 +40,7 @@ const CommonListComponent = React.forwardRef((props,ref)=>{
             }
             let ret = renderItem({item,numColumns,index,section,numColumns,itemContainerWidth:itemWindowWidth,itemWindowWidth,...rest,isScrolling:listRef.current?.isScrolling?true:false,items:defaultArray(context.items)});
             if(typeof ret =='string' || typeof ret =='number'){
-                return <Label children = {ret}/>
+                return <Label testID={testID+"_ListItemLabel"} children = {ret}/>
             } 
             return (React.isValidElement(ret)) ? ret : null; 
         },

package/src/components/Tooltip/Popover/index.web.js

@@ -9,7 +9,8 @@ import {isDOMElement} from "$cutils/dom";
 import {uniqid,defaultStr,defaultObj} from "$cutils";
 
 const TippyTooltipComponent  = React.forwardRef((props,ref)=>{
-    let {children,content,...rest} = props;
+    let {children,content,testID,...rest} = props;
+    testID = defaultStr(testID,"RN_TooltipPopoverComponent")
     const instanceIdRef = React.useRef(uniqid("tippy-instance-id")); 
     const buttonRef = React.useRef(null);
     const innerRef = React.useMergeRefs(ref,buttonRef);
@@ -48,7 +49,7 @@ const TippyTooltipComponent  = React.forwardRef((props,ref)=>{
     if(typeof children =='function'){
         return children(cProps,innerRef);
     }
-    return  <Label {...cProps} ref={innerRef}>
+    return  <Label {...cProps} testID={testID} ref={innerRef}>
         {children}
     </Label>
 });