@fto-consult/expo-ui 6.32.1 → 6.32.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "6.32.1",
+  "version": "6.32.2",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "main": "index.js",
   "scripts": {
@@ -68,7 +68,7 @@
     "@expo/html-elements": "^0.5.1",
     "@expo/vector-icons": "^13.0.0",
     "@faker-js/faker": "^8.0.2",
-    "@fto-consult/common": "^3.32.9",
+    "@fto-consult/common": "^3.33.0",
     "@pchmn/expo-material3-theme": "^1.3.1",
     "@react-native-async-storage/async-storage": "1.18.2",
     "@react-native-community/datetimepicker": "7.2.0",

package/src/components/Icon/Font.js

@@ -50,7 +50,7 @@ const FontIcon = React.forwardRef(({icon,name,testID,color,iconColor,iconStyle,b
         console.warn("Icone non définie pour le composant FontIcon, icon [{0}], merci de spécifier une icone supportée par la liste du module https://github.com/expo/vector-icons/MaterialCommunityIcons".sprintf(icon),props);
         return null;
     }
-    const iconName = icon.trim().ltrim(iconSetName).trim();
+    const iconName = icon.trim().ltrim(iconSetName+"-").ltrim("-").trim();
     return <Icon {...props} 
         ref = {ref}
         testID = {testID}

package/src/components/Icon/SelectFontIcon.js

@@ -7,6 +7,8 @@ import {View} from "react-native";
 import Icon from "./Icon";
 import Label from "$ecomponents/Label";
 import theme from "$theme";
+import {copyTextToClipboard} from "$clipboard/utils";
+import { StyleSheet } from "react-native"; 
 
 const SelectFontIconComponent = React.forwardRef((props,ref)=>{
     const items = React.useMemo(()=>{
@@ -37,12 +39,18 @@ const SelectFontIconComponent = React.forwardRef((props,ref)=>{
         getItemValue ={({item})=>item.icon}
         renderText = {({item})=>item.icon}
         renderItem = {({item})=>{
-            return <View testID="RN_SELECTFontIconContainer" style={[theme.styles.row,theme.styles.w100,theme.styles.justifyContentFlexStart,theme.styles.alignItemsCenter]}>
-                <Icon size={35} primary name={item.icon}/>
-                <View>
-                    <Label textBold>{item.icon}</Label>
-                    <Label>{item.iconSetName}</Label>
+            const {icon,iconSetName} = item;
+            return <View testID="RN_SELECTFontIconContainer" style={[theme.styles.row,styles.content,theme.styles.justifyContentSpaceBetween,theme.styles.alignItemsCenter]}>
+                <View style={[theme.styles.row,theme.styles.justifyContentFlexStart,theme.styles.alignItemsCenter]}>
+                    <Icon size={35} primary name={icon}/>
+                    <View>
+                        <Label textBold>{icon}</Label>
+                        <Label>{iconSetName}</Label>
+                    </View>
                 </View>
+                <Icon size={25} name="content-copy" title={`Copier la valeur [${icon}] dans le presse papier`} onPress={(e)=>{
+                    copyTextToClipboard(icon);
+                }}/>
             </View>
         }}
     />
@@ -57,6 +65,10 @@ SelectFontIconComponent.propTypes = {
     imageProps : PropTypes.object, ///les props à appliquer aux images affichées
 }
 
-
+const styles = StyleSheet.create({
+    content : {
+        flexGrow : 1,
+    }
+})