Skip to content

Commit

Permalink
fix: update useTransition docs to show correct tooltips for the `ente…
Browse files Browse the repository at this point in the history 
…r`, `update`, and `leave` props. (#2239)
  • Loading branch information
@dibenso
dibenso committed Jan 2, 2024
1 parent 86e452e commit 70efa0d
Show file tree
Hide file tree
Showing 3 changed files with 20 additions and 633 deletions.
21 changes: 18 additions & 3 deletions docs/app/data/fixtures.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -606,7 +606,12 @@ export const TRANSITION_CONFIG_DATA: CellData[][] = [
[
{
label: 'enter',
content: ToContent,
content: (
<p>
The <code>enter</code> prop is used to pass styles to the animation
when the transition is entering.
</p>
),
},
{
label: 'object | object[] | function',
Expand All @@ -619,7 +624,12 @@ export const TRANSITION_CONFIG_DATA: CellData[][] = [
[
{
label: 'update',
content: ToContent,
content: (
<p>
The <code>update</code> prop is used to pass styles to the animation
when the transition is updating.
</p>
),
},
{
label: 'object | object[] | function',
Expand All @@ -632,7 +642,12 @@ export const TRANSITION_CONFIG_DATA: CellData[][] = [
[
{
label: 'leave',
content: ToContent,
content: (
<p>
The <code>leave</code> prop is used to pass styles to the animation
when the transition is leaving.
</p>
),
},
{
label: 'object | object[] | function',
Expand Down
308 changes: 1 addition & 307 deletions docs/app/data/navigationSchema.generated.json
View file
Original file line number Diff line number Diff line change
@@ -1,307 +1 @@
[
{
"href": "/docs",
"id": "index",
"title": "Overview",
"sidebarPosition": 1,
"children": []
},
{
"href": "/docs/getting-started",
"id": "getting-started",
"title": "Getting started",
"sidebarPosition": 2,
"children": []
},
{
"href": "/docs/concepts",
"id": "concepts",
"noPage": true,
"isNew": false,
"children": [
{
"id": "animated-elements",
"title": "Animated Elements",
"sidebarPosition": 1,
"children": [],
"href": "/docs/concepts/animated-elements",
"noPage": false,
"isNew": false
},
{
"id": "controllers-and-springs",
"title": "Controllers & Springs",
"sidebarPosition": 2,
"children": [],
"href": "/docs/concepts/controllers-and-springs",
"noPage": false,
"isNew": false
},
{
"id": "imperative-api",
"title": "Imperative API",
"sidebarPosition": 3,
"children": [],
"href": "/docs/concepts/imperative-api",
"noPage": false,
"isNew": false
},
{
"id": "targets",
"title": "Targets",
"sidebarPosition": 4,
"children": [],
"href": "/docs/concepts/targets",
"noPage": false,
"isNew": false
}
],
"sidebarPosition": 3,
"title": "Concepts"
},
{
"href": "/docs/components",
"id": "components",
"noPage": false,
"isNew": false,
"children": [
{
"id": "use-spring",
"title": "useSpring",
"sidebarPosition": 1,
"children": [],
"href": "/docs/components/use-spring",
"noPage": false,
"isNew": false
},
{
"id": "use-springs",
"title": "useSprings",
"sidebarPosition": 2,
"children": [],
"href": "/docs/components/use-springs",
"noPage": false,
"isNew": false
},
{
"id": "use-spring-value",
"title": "useSpringValue",
"sidebarPosition": 3,
"children": [],
"href": "/docs/components/use-spring-value",
"noPage": false,
"isNew": true
},
{
"id": "use-transition",
"title": "useTransition",
"sidebarPosition": 4,
"children": [],
"href": "/docs/components/use-transition",
"noPage": false,
"isNew": false
},
{
"id": "use-chain",
"title": "useChain",
"sidebarPosition": 5,
"children": [],
"href": "/docs/components/use-chain",
"noPage": false,
"isNew": false
},
{
"id": "use-trail",
"title": "useTrail",
"sidebarPosition": 6,
"children": [],
"href": "/docs/components/use-trail",
"noPage": false,
"isNew": false
},
{
"id": "parallax",
"title": "Parallax",
"sidebarPosition": 7,
"children": [],
"href": "/docs/components/parallax",
"noPage": false,
"isNew": false
},
{
"id": "parallax-layer",
"title": "Parallax Layer",
"sidebarPosition": 8,
"children": [],
"href": "/docs/components/parallax-layer",
"noPage": false,
"isNew": false
}
],
"sidebarPosition": 4,
"title": "Components"
},
{
"href": "/docs/advanced",
"id": "advanced",
"noPage": true,
"isNew": false,
"children": [
{
"id": "config",
"title": "Spring Configs",
"sidebarPosition": 1,
"children": [],
"href": "/docs/advanced/config",
"noPage": false,
"isNew": false
},
{
"id": "events",
"title": "Events",
"sidebarPosition": 2,
"children": [],
"href": "/docs/advanced/events",
"noPage": false,
"isNew": false
},
{
"id": "controller",
"title": "Controller",
"sidebarPosition": 3,
"children": [],
"href": "/docs/advanced/controller",
"noPage": false,
"isNew": false
},
{
"id": "spring-value",
"title": "SpringValue",
"sidebarPosition": 4,
"children": [],
"href": "/docs/advanced/spring-value",
"noPage": false,
"isNew": false
},
{
"id": "spring-ref",
"title": "SpringRef",
"sidebarPosition": 5,
"children": [],
"href": "/docs/advanced/spring-ref",
"noPage": false,
"isNew": false
},
{
"id": "interpolation",
"title": "Interpolation",
"sidebarPosition": 6,
"children": [],
"href": "/docs/advanced/interpolation",
"noPage": false,
"isNew": false
},
{
"id": "async-animations",
"title": "Async Animations",
"sidebarPosition": 7,
"children": [],
"href": "/docs/advanced/async-animations",
"noPage": false,
"isNew": false
}
],
"sidebarPosition": 5,
"title": "Advanced API"
},
{
"href": "/docs/guides",
"id": "guides",
"noPage": true,
"isNew": false,
"children": [
{
"id": "react-three-fiber",
"title": "React Three Fiber",
"sidebarPosition": 1,
"children": [],
"href": "/docs/guides/react-three-fiber",
"noPage": false,
"isNew": false
},
{
"id": "testing",
"title": "Testing",
"sidebarPosition": 2,
"children": [],
"href": "/docs/guides/testing",
"noPage": false,
"isNew": false
}
],
"sidebarPosition": 6,
"title": "Guides"
},
{
"href": "/docs/utilities",
"id": "utilities",
"noPage": true,
"isNew": false,
"children": [
{
"id": "use-isomorphic-layout-effect",
"title": "useIsomorphicLayout",
"sidebarPosition": 1,
"children": [],
"href": "/docs/utilities/use-isomorphic-layout-effect",
"noPage": false,
"isNew": false
},
{
"id": "use-reduced-motion",
"title": "useReducedMotion",
"sidebarPosition": 2,
"children": [],
"href": "/docs/utilities/use-reduced-motion",
"noPage": false,
"isNew": false
},
{
"id": "use-scroll",
"title": "useScroll",
"sidebarPosition": 3,
"children": [],
"href": "/docs/utilities/use-scroll",
"noPage": false,
"isNew": true
},
{
"id": "use-resize",
"title": "useResize",
"sidebarPosition": 4,
"children": [],
"href": "/docs/utilities/use-resize",
"noPage": false,
"isNew": true
},
{
"id": "use-in-view",
"title": "useInView",
"sidebarPosition": 5,
"children": [],
"href": "/docs/utilities/use-in-view",
"noPage": false,
"isNew": true
}
],
"sidebarPosition": 7,
"title": "Utilities"
},
{
"href": "/docs/typescript",
"id": "typescript",
"title": "Typescript",
"sidebarPosition": 8,
"children": []
}
]
[{"href":"/docs","id":"index","title":"Overview","sidebarPosition":1,"children":[]},{"href":"/docs/getting-started","id":"getting-started","title":"Getting started","sidebarPosition":2,"children":[]},{"href":"/docs/concepts","id":"concepts","noPage":true,"isNew":false,"children":[{"id":"animated-elements","title":"Animated Elements","sidebarPosition":1,"children":[],"href":"/docs/concepts/animated-elements","noPage":false,"isNew":false},{"id":"controllers-and-springs","title":"Controllers & Springs","sidebarPosition":2,"children":[],"href":"/docs/concepts/controllers-and-springs","noPage":false,"isNew":false},{"id":"imperative-api","title":"Imperative API","sidebarPosition":3,"children":[],"href":"/docs/concepts/imperative-api","noPage":false,"isNew":false},{"id":"targets","title":"Targets","sidebarPosition":4,"children":[],"href":"/docs/concepts/targets","noPage":false,"isNew":false}],"sidebarPosition":3,"title":"Concepts"},{"href":"/docs/components","id":"components","noPage":false,"isNew":false,"children":[{"id":"use-spring","title":"useSpring","sidebarPosition":1,"children":[],"href":"/docs/components/use-spring","noPage":false,"isNew":false},{"id":"use-springs","title":"useSprings","sidebarPosition":2,"children":[],"href":"/docs/components/use-springs","noPage":false,"isNew":false},{"id":"use-spring-value","title":"useSpringValue","sidebarPosition":3,"children":[],"href":"/docs/components/use-spring-value","noPage":false,"isNew":true},{"id":"use-transition","title":"useTransition","sidebarPosition":4,"children":[],"href":"/docs/components/use-transition","noPage":false,"isNew":false},{"id":"use-chain","title":"useChain","sidebarPosition":5,"children":[],"href":"/docs/components/use-chain","noPage":false,"isNew":false},{"id":"use-trail","title":"useTrail","sidebarPosition":6,"children":[],"href":"/docs/components/use-trail","noPage":false,"isNew":false},{"id":"parallax","title":"Parallax","sidebarPosition":7,"children":[],"href":"/docs/components/parallax","noPage":false,"isNew":false},{"id":"parallax-layer","title":"Parallax Layer","sidebarPosition":8,"children":[],"href":"/docs/components/parallax-layer","noPage":false,"isNew":false}],"sidebarPosition":4,"title":"Components"},{"href":"/docs/advanced","id":"advanced","noPage":true,"isNew":false,"children":[{"id":"config","title":"Spring Configs","sidebarPosition":1,"children":[],"href":"/docs/advanced/config","noPage":false,"isNew":false},{"id":"events","title":"Events","sidebarPosition":2,"children":[],"href":"/docs/advanced/events","noPage":false,"isNew":false},{"id":"controller","title":"Controller","sidebarPosition":3,"children":[],"href":"/docs/advanced/controller","noPage":false,"isNew":false},{"id":"spring-value","title":"SpringValue","sidebarPosition":4,"children":[],"href":"/docs/advanced/spring-value","noPage":false,"isNew":false},{"id":"spring-ref","title":"SpringRef","sidebarPosition":5,"children":[],"href":"/docs/advanced/spring-ref","noPage":false,"isNew":false},{"id":"interpolation","title":"Interpolation","sidebarPosition":6,"children":[],"href":"/docs/advanced/interpolation","noPage":false,"isNew":false},{"id":"async-animations","title":"Async Animations","sidebarPosition":7,"children":[],"href":"/docs/advanced/async-animations","noPage":false,"isNew":false}],"sidebarPosition":5,"title":"Advanced API"},{"href":"/docs/guides","id":"guides","noPage":true,"isNew":false,"children":[{"id":"react-three-fiber","title":"React Three Fiber","sidebarPosition":1,"children":[],"href":"/docs/guides/react-three-fiber","noPage":false,"isNew":false},{"id":"testing","title":"Testing","sidebarPosition":2,"children":[],"href":"/docs/guides/testing","noPage":false,"isNew":false}],"sidebarPosition":6,"title":"Guides"},{"href":"/docs/utilities","id":"utilities","noPage":true,"isNew":false,"children":[{"id":"use-isomorphic-layout-effect","title":"useIsomorphicLayout","sidebarPosition":1,"children":[],"href":"/docs/utilities/use-isomorphic-layout-effect","noPage":false,"isNew":false},{"id":"use-reduced-motion","title":"useReducedMotion","sidebarPosition":2,"children":[],"href":"/docs/utilities/use-reduced-motion","noPage":false,"isNew":false},{"id":"use-scroll","title":"useScroll","sidebarPosition":3,"children":[],"href":"/docs/utilities/use-scroll","noPage":false,"isNew":true},{"id":"use-resize","title":"useResize","sidebarPosition":4,"children":[],"href":"/docs/utilities/use-resize","noPage":false,"isNew":true},{"id":"use-in-view","title":"useInView","sidebarPosition":5,"children":[],"href":"/docs/utilities/use-in-view","noPage":false,"isNew":true}],"sidebarPosition":7,"title":"Utilities"},{"href":"/docs/typescript","id":"typescript","title":"Typescript","sidebarPosition":8,"children":[]}]

1 comment on commit 70efa0d

@vercel
Copy link

@vercel vercel bot commented on 70efa0d Jan 2, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

react-spring – ./

react-spring.co.uk
react-spring.com
react-spring.io
www.react-spring.co.uk
www.react-spring.io
www.react-spring.com
www.react-spring.dev
beta.react-spring.com
react-spring.dev
beta.react-spring.dev
react-spring-pmndrs.vercel.app
react-spring-git-main-pmndrs.vercel.app
react-spring-beta.vercel.app
beta.react-spring.co.uk

Please sign in to comment.