@tamagui/animate-presence 1.105.0 → 1.105.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/AnimatePresence.js.map +1 -1
- package/dist/cjs/AnimatePresence.native.js.map +1 -1
- package/dist/esm/AnimatePresence.js.map +1 -1
- package/dist/esm/AnimatePresence.mjs.map +1 -1
- package/dist/esm/AnimatePresence.native.js.map +1 -1
- package/package.json +7 -7
- package/src/AnimatePresence.tsx +147 -179
- package/types/AnimatePresence.d.ts +0 -33
- package/types/AnimatePresence.d.ts.map +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimatePresence.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAA+B,sCAG/B,eAA2E,kBAE3E,4BAAmC,iCACnC,uBAA8B,4BA+
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/animate-presence/src/AnimatePresence.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,0BAA+B,sCAG/B,eAA2E,kBAE3E,4BAAmC,iCACnC,uBAA8B;;;;;;;;;;;;;;;;;;;;;;;;;;AAK9B,IAAMA,cAAc,SAACC,OAAAA;SAA2CA,MAAMC,OAAO;;AAE7E,SAASC,kBACPC,UACAC,aAAiD;AAEjDD,WAASE,QAAQ,SAACL,OAAAA;AAChB,QAAMC,MAAMF,YAAYC,KAAAA;AACxBI,gBAAYE,IAAIL,KAAKD,KAAAA;EACvB,CAAA;AACF;AAEA,SAASO,aAAaJ,UAAmB;AACvC,MAAMK,WAAgC,CAAA;AAEtCC,+BAASJ,QAAQF,UAAU,SAACH,OAAAA;AAC1B,IAAIU,iDAAeV,KAAAA,KAAQQ,SAASG,KAAKX,KAAAA;EAC3C,CAAA,GACOQ;AACT;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["getChildKey", "child", "key", "updateChildLookup", "children", "allChildren", "forEach", "set", "onlyElements", "filtered", "Children", "isValidElement", "push", "AnimatePresence", "enterVariant", "exitVariant", "enterExitVariant", "initial", "onExitComplete", "exitBeforeEnter", "presenceAffectsLayout", "custom", "useContext", "forceRender", "LayoutGroupContext", "useForceUpdate", "filteredChildren", "presentChildren", "useRef", "Map", "current", "exiting", "Set", "isInitialRender", "_jsx", "_Fragment", "map", "PresenceChild", "isPresent", "undefined", "childrenToRender", "presentKeys", "targetKeys", "numPresent", "length", "i", "indexOf", "add", "delete", "size", "get", "insertionIndex", "onExit", "removeIndex", "findIndex", "presentChild", "splice", "exitingComponent", "has", "cloneElement", "displayName"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/AnimatePresence.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,sBAAsB;AAG/B,SAAS,UAAU,cAAc,gBAAgB,YAAY,cAAc;AAE3E,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AA+
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useForceUpdate","Children","cloneElement","isValidElement","useContext","useRef","LayoutGroupContext","PresenceChild","Fragment","jsx","getChildKey","child","key","updateChildLookup","children","allChildren","forEach","set","onlyElements","filtered","push","AnimatePresence","enterVariant","exitVariant","enterExitVariant","initial","onExitComplete","exitBeforeEnter","presenceAffectsLayout","custom","forceRender","filteredChildren","presentChildren","Map","current","exiting","Set","isInitialRender","map","isPresent","childrenToRender","presentKeys","targetKeys","numPresent","length","i","indexOf","add","delete","size","get","insertionIndex","exitingComponent","removeIndex","findIndex","presentChild","splice","has","displayName"],"sources":["../../src/AnimatePresence.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAG/B,SAASC,QAAA,EAAUC,YAAA,EAAcC,cAAA,EAAgBC,UAAA,EAAYC,MAAA,QAAc;AAE3E,SAASC,kBAAA,QAA0B;AACnC,SAASC,aAAA,QAAqB;AA+
|
|
1
|
+
{"version":3,"names":["useForceUpdate","Children","cloneElement","isValidElement","useContext","useRef","LayoutGroupContext","PresenceChild","Fragment","jsx","getChildKey","child","key","updateChildLookup","children","allChildren","forEach","set","onlyElements","filtered","push","AnimatePresence","enterVariant","exitVariant","enterExitVariant","initial","onExitComplete","exitBeforeEnter","presenceAffectsLayout","custom","forceRender","filteredChildren","presentChildren","Map","current","exiting","Set","isInitialRender","map","isPresent","childrenToRender","presentKeys","targetKeys","numPresent","length","i","indexOf","add","delete","size","get","insertionIndex","exitingComponent","removeIndex","findIndex","presentChild","splice","has","displayName"],"sources":["../../src/AnimatePresence.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/animate-presence/src/AnimatePresence.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,sBAAsB;AAG/B,SAASC,UAAUC,cAAcC,gBAAgBC,YAAYC,cAAc;AAE3E,SAASC,0BAA0B;AACnC,SAASC,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;AAK9B,IAAMC,cAAc,SAACC,OAAAA;SAA2CA,MAAMC,OAAO;;AAE7E,SAASC,kBACPC,UACAC,aAAiD;AAEjDD,WAASE,QAAQ,SAACL,OAAAA;AAChB,QAAMC,MAAMF,YAAYC,KAAAA;AACxBI,gBAAYE,IAAIL,KAAKD,KAAAA;EACvB,CAAA;AACF;AAEA,SAASO,aAAaJ,UAAmB;AACvC,MAAMK,WAAgC,CAAA;AAEtChB,kBAASa,QAAQF,UAAU,SAACH,OAAAA;AAC1B,IAAIN,+BAAeM,KAAAA,KAAQQ,SAASC,KAAKT,KAAAA;EAC3C,CAAA,GACOQ;AACT;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["useForceUpdate", "Children", "cloneElement", "isValidElement", "useContext", "useRef", "LayoutGroupContext", "PresenceChild", "getChildKey", "child", "key", "updateChildLookup", "children", "allChildren", "forEach", "set", "onlyElements", "filtered", "push", "AnimatePresence", "enterVariant", "exitVariant", "enterExitVariant", "initial", "onExitComplete", "exitBeforeEnter", "presenceAffectsLayout", "custom", "forceRender", "filteredChildren", "presentChildren", "Map", "current", "exiting", "Set", "isInitialRender", "map", "isPresent", "undefined", "childrenToRender", "presentKeys", "targetKeys", "numPresent", "length", "i", "indexOf", "add", "delete", "size", "get", "insertionIndex", "onExit", "removeIndex", "findIndex", "presentChild", "splice", "exitingComponent", "has", "displayName"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/animate-presence",
|
|
3
|
-
"version": "1.105.
|
|
3
|
+
"version": "1.105.2",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "MIT",
|
|
@@ -13,14 +13,14 @@
|
|
|
13
13
|
"dist"
|
|
14
14
|
],
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@tamagui/helpers": "1.105.
|
|
17
|
-
"@tamagui/use-constant": "1.105.
|
|
18
|
-
"@tamagui/use-force-update": "1.105.
|
|
19
|
-
"@tamagui/use-presence": "1.105.
|
|
20
|
-
"@tamagui/web": "1.105.
|
|
16
|
+
"@tamagui/helpers": "1.105.2",
|
|
17
|
+
"@tamagui/use-constant": "1.105.2",
|
|
18
|
+
"@tamagui/use-force-update": "1.105.2",
|
|
19
|
+
"@tamagui/use-presence": "1.105.2",
|
|
20
|
+
"@tamagui/web": "1.105.2"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"@tamagui/build": "1.105.
|
|
23
|
+
"@tamagui/build": "1.105.2"
|
|
24
24
|
},
|
|
25
25
|
"scripts": {
|
|
26
26
|
"build": "tamagui-build",
|
package/src/AnimatePresence.tsx
CHANGED
|
@@ -30,194 +30,162 @@ function onlyElements(children: ReactNode): ReactElement<any>[] {
|
|
|
30
30
|
return filtered
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
({
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
// A lookup table to quickly reference components by key
|
|
90
|
-
const allChildren = useRef(new Map<ComponentKey, ReactElement<any>>()).current
|
|
91
|
-
|
|
92
|
-
const exiting = useRef(new Set<ComponentKey>()).current
|
|
93
|
-
updateChildLookup(filteredChildren, allChildren)
|
|
94
|
-
|
|
95
|
-
// If this is the initial component render, just deal with logic surrounding whether
|
|
96
|
-
// we play onMount animations or not.
|
|
97
|
-
const isInitialRender = useRef(true)
|
|
98
|
-
|
|
99
|
-
if (isInitialRender.current) {
|
|
100
|
-
isInitialRender.current = false
|
|
101
|
-
return (
|
|
102
|
-
<>
|
|
103
|
-
{filteredChildren.map((child) => (
|
|
104
|
-
<PresenceChild
|
|
105
|
-
key={getChildKey(child)}
|
|
106
|
-
isPresent
|
|
107
|
-
enterExitVariant={enterExitVariant}
|
|
108
|
-
exitVariant={exitVariant}
|
|
109
|
-
enterVariant={enterVariant}
|
|
110
|
-
initial={initial ? undefined : false}
|
|
111
|
-
presenceAffectsLayout={presenceAffectsLayout}
|
|
112
|
-
custom={custom}
|
|
113
|
-
>
|
|
114
|
-
{child}
|
|
115
|
-
</PresenceChild>
|
|
116
|
-
))}
|
|
117
|
-
</>
|
|
118
|
-
)
|
|
119
|
-
}
|
|
33
|
+
export const AnimatePresence: FunctionComponent<
|
|
34
|
+
PropsWithChildren<AnimatePresenceProps>
|
|
35
|
+
> = ({
|
|
36
|
+
children,
|
|
37
|
+
enterVariant,
|
|
38
|
+
exitVariant,
|
|
39
|
+
enterExitVariant,
|
|
40
|
+
initial = true,
|
|
41
|
+
onExitComplete,
|
|
42
|
+
exitBeforeEnter,
|
|
43
|
+
presenceAffectsLayout = true,
|
|
44
|
+
custom,
|
|
45
|
+
}) => {
|
|
46
|
+
// We want to force a re-render once all exiting animations have finished. We
|
|
47
|
+
// either use a local forceRender function, or one from a parent context if it exists.
|
|
48
|
+
let forceRender = useContext(LayoutGroupContext).forceRender ?? useForceUpdate()
|
|
49
|
+
|
|
50
|
+
// Filter out any children that aren't ReactElements. We can only track ReactElements with a props.key
|
|
51
|
+
const filteredChildren = onlyElements(children)
|
|
52
|
+
|
|
53
|
+
// Keep a living record of the children we're actually rendering so we
|
|
54
|
+
// can diff to figure out which are entering and exiting
|
|
55
|
+
const presentChildren = useRef(filteredChildren)
|
|
56
|
+
|
|
57
|
+
// A lookup table to quickly reference components by key
|
|
58
|
+
const allChildren = useRef(new Map<ComponentKey, ReactElement<any>>()).current
|
|
59
|
+
|
|
60
|
+
const exiting = useRef(new Set<ComponentKey>()).current
|
|
61
|
+
updateChildLookup(filteredChildren, allChildren)
|
|
62
|
+
|
|
63
|
+
// If this is the initial component render, just deal with logic surrounding whether
|
|
64
|
+
// we play onMount animations or not.
|
|
65
|
+
const isInitialRender = useRef(true)
|
|
66
|
+
|
|
67
|
+
if (isInitialRender.current) {
|
|
68
|
+
isInitialRender.current = false
|
|
69
|
+
return (
|
|
70
|
+
<>
|
|
71
|
+
{filteredChildren.map((child) => (
|
|
72
|
+
<PresenceChild
|
|
73
|
+
key={getChildKey(child)}
|
|
74
|
+
isPresent
|
|
75
|
+
enterExitVariant={enterExitVariant}
|
|
76
|
+
exitVariant={exitVariant}
|
|
77
|
+
enterVariant={enterVariant}
|
|
78
|
+
initial={initial ? undefined : false}
|
|
79
|
+
presenceAffectsLayout={presenceAffectsLayout}
|
|
80
|
+
custom={custom}
|
|
81
|
+
>
|
|
82
|
+
{child}
|
|
83
|
+
</PresenceChild>
|
|
84
|
+
))}
|
|
85
|
+
</>
|
|
86
|
+
)
|
|
87
|
+
}
|
|
120
88
|
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
}
|
|
89
|
+
let childrenToRender = [...filteredChildren]
|
|
90
|
+
|
|
91
|
+
// Diff the keys of the currently-present and target children to update our
|
|
92
|
+
// exiting list.
|
|
93
|
+
const presentKeys = presentChildren.current.map(getChildKey)
|
|
94
|
+
const targetKeys = filteredChildren.map(getChildKey)
|
|
95
|
+
|
|
96
|
+
// Diff the present children with our target children and mark those that are exiting
|
|
97
|
+
const numPresent = presentKeys.length
|
|
98
|
+
for (let i = 0; i < numPresent; i++) {
|
|
99
|
+
const key = presentKeys[i]
|
|
100
|
+
if (targetKeys.indexOf(key) === -1) {
|
|
101
|
+
exiting.add(key)
|
|
102
|
+
} else {
|
|
103
|
+
// In case this key has re-entered, remove from the exiting list
|
|
104
|
+
exiting.delete(key)
|
|
138
105
|
}
|
|
106
|
+
}
|
|
139
107
|
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
108
|
+
// If we currently have exiting children, and we're deferring rendering incoming children
|
|
109
|
+
// until after all current children have exiting, empty the childrenToRender array
|
|
110
|
+
if (exitBeforeEnter && exiting.size) {
|
|
111
|
+
childrenToRender = []
|
|
112
|
+
}
|
|
145
113
|
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
const child = allChildren.get(key)
|
|
153
|
-
if (!child) return
|
|
154
|
-
|
|
155
|
-
const insertionIndex = presentKeys.indexOf(key)
|
|
156
|
-
|
|
157
|
-
const onExit = () => {
|
|
158
|
-
allChildren.delete(key)
|
|
159
|
-
exiting.delete(key)
|
|
160
|
-
const removeIndex = presentChildren.current.findIndex(
|
|
161
|
-
(presentChild) => presentChild.key === key
|
|
162
|
-
)
|
|
163
|
-
presentChildren.current.splice(removeIndex, 1)
|
|
164
|
-
|
|
165
|
-
if (!exiting.size) {
|
|
166
|
-
presentChildren.current = filteredChildren
|
|
167
|
-
forceRender()
|
|
168
|
-
onExitComplete?.()
|
|
169
|
-
}
|
|
170
|
-
}
|
|
114
|
+
// Loop through all currently exiting components and clone them to overwrite `animate`
|
|
115
|
+
// with any `exit` prop they might have defined.
|
|
116
|
+
exiting.forEach((key) => {
|
|
117
|
+
// If this component is actually entering again, early return
|
|
118
|
+
if (targetKeys.indexOf(key) !== -1) return
|
|
171
119
|
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
onExitComplete={onExit}
|
|
177
|
-
presenceAffectsLayout={presenceAffectsLayout}
|
|
178
|
-
enterExitVariant={enterExitVariant}
|
|
179
|
-
enterVariant={enterVariant}
|
|
180
|
-
exitVariant={exitVariant}
|
|
181
|
-
custom={custom}
|
|
182
|
-
>
|
|
183
|
-
{child}
|
|
184
|
-
</PresenceChild>
|
|
185
|
-
)
|
|
120
|
+
const child = allChildren.get(key)
|
|
121
|
+
if (!child) return
|
|
122
|
+
|
|
123
|
+
const insertionIndex = presentKeys.indexOf(key)
|
|
186
124
|
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
childrenToRender = childrenToRender.map((child) => {
|
|
193
|
-
const key = child.key as ComponentKey
|
|
194
|
-
return exiting.has(key) ? (
|
|
195
|
-
child
|
|
196
|
-
) : (
|
|
197
|
-
<PresenceChild
|
|
198
|
-
key={getChildKey(child)}
|
|
199
|
-
isPresent
|
|
200
|
-
exitVariant={exitVariant}
|
|
201
|
-
enterVariant={enterVariant}
|
|
202
|
-
enterExitVariant={enterExitVariant}
|
|
203
|
-
presenceAffectsLayout={presenceAffectsLayout}
|
|
204
|
-
custom={custom}
|
|
205
|
-
>
|
|
206
|
-
{child}
|
|
207
|
-
</PresenceChild>
|
|
125
|
+
const onExit = () => {
|
|
126
|
+
allChildren.delete(key)
|
|
127
|
+
exiting.delete(key)
|
|
128
|
+
const removeIndex = presentChildren.current.findIndex(
|
|
129
|
+
(presentChild) => presentChild.key === key
|
|
208
130
|
)
|
|
209
|
-
|
|
131
|
+
presentChildren.current.splice(removeIndex, 1)
|
|
210
132
|
|
|
211
|
-
|
|
133
|
+
if (!exiting.size) {
|
|
134
|
+
presentChildren.current = filteredChildren
|
|
135
|
+
forceRender()
|
|
136
|
+
onExitComplete?.()
|
|
137
|
+
}
|
|
138
|
+
}
|
|
212
139
|
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
{
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
140
|
+
const exitingComponent = (
|
|
141
|
+
<PresenceChild
|
|
142
|
+
key={getChildKey(child)}
|
|
143
|
+
isPresent={false}
|
|
144
|
+
onExitComplete={onExit}
|
|
145
|
+
presenceAffectsLayout={presenceAffectsLayout}
|
|
146
|
+
enterExitVariant={enterExitVariant}
|
|
147
|
+
enterVariant={enterVariant}
|
|
148
|
+
exitVariant={exitVariant}
|
|
149
|
+
custom={custom}
|
|
150
|
+
>
|
|
151
|
+
{child}
|
|
152
|
+
</PresenceChild>
|
|
220
153
|
)
|
|
221
|
-
|
|
154
|
+
|
|
155
|
+
childrenToRender.splice(insertionIndex, 0, exitingComponent)
|
|
156
|
+
})
|
|
157
|
+
|
|
158
|
+
// Add `MotionContext` even to children that don't need it to ensure we're rendering
|
|
159
|
+
// the same tree between renders
|
|
160
|
+
childrenToRender = childrenToRender.map((child) => {
|
|
161
|
+
const key = child.key as ComponentKey
|
|
162
|
+
return exiting.has(key) ? (
|
|
163
|
+
child
|
|
164
|
+
) : (
|
|
165
|
+
<PresenceChild
|
|
166
|
+
key={getChildKey(child)}
|
|
167
|
+
isPresent
|
|
168
|
+
exitVariant={exitVariant}
|
|
169
|
+
enterVariant={enterVariant}
|
|
170
|
+
enterExitVariant={enterExitVariant}
|
|
171
|
+
presenceAffectsLayout={presenceAffectsLayout}
|
|
172
|
+
custom={custom}
|
|
173
|
+
>
|
|
174
|
+
{child}
|
|
175
|
+
</PresenceChild>
|
|
176
|
+
)
|
|
177
|
+
})
|
|
178
|
+
|
|
179
|
+
presentChildren.current = childrenToRender
|
|
180
|
+
|
|
181
|
+
return (
|
|
182
|
+
<>
|
|
183
|
+
{exiting.size
|
|
184
|
+
? childrenToRender
|
|
185
|
+
: // biome-ignore lint/correctness/useJsxKeyInIterable: <explanation>
|
|
186
|
+
childrenToRender.map((child) => cloneElement(child))}
|
|
187
|
+
</>
|
|
188
|
+
)
|
|
189
|
+
}
|
|
222
190
|
|
|
223
191
|
AnimatePresence.displayName = 'AnimatePresence'
|
|
@@ -1,37 +1,4 @@
|
|
|
1
1
|
import type { FunctionComponent, PropsWithChildren } from 'react';
|
|
2
2
|
import type { AnimatePresenceProps } from './types';
|
|
3
|
-
/**
|
|
4
|
-
* `AnimatePresence` enables the animation of components that have been removed from the tree.
|
|
5
|
-
*
|
|
6
|
-
* When adding/removing more than a single child, every child **must** be given a unique `key` prop.
|
|
7
|
-
*
|
|
8
|
-
* Any `motion` components that have an `exit` property defined will animate out when removed from
|
|
9
|
-
* the tree.
|
|
10
|
-
*
|
|
11
|
-
* ```tsx
|
|
12
|
-
* import { motion, AnimatePresence } from 'framer-motion'
|
|
13
|
-
*
|
|
14
|
-
* export const Items = ({ items }) => (
|
|
15
|
-
* <AnimatePresence>
|
|
16
|
-
* {items.map(item => (
|
|
17
|
-
* <motion.div
|
|
18
|
-
* key={item.id}
|
|
19
|
-
* initial={{ opacity: 0 }}
|
|
20
|
-
* animate={{ opacity: 1 }}
|
|
21
|
-
* exit={{ opacity: 0 }}
|
|
22
|
-
* />
|
|
23
|
-
* ))}
|
|
24
|
-
* </AnimatePresence>
|
|
25
|
-
* )
|
|
26
|
-
* ```
|
|
27
|
-
*
|
|
28
|
-
* You can sequence exit animations throughout a tree using variants.
|
|
29
|
-
*
|
|
30
|
-
* If a child contains multiple `motion` components with `exit` props, it will only unmount the child
|
|
31
|
-
* once all `motion` components have finished animating out. Likewise, any components using
|
|
32
|
-
* `usePresence` all need to call `safeToRemove`.
|
|
33
|
-
*
|
|
34
|
-
* @public
|
|
35
|
-
*/
|
|
36
3
|
export declare const AnimatePresence: FunctionComponent<PropsWithChildren<AnimatePresenceProps>>;
|
|
37
4
|
//# sourceMappingURL=AnimatePresence.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatePresence.d.ts","sourceRoot":"","sources":["../src/AnimatePresence.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAKjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAyBnD
|
|
1
|
+
{"version":3,"file":"AnimatePresence.d.ts","sourceRoot":"","sources":["../src/AnimatePresence.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAKjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAyBnD,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAC7C,iBAAiB,CAAC,oBAAoB,CAAC,CA2JxC,CAAA"}
|