@transfergratis/react-native-sdk 0.1.2

package/build/components/ui/ButtonExample.js

@@ -0,0 +1,209 @@
+import React, { useState } from 'react';
+import { View, Text, StyleSheet, ScrollView } from 'react-native';
+import { Button, buttonIcons } from './Button';
+const ButtonExample = () => {
+    const [loading, setLoading] = useState(false);
+    const handlePress = () => {
+        console.log('Button pressed!');
+    };
+    const handleLoadingPress = () => {
+        setLoading(true);
+        setTimeout(() => setLoading(false), 2000);
+    };
+    return (<ScrollView style={styles.container}>
+      <Text style={styles.title}>Composant Button</Text>
+      
+      {/* Variantes de base */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Variantes</Text>
+        
+        <Button title="Primary" onPress={handlePress} variant="primary"/>
+        <Button title="Secondary" onPress={handlePress} variant="secondary"/>
+        <Button title="Outline" onPress={handlePress} variant="outline"/>
+        <Button title="Ghost" onPress={handlePress} variant="ghost"/>
+        <Button title="Danger" onPress={handlePress} variant="danger"/>
+        <Button title="Success" onPress={handlePress} variant="success"/>
+        <Button title="Warning" onPress={handlePress} variant="warning"/>
+      </View>
+
+      {/* Tailles */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Tailles</Text>
+        
+        <Button title="Small" onPress={handlePress} size="small"/>
+        <Button title="Medium (default)" onPress={handlePress}/>
+        <Button title="Large" onPress={handlePress} size="large"/>
+      </View>
+
+      {/* Icônes */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Icônes</Text>
+        
+        <Button title="Avec icône gauche" icon={buttonIcons.camera} onPress={handlePress}/>
+        <Button title="Avec icône droite" icon="→" iconPosition="right" onPress={handlePress}/>
+        <Button title="Icône seulement" icon={buttonIcons.plus} style={styles.iconOnlyButton} onPress={handlePress}/>
+      </View>
+
+      {/* États */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>États</Text>
+        
+        <Button title="Normal" onPress={handlePress}/>
+        <Button title="Désactivé" onPress={handlePress} disabled/>
+        <Button title="Chargement" onPress={handleLoadingPress} loading={loading}/>
+      </View>
+
+      {/* Styles spéciaux */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Styles spéciaux</Text>
+        
+        <Button title="Pleine largeur" onPress={handlePress} fullWidth/>
+        <Button title="Arrondi" onPress={handlePress} rounded/>
+        <Button title="Style personnalisé" onPress={handlePress} style={styles.customButton} textStyle={styles.customText}/>
+      </View>
+
+      {/* Composants prédéfinis */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Composants prédéfinis</Text>
+        
+        <View style={styles.row}>
+          <Button title="Retour" icon="←" variant="ghost" onPress={handlePress}/>
+          <Button title="Suivant" icon="→" variant="primary" onPress={handlePress}/>
+        </View>
+        
+        <View style={styles.row}>
+          <Button title="Soumettre" variant="primary" size="large" fullWidth onPress={handlePress}/>
+          <Button title="Annuler" variant="secondary" onPress={handlePress}/>
+        </View>
+      </View>
+
+      {/* Boutons d'action */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Boutons d'action</Text>
+        
+        <View style={styles.row}>
+          <Button title="Éditer" icon={buttonIcons.edit} variant="warning" onPress={handlePress}/>
+          <Button title="Supprimer" icon={buttonIcons.delete} variant="danger" onPress={handlePress}/>
+        </View>
+        
+        <View style={styles.row}>
+          <Button title="Partager" icon={buttonIcons.share} variant="info" onPress={handlePress}/>
+          <Button title="Télécharger" icon={buttonIcons.download} variant="success" onPress={handlePress}/>
+        </View>
+      </View>
+
+      {/* Boutons de navigation */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Navigation</Text>
+        
+        <View style={styles.row}>
+          <Button title="Accueil" icon={buttonIcons.home} variant="ghost" onPress={handlePress}/>
+          <Button title="Paramètres" icon={buttonIcons.settings} variant="ghost" onPress={handlePress}/>
+        </View>
+        
+        <View style={styles.row}>
+          <Button title="Rechercher" icon={buttonIcons.search} variant="primary" onPress={handlePress}/>
+          <Button title="Filtrer" icon={buttonIcons.filter} variant="secondary" onPress={handlePress}/>
+        </View>
+      </View>
+
+      {/* Boutons de formulaire */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Formulaire</Text>
+        
+        <Button title="Se connecter" icon={buttonIcons.user} variant="primary" size="large" fullWidth onPress={handlePress}/>
+        
+        <View style={styles.row}>
+          <Button title="S'inscrire" variant="outline" onPress={handlePress}/>
+          <Button title="Mot de passe oublié" variant="ghost" onPress={handlePress}/>
+        </View>
+      </View>
+
+      {/* Boutons de statut */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Statuts</Text>
+        
+        <View style={styles.row}>
+          <Button title="En cours" icon={buttonIcons.clock} variant="warning" size="small" onPress={handlePress}/>
+          <Button title="Terminé" icon={buttonIcons.check} variant="success" size="small" onPress={handlePress}/>
+          <Button title="Erreur" icon={buttonIcons.error} variant="danger" size="small" onPress={handlePress}/>
+        </View>
+      </View>
+
+      {/* Boutons flottants */}
+      <View style={styles.section}>
+        <Text style={styles.sectionTitle}>Boutons flottants</Text>
+        
+        <View style={styles.floatingContainer}>
+          <Button title="" icon={buttonIcons.plus} variant="primary" rounded style={styles.floatingButton} onPress={handlePress}/>
+        </View>
+      </View>
+    </ScrollView>);
+};
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        padding: 20,
+        backgroundColor: '#f5f5f5',
+    },
+    title: {
+        fontSize: 24,
+        fontWeight: 'bold',
+        color: '#333',
+        marginBottom: 20,
+        textAlign: 'center',
+    },
+    section: {
+        marginBottom: 30,
+    },
+    sectionTitle: {
+        fontSize: 18,
+        fontWeight: '600',
+        color: '#333',
+        marginBottom: 15,
+    },
+    row: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        marginBottom: 10,
+    },
+    iconOnlyButton: {
+        width: 56,
+        height: 56,
+        borderRadius: 28,
+        paddingHorizontal: 0,
+        alignSelf: 'center',
+    },
+    customButton: {
+        backgroundColor: '#8B5CF6',
+        borderColor: '#8B5CF6',
+        borderRadius: 20,
+        paddingVertical: 16,
+        paddingHorizontal: 32,
+    },
+    customText: {
+        color: '#FFFFFF',
+        fontSize: 18,
+        fontWeight: '700',
+    },
+    floatingContainer: {
+        height: 100,
+        position: 'relative',
+        backgroundColor: '#fff',
+        borderRadius: 12,
+        padding: 20,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    floatingButton: {
+        position: 'absolute',
+        bottom: 20,
+        right: 20,
+        width: 56,
+        height: 56,
+        borderRadius: 28,
+        paddingHorizontal: 0,
+    },
+});
+export default ButtonExample;
+//# sourceMappingURL=ButtonExample.js.map

package/build/components/ui/ButtonExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonExample.js","sourceRoot":"","sources":["../../../src/components/ui/ButtonExample.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { View, Text, StyleSheet, ScrollView } from 'react-native';\nimport { \n  Button, \n  buttonIcons \n} from './Button';\n\nconst ButtonExample: React.FC = () => {\n  const [loading, setLoading] = useState(false);\n\n  const handlePress = () => {\n    console.log('Button pressed!');\n  };\n\n  const handleLoadingPress = () => {\n    setLoading(true);\n    setTimeout(() => setLoading(false), 2000);\n  };\n\n  return (\n    <ScrollView style={styles.container}>\n      <Text style={styles.title}>Composant Button</Text>\n      \n      {/* Variantes de base */}\n      <View style={styles.section}>\n        <Text style={styles.sectionTitle}>Variantes</Text>\n        \n        <Button title=\"Primary\" onPress={handlePress} variant=\"primary\" />\n        <Button title=\"Secondary\" onPress={handlePress} variant=\"secondary\" />\n        <Button title=\"Outline\" onPress={handlePress} variant=\"outline\" />\n        <Button title=\"Ghost\" onPress={handlePress} variant=\"ghost\" />\n        <Button title=\"Danger\" onPress={handlePress} variant=\"danger\" />\n        <Button title=\"Success\" onPress={handlePress} variant=\"success\" />\n        <Button title=\"Warning\" onPress={handlePress} variant=\"warning\" />\n      </View>\n\n      {/* Tailles */}\n      <View style={styles.section}>\n        <Text style={styles.sectionTitle}>Tailles</Text>\n        \n        <Button title=\"Small\" onPress={handlePress} size=\"small\" />\n        <Button title=\"Medium (default)\" onPress={handlePress} />\n        <Button title=\"Large\" onPress={handlePress} size=\"large\" />\n      </View>\n\n      {/* Icônes */}\n      <View style={styles.section}>\n        <Text style={styles.sectionTitle}>Icônes</Text>\n        \n        <Button \n          title=\"Avec icône gauche\" \n          icon={buttonIcons.camera}\n          onPress={handlePress} \n        />\n        <Button \n          title=\"Avec icône droite\" \n          icon=\"→\"\n          iconPosition=\"right\"\n          onPress={handlePress} \n        />\n        <Button \n          title=\"Icône seulement\" \n          icon={buttonIcons.plus}\n          style={styles.iconOnlyButton}\n          onPress={handlePress} \n        />\n      </View>\n\n      {/* États */}\n      <View style={styles.section}>\n        <Text style={styles.sectionTitle}>États</Text>\n        \n        <Button title=\"Normal\" onPress={handlePress} />\n        <Button title=\"Désactivé\" onPress={handlePress} disabled />\n        <Button title=\"Chargement\" onPress={handleLoadingPress} loading={loading} />\n      </View>\n\n      {/* Styles spéciaux */}\n      <View style={styles.section}>\n        <Text style={styles.sectionTitle}>Styles spéciaux</Text>\n        \n        <Button title=\"Pleine largeur\" onPress={handlePress} fullWidth />\n        <Button title=\"Arrondi\" onPress={handlePress} rounded />\n        <Button \n          title=\"Style personnalisé\" \n          onPress={handlePress} \n          style={styles.customButton}\n          textStyle={styles.customText}\n        />\n      </View>\n\n      {/* Composants prédéfinis */}\n      <View style={styles.section}>\n        <Text style={styles.sectionTitle}>Composants prédéfinis</Text>\n        \n        <View style={styles.row}>\n          <Button title=\"Retour\" icon=\"←\" variant=\"ghost\" onPress={handlePress} />\n          <Button title=\"Suivant\" icon=\"→\" variant=\"primary\" onPress={handlePress} />\n        </View>\n        \n        <View style={styles.row}>\n          <Button title=\"Soumettre\" variant=\"primary\" size=\"large\" fullWidth onPress={handlePress} />\n          <Button title=\"Annuler\" variant=\"secondary\" onPress={handlePress} />\n        </View>\n      </View>\n\n      {/* Boutons d'action */}\n      <View style={styles.section}>\n        <Text style={styles.sectionTitle}>Boutons d'action</Text>\n        \n        <View style={styles.row}>\n          <Button \n            title=\"Éditer\" \n            icon={buttonIcons.edit}\n            variant=\"warning\"\n            onPress={handlePress} \n          />\n          <Button \n            title=\"Supprimer\" \n            icon={buttonIcons.delete}\n            variant=\"danger\"\n            onPress={handlePress} \n          />\n        </View>\n        \n        <View style={styles.row}>\n          <Button \n            title=\"Partager\" \n            icon={buttonIcons.share}\n            variant=\"info\"\n            onPress={handlePress} \n          />\n          <Button \n            title=\"Télécharger\" \n            icon={buttonIcons.download}\n            variant=\"success\"\n            onPress={handlePress} \n          />\n        </View>\n      </View>\n\n      {/* Boutons de navigation */}\n      <View style={styles.section}>\n        <Text style={styles.sectionTitle}>Navigation</Text>\n        \n        <View style={styles.row}>\n          <Button \n            title=\"Accueil\" \n            icon={buttonIcons.home}\n            variant=\"ghost\"\n            onPress={handlePress} \n          />\n          <Button \n            title=\"Paramètres\" \n            icon={buttonIcons.settings}\n            variant=\"ghost\"\n            onPress={handlePress} \n          />\n        </View>\n        \n        <View style={styles.row}>\n          <Button \n            title=\"Rechercher\" \n            icon={buttonIcons.search}\n            variant=\"primary\"\n            onPress={handlePress} \n          />\n          <Button \n            title=\"Filtrer\" \n            icon={buttonIcons.filter}\n            variant=\"secondary\"\n            onPress={handlePress} \n          />\n        </View>\n      </View>\n\n      {/* Boutons de formulaire */}\n      <View style={styles.section}>\n        <Text style={styles.sectionTitle}>Formulaire</Text>\n        \n        <Button \n          title=\"Se connecter\" \n          icon={buttonIcons.user}\n          variant=\"primary\"\n          size=\"large\"\n          fullWidth\n          onPress={handlePress} \n        />\n        \n        <View style={styles.row}>\n          <Button \n            title=\"S'inscrire\" \n            variant=\"outline\"\n            onPress={handlePress} \n          />\n          <Button \n            title=\"Mot de passe oublié\" \n            variant=\"ghost\"\n            onPress={handlePress} \n          />\n        </View>\n      </View>\n\n      {/* Boutons de statut */}\n      <View style={styles.section}>\n        <Text style={styles.sectionTitle}>Statuts</Text>\n        \n        <View style={styles.row}>\n          <Button \n            title=\"En cours\" \n            icon={buttonIcons.clock}\n            variant=\"warning\"\n            size=\"small\"\n            onPress={handlePress} \n          />\n          <Button \n            title=\"Terminé\" \n            icon={buttonIcons.check}\n            variant=\"success\"\n            size=\"small\"\n            onPress={handlePress} \n          />\n          <Button \n            title=\"Erreur\" \n            icon={buttonIcons.error}\n            variant=\"danger\"\n            size=\"small\"\n            onPress={handlePress} \n          />\n        </View>\n      </View>\n\n      {/* Boutons flottants */}\n      <View style={styles.section}>\n        <Text style={styles.sectionTitle}>Boutons flottants</Text>\n        \n        <View style={styles.floatingContainer}>\n          <Button \n            title=\"\" \n            icon={buttonIcons.plus}\n            variant=\"primary\"\n            rounded\n            style={styles.floatingButton}\n            onPress={handlePress} \n          />\n        </View>\n      </View>\n    </ScrollView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    padding: 20,\n    backgroundColor: '#f5f5f5',\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    color: '#333',\n    marginBottom: 20,\n    textAlign: 'center',\n  },\n  section: {\n    marginBottom: 30,\n  },\n  sectionTitle: {\n    fontSize: 18,\n    fontWeight: '600',\n    color: '#333',\n    marginBottom: 15,\n  },\n  row: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    marginBottom: 10,\n  },\n  iconOnlyButton: {\n    width: 56,\n    height: 56,\n    borderRadius: 28,\n    paddingHorizontal: 0,\n    alignSelf: 'center',\n  },\n  customButton: {\n    backgroundColor: '#8B5CF6',\n    borderColor: '#8B5CF6',\n    borderRadius: 20,\n    paddingVertical: 16,\n    paddingHorizontal: 32,\n  },\n  customText: {\n    color: '#FFFFFF',\n    fontSize: 18,\n    fontWeight: '700',\n  },\n  floatingContainer: {\n    height: 100,\n    position: 'relative',\n    backgroundColor: '#fff',\n    borderRadius: 12,\n    padding: 20,\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n  floatingButton: {\n    position: 'absolute',\n    bottom: 20,\n    right: 20,\n    width: 56,\n    height: 56,\n    borderRadius: 28,\n    paddingHorizontal: 0,\n  },\n});\n\nexport default ButtonExample; "]}