ignite-parse-auth-kit 1.0.0

package/app/i18n/demo-fr.ts

@@ -0,0 +1,471 @@
+import { DemoTranslations } from "./demo-en"
+
+export const demoFr: DemoTranslations = {
+  demoIcon: {
+    description:
+      "Un composant pour faire le rendu d’une icône enregistrée. Il est enveloppé dans un <TouchableOpacity /> si `onPress` est fourni, sinon dans une <View />.",
+    useCase: {
+      icons: {
+        name: "Icônes",
+        description: "Liste des icônes enregistrées dans le composant.",
+      },
+      size: {
+        name: "Taille",
+        description: "Il y a une prop de taille.",
+      },
+      color: {
+        name: "Couleur",
+        description: "Il y a une prop de couleur.",
+      },
+      styling: {
+        name: "Style",
+        description: "Le composant peut être facilement stylisé.",
+      },
+    },
+  },
+  demoTextField: {
+    description: "Le composant <TextField /> permet la saisie et l'édition de texte.",
+    useCase: {
+      statuses: {
+        name: "Statuts",
+        description:
+          "Il y a une prop de statut - similaire à `preset` dans d'autres composants, mais affecte également la fonctionnalité du composant.",
+        noStatus: {
+          label: "Pas de statut",
+          helper: "C'est le statut par défaut",
+          placeholder: "Le texte passe par là",
+        },
+        error: {
+          label: "Statut d'erreur",
+          helper: "Statut à utiliser en cas d’erreur",
+          placeholder: "Le texte passe par ici",
+        },
+        disabled: {
+          label: "Statut désactivé",
+          helper: "Désactive l’édition et atténue le texte",
+          placeholder: "Le texte repasse par là",
+        },
+      },
+      passingContent: {
+        name: "Transfert de contenu",
+        description: "Il y a plusieurs façons de transmettre du contenu.",
+        viaLabel: {
+          labelTx: "Via la prop `label`",
+          helper: "Via la prop `helper`",
+          placeholder: "Via la prop `placeholder`",
+        },
+        rightAccessory: {
+          label: "Accessoire droit",
+          helper: "Cette prop demande une fonction qui retourne un élément React.",
+        },
+        leftAccessory: {
+          label: "Accessoire gauche",
+          helper: "Cette prop demande une fonction qui retourne un élément React.",
+        },
+        supportsMultiline: {
+          label: "Supporte le multiligne",
+          helper: "Permet une saisie plus longue pour le texte multiligne.",
+        },
+      },
+      styling: {
+        name: "Style",
+        description: "Le composant peut être facilement stylisé.",
+        styleInput: {
+          label: "Style de saisie",
+          helper: "Via la prop `style`",
+        },
+        styleInputWrapper: {
+          label: "Style du wrapper de saisie",
+          helper: "Via la prop `inputWrapperStyle`",
+        },
+        styleContainer: {
+          label: "Style du conteneur",
+          helper: "Via la prop `containerStyle`",
+        },
+        styleLabel: {
+          label: "Style du label et de l’aide",
+          helper: "Via les props de style `LabelTextProps` et `HelperTextProps`",
+        },
+        styleAccessories: {
+          label: "Style des accessoires",
+          helper: "Via les props de style `RightAccessory` et `LeftAccessory`",
+        },
+      },
+    },
+  },
+  demoToggle: {
+    description:
+      "Fait le rendu d’un booléen. Ce composant contrôlé nécessite un callback `onValueChange` qui met à jour la prop `value` pour que le composant reflète les actions de l'utilisateur. Si la prop `value` n'est pas mise à jour, le composant continuera à rendre la prop `value` fournie au lieu du résultat attendu des actions de l'utilisateur.",
+    useCase: {
+      variants: {
+        name: "Variantes",
+        description:
+          "Le composant supporte différentes variantes. Si une personnalisation poussée d'une variante spécifique est nécessaire, elle peut être facilement refactorisée. La valeur par défaut est `checkbox`.",
+        checkbox: {
+          label: "Variante `checkbox`",
+          helper: "Peut être utilisée pour une seule valeure on/off.",
+        },
+        radio: {
+          label: "Variante `radio`",
+          helper: "Utilisez ceci quand vous avez plusieurs options.",
+        },
+        switch: {
+          label: "Variante `switch`",
+          helper:
+            "Une entrée on/off plus proéminente. Possède un meilleur support d’accessibilité.",
+        },
+      },
+      statuses: {
+        name: "Statuts",
+        description:
+          "Il y a une prop de statut - similaire à `preset` dans d'autres composants, mais affecte également la fonctionnalité du composant.",
+        noStatus: "Pas de statut - c'est le défaut",
+        errorStatus: "Statut d’erreur - à utiliser quand il y a une erreur",
+        disabledStatus: "Statut désactivé - désactive l’édition et atténue le style",
+      },
+      passingContent: {
+        name: "Transfert de contenu",
+        description: "Il y a plusieurs façons de transmettre du contenu.",
+        useCase: {
+          checkBox: {
+            label: "Via la prop `labelTx`",
+            helper: "Via la prop `helperTx`.",
+          },
+          checkBoxMultiLine: {
+            helper: "Supporte le multiligne - Nulla proident consectetur labore sunt ea labore. ",
+          },
+          radioChangeSides: {
+            helper:
+              "Vous pouvez changer de côté - Laborum labore adipisicing in eu ipsum deserunt.",
+          },
+          customCheckBox: {
+            label: "Passez une icône de case à cocher personnalisée.",
+          },
+          switch: {
+            label: "Les interrupteurs peuvent être lus comme du texte",
+            helper:
+              "Par défaut, cette option n’utilise pas `Text` car selon la police, les caractères on/off pourraient paraître étranges. Personnalisez selon vos besoins.",
+          },
+          switchAid: {
+            label: "Ou aidé d’une icône",
+          },
+        },
+      },
+      styling: {
+        name: "Style",
+        description: "Le composant peut être facilement stylisé.",
+        outerWrapper: "1 - styliser le wrapper extérieur de l’entrée",
+        innerWrapper: "2 - styliser le wrapper intérieur de l’entrée",
+        inputDetail: "3 - styliser le détail de l’entrée",
+        labelTx: "Vous pouvez aussi styliser le labelTx",
+        styleContainer: "Ou, styliser le conteneur entier",
+      },
+    },
+  },
+  demoButton: {
+    description:
+      "Un composant qui permet aux utilisateurs d’effectuer des actions et de faire des choix. Enveloppe le composant Text avec un composant Pressable.",
+    useCase: {
+      presets: {
+        name: "Préréglages",
+        description: "Il y a quelques préréglages préconfigurés.",
+      },
+      passingContent: {
+        name: "Transfert de contenu",
+        description: "Il y a plusieurs façons de transmettre du contenu.",
+        viaTextProps: "Via la prop `text` - Billum In",
+        children: "Enfants - Irure Reprehenderit",
+        rightAccessory: "Accessoire droit - Duis Quis",
+        leftAccessory: "Accessoire gauche - Duis Proident",
+        nestedChildren: "Enfants imbriqués - proident veniam.",
+        nestedChildren2: "Ullamco cupidatat officia exercitation velit non ullamco nisi..",
+        nestedChildren3: "Occaecat aliqua irure proident veniam.",
+        multiLine:
+          "Multiligne - consequat veniam veniam reprehenderit. Fugiat id nisi quis duis sunt proident mollit dolor mollit adipisicing proident deserunt.",
+      },
+      styling: {
+        name: "Style",
+        description: "Le composant peut être facilement stylisé.",
+        styleContainer: "Style du conteneur - Exercitation",
+        styleText: "Style du texte - Ea Anim",
+        styleAccessories: "Style des accessoires - enim ea id fugiat anim ad.",
+        pressedState: "Style de l’état pressé - fugiat anim",
+      },
+      disabling: {
+        name: "Désactivation",
+        description:
+          "Le composant peut être désactivé et stylisé en conséquence. Le comportement de pression sera désactivé.",
+        standard: "Désactivé - standard",
+        filled: "Désactivé - rempli",
+        reversed: "Désactivé - inversé",
+        accessory: "Style d’accessoire désactivé",
+        textStyle: "Style de texte désactivé",
+      },
+    },
+  },
+  demoListItem: {
+    description:
+      "Un composant de ligne stylisé qui peut être utilisé dans FlatList, SectionList, ou seul.",
+    useCase: {
+      height: {
+        name: "Hauteur",
+        description: "La ligne peut avoir différentes hauteurs.",
+        defaultHeight: "Hauteur par défaut (56px)",
+        customHeight: "Hauteur personnalisée via la prop `height`",
+        textHeight:
+          "Hauteur déterminée par le contenu du texte - Reprehenderit incididunt deserunt do do ea labore.",
+        longText:
+          "Limiter le texte long à une ligne - Reprehenderit incididunt deserunt do do ea labore.",
+      },
+      separators: {
+        name: "Séparateurs",
+        description: "Le séparateur / diviseur est préconfiguré et optionnel.",
+        topSeparator: "Séparateur uniquement en haut",
+        topAndBottomSeparator: "Séparateurs en haut et en bas",
+        bottomSeparator: "Séparateur uniquement en bas",
+      },
+      icons: {
+        name: "Icônes",
+        description: "Vous pouvez personnaliser les icônes à gauche ou à droite.",
+        leftIcon: "Icône gauche",
+        rightIcon: "Icône droite",
+        leftRightIcons: "Icônes gauche et droite",
+      },
+      customLeftRight: {
+        name: "Composants personnalisés gauche/droite",
+        description:
+          "Si vous avez besoin d’un composant personnalisé à gauche/droite, vous pouvez le passer.",
+        customLeft: "Composant personnalisé à gauche",
+        customRight: "Composant personnalisé à droite",
+      },
+      passingContent: {
+        name: "Transfert de contenu",
+        description: "Il y a plusieurs façons de transmettre du contenu.",
+        text: "Via la prop `text` - reprehenderit sint",
+        children: "Enfants - mostrud mollit",
+        nestedChildren1: "Enfants imbriqués - proident veniam.",
+        nestedChildren2: "Ullamco cupidatat officia exercitation velit non ullamco nisi..",
+      },
+      listIntegration: {
+        name: "Intégration avec FlatList & FlashList",
+        description:
+          "Le composant peut être facilement intégré avec votre interface de liste préférée.",
+      },
+      styling: {
+        name: "Style",
+        description: "Le composant peut être facilement stylisé.",
+        styledText: "Texte stylisé",
+        styledContainer: "Conteneur stylisé (séparateurs)",
+        tintedIcons: "Icônes teintées",
+      },
+    },
+  },
+  demoCard: {
+    description:
+      "Les cartes sont utiles pour afficher des informations connexes de manière contenue. Si un ListItem affiche le contenu horizontalement, une Card peut être utilisée pour afficher le contenu verticalement.",
+    useCase: {
+      presets: {
+        name: "Préréglages",
+        description: "Il y a quelques préréglages préconfigurés.",
+        default: {
+          heading: "Préréglage par défaut (default)",
+          content: "Incididunt magna ut aliquip consectetur mollit dolor.",
+          footer: "Consectetur nulla non aliquip velit.",
+        },
+        reversed: {
+          heading: "Préréglage inversé",
+          content: "Reprehenderit occaecat proident amet id laboris.",
+          footer: "Consectetur tempor ea non labore anim .",
+        },
+      },
+      verticalAlignment: {
+        name: "Alignement vertical",
+        description:
+          "Selon les besoins, la carte est préconfigurée avec différentes stratégies d’alignement.",
+        top: {
+          heading: "Haut (par défaut)",
+          content: "Tout le contenu est automatiquement aligné en haut.",
+          footer: "Même le pied de page",
+        },
+        center: {
+          heading: "Centre",
+          content: "Le contenu est centré par rapport à la hauteur de la carte.",
+          footer: "Moi aussi !",
+        },
+        spaceBetween: {
+          heading: "Espace entre",
+          content: "Tout le contenu est espacé uniformément.",
+          footer: "Je suis là où je veux être.",
+        },
+        reversed: {
+          heading: "Forcer le pied de page en bas",
+          content: "Cela pousse le pied de page là où il appartient.",
+          footer: "Je suis si seul ici en bas.",
+        },
+      },
+      passingContent: {
+        name: "Transfert de contenu",
+        description: "Il y a plusieurs façons de transmettre du contenu.",
+        heading: "Via la prop `heading`",
+        content: "Via la prop `content`",
+        footer: "Je suis si seul ici en bas.",
+      },
+      customComponent: {
+        name: "Composants personnalisés",
+        description:
+          "N’importe quels composants préconfigurés peuvent être remplacé par le vôtre. Vous pouvez également en ajouter d’autres.",
+        rightComponent: "Composant droit",
+        leftComponent: "Composant gauche",
+      },
+      style: {
+        name: "Style",
+        description: "Le composant peut être facilement stylisé.",
+        heading: "Styliser l’en-tête",
+        content: "Styliser le contenu",
+        footer: "Styliser le pied de page",
+      },
+    },
+  },
+  demoAutoImage: {
+    description:
+      "Un composant Image qui dimensionne automatiquement une image distante ou data-uri.",
+    useCase: {
+      remoteUri: { name: "URI distante" },
+      base64Uri: { name: "URI Base64" },
+      scaledToFitDimensions: {
+        name: "Mis à l’échelle pour s’adapter aux dimensions",
+        description:
+          "En fournissant les props `maxWidth` et/ou `maxHeight`, l’image se redimensionnera automatiquement à l’échelle tout en conservant son rapport d’aspect. En quoi est-ce différent de `resizeMode: 'contain'` ? Premièrement, vous pouvez spécifier la taille d'un seul côté (pas les deux). Deuxièmement, l'image s'adaptera aux dimensions souhaitées au lieu d'être simplement contenue dans son conteneur d'image.",
+        heightAuto: "largeur: 60 / hauteur: auto",
+        widthAuto: "largeur: auto / hauteur: 32",
+        bothManual: "largeur: 60 / hauteur: 60",
+      },
+    },
+  },
+  demoText: {
+    description:
+      "Pour vos besoins d'affichage de texte. Ce composant est un HOC sur celui intégré à React Native.",
+    useCase: {
+      presets: {
+        name: "Préréglages",
+        description: "Il y a quelques réglages préconfigurés.",
+        default:
+          "préréglage par défaut - Cillum eu laboris in labore. Excepteur mollit tempor reprehenderit fugiat elit et eu consequat laborum.",
+        bold: "préréglage gras - Tempor et ullamco cupidatat in officia. Nulla ea duis elit id sunt ipsum cillum duis deserunt nostrud ut nostrud id.",
+        subheading: "préréglage sous-titre - In Cupidatat Cillum.",
+        heading: "préréglage titre - Voluptate Adipis.",
+      },
+      sizes: {
+        name: "Tailles",
+        description: "Il y a une prop de taille.",
+        xs: "xs - Ea ipsum est ea ex sunt.",
+        sm: "sm - Lorem sunt adipisicin.",
+        md: "md - Consequat id do lorem.",
+        lg: "lg - Nostrud ipsum ea.",
+        xl: "xl - Eiusmod ex excepteur.",
+        xxl: "xxl - Cillum eu laboris.",
+      },
+      weights: {
+        name: "Graisse",
+        description: "Il y a une prop de graisse.",
+        light:
+          "léger - Nulla magna incididunt excepteur est occaecat duis culpa dolore cupidatat enim et.",
+        normal:
+          "normal - Magna incididunt dolor ut veniam veniam laboris aliqua velit ea incididunt.",
+        medium: "moyen - Non duis laborum quis laboris occaecat culpa cillum.",
+        semibold: "demi-gras - Exercitation magna nostrud pariatur laborum occaecat aliqua.",
+        bold: "gras - Eiusmod ullamco magna exercitation est excepteur.",
+      },
+      passingContent: {
+        name: "Transfert de contenu",
+        description: "Il y a plusieurs façons de transférer du contenu.",
+        viaText:
+          "via la prop `text` - Billum in aute fugiat proident nisi pariatur est. Cupidatat anim cillum eiusmod ad. Officia eu magna aliquip labore dolore consequat.",
+        viaTx: "via la prop `tx` -",
+        children: "enfants - Aliqua velit irure reprehenderit eu qui amet veniam consectetur.",
+        nestedChildren: "Enfants imbriqués -",
+        nestedChildren2: "Occaecat aliqua irure proident veniam.",
+        nestedChildren3: "Ullamco cupidatat officia exercitation velit non ullamco nisi..",
+        nestedChildren4: "Occaecat aliqua irure proident veniam.",
+      },
+      styling: {
+        name: "Style",
+        description: "Le composant peut être facilement stylisé.",
+        text: "Consequat ullamco veniam velit mollit proident excepteur aliquip id culpa ipsum velit sint nostrud.",
+        text2:
+          "Eiusmod occaecat laboris eu ex veniam ipsum adipisicing consectetur. Magna ullamco adipisicing tempor adipisicing.",
+        text3:
+          "Eiusmod occaecat laboris eu ex veniam ipsum adipisicing consectetur. Magna ullamco adipisicing tempor adipisicing.",
+      },
+    },
+  },
+  demoHeader: {
+    description:
+      "Composant qui apparaît sur de nombreux écrans. Contiendra les boutons de navigation et le titre de l’écran.",
+    useCase: {
+      actionIcons: {
+        name: "Icônes d’action",
+        description:
+          "Vous pouvez facilement passer des icônes aux composants d’action gauche ou droit.",
+        leftIconTitle: "Icône gauche",
+        rightIconTitle: "Icône droite",
+        bothIconsTitle: "Les deux icônes",
+      },
+      actionText: {
+        name: "Texte d’action",
+        description:
+          "Vous pouvez facilement passer du texte aux composants d’action gauche ou droit.",
+        leftTxTitle: "Via `leftTx`",
+        rightTextTitle: "Via `rightText`",
+      },
+      customActionComponents: {
+        name: "Composants d’action personnalisés",
+        description:
+          "Si les options d’icône ou de texte ne suffisent pas, vous pouvez passer votre propre composant d’action personnalisé.",
+        customLeftActionTitle: "Action gauche personnalisée",
+      },
+      titleModes: {
+        name: "Modes de titre",
+        description:
+          "Le titre peut être forcé à rester au centre (par défaut) mais peut être coupé s’il est trop long. Vous pouvez éventuellement le faire s’ajuster aux boutons d’action.",
+        centeredTitle: "Titre centré",
+        flexTitle: "Titre flexible",
+      },
+      styling: {
+        name: "Style",
+        description: "Le composant peut être facilement stylisé.",
+        styledTitle: "Titre stylisé",
+        styledWrapperTitle: "Wrapper stylisé",
+        tintedIconsTitle: "Icônes teintées",
+      },
+    },
+  },
+  demoEmptyState: {
+    description:
+      "Un composant à utiliser lorsqu’il n’y a pas de données à afficher. Il peut être utilisé pour diriger l’utilisateur sur ce qu’il faut faire ensuite.",
+    useCase: {
+      presets: {
+        name: "Préréglages",
+        description:
+          "Vous pouvez créer différents ensembles de texte/image. Un est prédéfini appelé `generic`. Notez qu’il n’y a pas de valeur par défaut au cas où vous voudriez avoir un EmptyState complètement personnalisé.",
+      },
+      passingContent: {
+        name: "Transfert de contenu",
+        description: "Il y a plusieurs façons de transférer du contenu.",
+        customizeImageHeading: "Personnaliser l’image",
+        customizeImageContent: "Vous pouvez passer n’importe quelle source d'image.",
+        viaHeadingProp: "Via la prop `heading`",
+        viaContentProp: "Via la prop `content`.",
+        viaButtonProp: "Via la prop `button`",
+      },
+      styling: {
+        name: "Style",
+        description: "Le composant peut être facilement stylisé.",
+      },
+    },
+  },
+}
+
+export default demoFr
+
+// @demo remove-file