@fto-consult/expo-ui/src/components/Icon/Icon.js

Bibliothèque de composants UI Expo,react-native

import {defaultVal,defaultObj,defaultStr,isNonNullString} from "$cutils";
import PropTypes from "prop-types";
import Tooltip from "$ecomponents/Tooltip";
import theme,{flattenStyle,Colors} from "$theme";
import React from "$react";
import {IconButton} from "react-native-paper";

const IconComponentRef = React.forwardRef((props,ref)=>{
    let {icon,style,Component,button,color,name,containerColor,...rest} = props;
    icon = defaultVal(icon,name);
    if(isNonNullString(icon)){
        icon = icon.trim().ltrim("")
    }
    if(!icon && rest.source){
        icon = rest.source;
    }
    if(icon){
        rest.icon = icon;
    }
    if(!rest.icon) return null;
    const flattenedStyle = flattenStyle(style);
    if(button === false){
        flattenedStyle.borderRadius = 0;
    }
    const C = React.isComponent(Component)?Component:IconButton;
    const iconColor = Colors.isValid(color) ? color : Colors.isValid(rest.iconColor)? rest.iconColor : Colors.isValid(flattenedStyle.color)? flattenedStyle.color : theme.colors.text
    const restP = {};
    if(C == IconButton){
        restP.iconColor = iconColor;
        restP.containerColor = Colors.isValid(containerColor)? containerColor : Colors.isValid(flattenStyle.backgroundColor) ? flattenStyle.backgroundColor : "transparent";
    } else {
        restP.color = iconColor; 
    }
    return <Tooltip 
        animated 
        {...restP}
        {...rest}
        testID = {defaultStr(rest.testID,"RN_IconComponent")}
        style = {flattenedStyle}
        Component={C}
        ref = {ref}
    />
});
const IconComponent = theme.withStyles(IconComponentRef,{mode : 'normal'});
IconComponent.propTypes = {
    ...defaultObj(IconButton.propTypes),
    name : defaultVal(IconButton.propTypes,PropTypes.string),
    button : PropTypes.bool, //si c'est un icon button
}

IconComponent.displayName = "IconComponent";

export default IconComponent;

IconComponent.Avatar = React.forwardRef(({...props},ref)=>{
    return <IconComponent
        Component = {IconButton}
        {...props}
    />
})
IconComponent.Avatar.displayName = "IconComponent.Avatar";
IconComponent.Avatar.propTypes = {
    ...IconComponent.propTypes,
}