🎨 rends les animations plus discrète
Johan Girod
parent
1593cdcd69
commit
b5d6025c89
|
|
@ -1,12 +1,6 @@
|
|||
/* @flow */
|
||||
import React, { useEffect, useState } from 'react'
|
||||
import {
|
||||
animated,
|
||||
config as configPresets,
|
||||
Spring,
|
||||
Trail,
|
||||
Transition
|
||||
} from 'react-spring/renderprops'
|
||||
import { animated, config as configPresets, Spring, Trail, Transition } from 'react-spring/renderprops'
|
||||
import type { SpringConfig } from 'react-spring/renderprops'
|
||||
import type { Node } from 'react'
|
||||
|
||||
|
|
@ -25,104 +19,104 @@ export const fromBottom = ({
|
|||
style: inheritedStyle = {},
|
||||
delay = 0
|
||||
}: Props) => (
|
||||
<Trail
|
||||
keys={React.Children.map(children, (_, i) => i)}
|
||||
native={true}
|
||||
delay={delay}
|
||||
config={config}
|
||||
from={{ opacity: 0, y: 20 }}
|
||||
leave={{ opacity: 0, y: -20 }}
|
||||
to={{ opacity: 1, y: 0 }}
|
||||
items={children}>
|
||||
{/* eslint-disable-next-line react/display-name */}
|
||||
{item => ({ y, ...style }) => (
|
||||
<animated.div
|
||||
style={{
|
||||
transform: y.interpolate(y =>
|
||||
y !== 0 ? `translate3d(0, ${y}px,0)` : 'none'
|
||||
),
|
||||
...style,
|
||||
...inheritedStyle
|
||||
}}>
|
||||
{item}
|
||||
</animated.div>
|
||||
)}
|
||||
</Trail>
|
||||
)
|
||||
<Trail
|
||||
keys={React.Children.map(children, (_, i) => i)}
|
||||
native={true}
|
||||
delay={delay}
|
||||
config={config}
|
||||
from={{ opacity: 0, y: 10 }}
|
||||
leave={{ opacity: 0, y: -10 }}
|
||||
to={{ opacity: 1, y: 0 }}
|
||||
items={children}>
|
||||
{/* eslint-disable-next-line react/display-name */}
|
||||
{item => ({ y, ...style }) => (
|
||||
<animated.div
|
||||
style={{
|
||||
transform: y.interpolate(y =>
|
||||
y !== 0 ? `translate3d(0, ${y}px,0)` : 'none'
|
||||
),
|
||||
...style,
|
||||
...inheritedStyle
|
||||
}}>
|
||||
{item}
|
||||
</animated.div>
|
||||
)}
|
||||
</Trail>
|
||||
)
|
||||
export const fromTop = ({
|
||||
children,
|
||||
config = configPresets.stiff,
|
||||
style: inheritedStyle = {},
|
||||
delay = 0
|
||||
}: Props) => (
|
||||
<Trail
|
||||
keys={React.Children.map(children, (_, i) => i)}
|
||||
native={true}
|
||||
delay={delay}
|
||||
config={config}
|
||||
leave={{ opacity: 0, y: 20 }}
|
||||
from={{ opacity: 0, y: -20 }}
|
||||
to={{ opacity: 1, y: 0 }}
|
||||
items={children}>
|
||||
{/* eslint-disable-next-line react/display-name */}
|
||||
{item => ({ y, ...style }) => (
|
||||
<animated.div
|
||||
style={{
|
||||
transform: y.interpolate(y =>
|
||||
y ? `translate3d(0, ${y}px,0)` : 'none'
|
||||
),
|
||||
...style,
|
||||
...inheritedStyle
|
||||
}}>
|
||||
{item}
|
||||
</animated.div>
|
||||
)}
|
||||
</Trail>
|
||||
)
|
||||
<Trail
|
||||
keys={React.Children.map(children, (_, i) => i)}
|
||||
native={true}
|
||||
delay={delay}
|
||||
config={config}
|
||||
leave={{ opacity: 0, y: 20 }}
|
||||
from={{ opacity: 0, y: -20 }}
|
||||
to={{ opacity: 1, y: 0 }}
|
||||
items={children}>
|
||||
{/* eslint-disable-next-line react/display-name */}
|
||||
{item => ({ y, ...style }) => (
|
||||
<animated.div
|
||||
style={{
|
||||
transform: y.interpolate(y =>
|
||||
y ? `translate3d(0, ${y}px,0)` : 'none'
|
||||
),
|
||||
...style,
|
||||
...inheritedStyle
|
||||
}}>
|
||||
{item}
|
||||
</animated.div>
|
||||
)}
|
||||
</Trail>
|
||||
)
|
||||
|
||||
export const leftToRight = ({
|
||||
children,
|
||||
config = configPresets.stiff,
|
||||
delay = 0
|
||||
}: Props) => (
|
||||
<Transition
|
||||
from={{
|
||||
opacity: 0,
|
||||
transform: 'translateX(100%)'
|
||||
}}
|
||||
native
|
||||
keys={location.pathname}
|
||||
enter={{
|
||||
opacity: 1,
|
||||
transform: 'translateX(0%)'
|
||||
}}
|
||||
config={config}
|
||||
delay={delay}
|
||||
leave={{
|
||||
opacity: 0,
|
||||
position: 'absolute',
|
||||
transform: 'translateX(-100%)'
|
||||
}}>
|
||||
{style => <animated.div style={style}>{children}</animated.div>}
|
||||
</Transition>
|
||||
)
|
||||
<Transition
|
||||
from={{
|
||||
opacity: 0,
|
||||
transform: 'translateX(100%)'
|
||||
}}
|
||||
native
|
||||
keys={location.pathname}
|
||||
enter={{
|
||||
opacity: 1,
|
||||
transform: 'translateX(0%)'
|
||||
}}
|
||||
config={config}
|
||||
delay={delay}
|
||||
leave={{
|
||||
opacity: 0,
|
||||
position: 'absolute',
|
||||
transform: 'translateX(-100%)'
|
||||
}}>
|
||||
{style => <animated.div style={style}>{children}</animated.div>}
|
||||
</Transition>
|
||||
)
|
||||
|
||||
export const fadeIn = ({
|
||||
children,
|
||||
config = configPresets.default,
|
||||
delay = 0
|
||||
}: Props) => (
|
||||
<Spring
|
||||
native={true}
|
||||
delay={delay}
|
||||
config={config}
|
||||
from={{ opacity: 0 }}
|
||||
to={{
|
||||
opacity: 1
|
||||
}}>
|
||||
{style => <animated.div style={style}>{children}</animated.div>}
|
||||
</Spring>
|
||||
)
|
||||
<Spring
|
||||
native={true}
|
||||
delay={delay}
|
||||
config={config}
|
||||
from={{ opacity: 0 }}
|
||||
to={{
|
||||
opacity: 1
|
||||
}}>
|
||||
{style => <animated.div style={style}>{children}</animated.div>}
|
||||
</Spring>
|
||||
)
|
||||
|
||||
export function appear({
|
||||
children,
|
||||
|
|
|
|||
|
|
@ -3870,7 +3870,7 @@ auto-entrepreneur . plafond:
|
|||
description: |
|
||||
Le statut de micro-entrepreneur s'applique tant que le chiffre d'affaires annuel (effectivement encaissé au cours de l'année civile) ne dépasse pas un certain seuil, qui dépend de sa catégorie d'activité.
|
||||
|
||||
En cas de dépassement consécutif sur deux ans, l'auto-entrepreneur bascule automatiquement dans le régime de [l'entreprise individuelle](/sécurité-sociale/indépendant).
|
||||
En cas de dépassement consécutif sur deux ans, l'auto-entrepreneur bascule automatiquement dans le régime de [l'entreprise individuelle](/simulateurs/indépendant).
|
||||
|
||||
références:
|
||||
Fiche sevice-public.fr: https://www.service-public.fr/professionnels-entreprises/vosdroits/F32353
|
||||
|
|
|
|||
|
|
@ -2808,7 +2808,7 @@ auto-entrepreneur . plafond:
|
|||
|
||||
In the event of a consecutive overrun over two years, the auto-entrepreneur
|
||||
automatically switches to the [sole proprietorship
|
||||
regime](/social-security/self-employed).
|
||||
regime](/simulator/independant).
|
||||
description.fr: >
|
||||
Le statut de micro-entrepreneur s'applique tant que le chiffre d'affaires
|
||||
annuel (effectivement encaissé au cours de l'année civile) ne dépasse pas un
|
||||
|
|
@ -2817,7 +2817,7 @@ auto-entrepreneur . plafond:
|
|||
|
||||
En cas de dépassement consécutif sur deux ans, l'auto-entrepreneur bascule
|
||||
automatiquement dans le régime de [l'entreprise
|
||||
individuelle](/sécurité-sociale/indépendant).
|
||||
individuelle](/simulateurs/indépendant).
|
||||
titre.en: upper limit
|
||||
titre.fr: plafond
|
||||
auto-entrepreneur . revenu net de cotisations:
|
||||
|
|
|
|||
|
|
@ -108,7 +108,7 @@ export default function Privacy() {
|
|||
</p>
|
||||
<p>
|
||||
Alors que dans le simulateur{' '}
|
||||
<a href="https://mon-entreprise.fr/sécurité-sociale/salarié">salarié</a>
|
||||
<a href="https://mon-entreprise.fr/simulateurs/salarié">salarié</a>
|
||||
, il suffit de renseigner la commune et le taux correspondant est
|
||||
automatiquement déterminé. C'est voulu : pour garder la bibliothèque (et
|
||||
le site) légers, nous utilisons deux API en ligne. L'
|
||||
|
|
|
|||
Loading…
Reference in New Issue