@fto-consult/expo-ui 8.8.3 → 8.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "8.8.3",
+  "version": "8.9.0",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "scripts": {
     "clear-npx-cache": "npx clear-npx-cache",

package/src/components/Barcode/Designer/index.js

@@ -23,7 +23,7 @@ const fontOptionsKeys = ["bold","italic","bold italic"];
 const alignments = ["left","center","right"];
 
 const BarcodeDesigner = forwardRef(({
-        format,testID,onReady,text,value,flat,width,height,displayValue,fontOptions,font,textAlign,textPosition,textMargin,fontSize,background,lineColor,margin,marginTop,marginBottom,marginLeft,marginRight,
+        format,testID,onReady,text,value,flat,onChange,width,height,displayValue,fontOptions,font,textAlign,textPosition,textMargin,fontSize,background,lineColor,margin,marginTop,marginBottom,marginLeft,marginRight,
         sessionName,
         ...rest
     },ref)=>{
@@ -55,17 +55,16 @@ const BarcodeDesigner = forwardRef(({
         if(sessionName){
             session.set(sKey,state);
         }
+        if(typeof onChange =='function'){
+            onChange({data:state,state,setState});
+        }
     },[state]);
     const isMobile = Dimensions.isMobileMedia(),isTablet= Dimensions.isTabletMedia(),isDesktop= Dimensions.isDesktopMedia();
     const cellProps = {}
     const inputProps = {mode:"flat",style:{width:"100%"},containerProps:{style:[]}}
     return <Surface {...rest} testID={testID} style={[theme.styles.w100,theme.styles.p2,rest.style]}>
         <View testID={testID+"SurfaceContent"} style={[isMobile || isTablet && {flexDirection:"column"},{justifyContent:"flex-start",alignItems:"flex-start"},isDesktop && {flexDirection:"row"}]}>
-            <View elevation={isDesktop?5:0} testID={`${testID}_SettingsContainer`} style={[{paddingHorizontal:5},isDesktop? {width:400,marginRight:10,borderRightColor:theme.colors.divider,borderRightWidth:1}:{width:"100%"}]}>
-                {false && isDesktop ? <View testID={`${testID}_DesignerOptions`} style={[theme.styles.w100]}>
-                    <Label primary textBold fontSize={15} children={"Options du Designer"}/>
-                    <Divider style={[theme.styles.w100,{marginTop:5}]}/>
-                </View>:null}
+            <View elevation={isDesktop?5:0} testID={`${testID}_SettingsContainer`} style={[{paddingHorizontal:5},isDesktop? {width:400,marginRight:10,paddingBottom:20,borderRightColor:theme.colors.divider,borderRightWidth:1}:{width:"100%"}]}>
                 <Expandable defaultExpanded title={<Label primary textBold fontSize={15} children={"Options du Designer"}/>}>
                     <View {...cellProps}>
                         <TextField
@@ -73,9 +72,7 @@ const BarcodeDesigner = forwardRef(({
                             label = {"Valeur de test"}
                             defaultValue = {value}
                             onChange = {({value})=>{
-                                if(value){
-                                    setState({...state,value});
-                                }
+                                setState({...state,value});
                             }}
                         />
                     </View>
@@ -97,7 +94,7 @@ const BarcodeDesigner = forwardRef(({
                     <View {...cellProps}>
                         <TextField
                             {...inputProps}
-                            label = {"Hauteur de la barre"}
+                            label = {"Hauteur des barres"}
                             type ="number"
                             defaultValue = {state.height}
                             onChange = {({value})=>{
@@ -109,7 +106,7 @@ const BarcodeDesigner = forwardRef(({
                         <TextField
                             {...inputProps}
                             type ="number"
-                            label = {"Longueur de la barre"}
+                            label = {"Longueur des barres"}
                             defaultValue = {state.width}
                             onChange = {({value})=>{
                                 setState({...state,width:value});
@@ -270,6 +267,7 @@ export const barcodeSetingsFields = {
     marginBottom : PropTypes.number,
     marginLeft : PropTypes.number,
     marginRight : PropTypes.number,
+    onChange : PropTypes.func,
 }
 
 BarcodeDesigner.displayName = "BarcodeDesigner";