@remotion/transitions 4.0.208 → 4.0.210
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/esm/clock-wipe.mjs +7 -7
- package/dist/esm/fade.mjs +1 -1
- package/dist/esm/flip.mjs +2 -2
- package/dist/esm/index.mjs +19 -22
- package/dist/esm/none.mjs +1 -1
- package/dist/esm/slide.mjs +1 -1
- package/dist/esm/wipe.mjs +7 -7
- package/package.json +6 -6
package/dist/esm/clock-wipe.mjs
CHANGED
|
@@ -35,19 +35,19 @@ var ClockWipePresentation = ({ children, presentationDirection, presentationProg
|
|
|
35
35
|
passedProps.outerExitStyle,
|
|
36
36
|
presentationDirection
|
|
37
37
|
]);
|
|
38
|
-
return jsxs(AbsoluteFill, {
|
|
38
|
+
return /* @__PURE__ */ jsxs(AbsoluteFill, {
|
|
39
39
|
style: outerStyle,
|
|
40
40
|
children: [
|
|
41
|
-
jsx(AbsoluteFill, {
|
|
41
|
+
/* @__PURE__ */ jsx(AbsoluteFill, {
|
|
42
42
|
style,
|
|
43
43
|
children
|
|
44
44
|
}),
|
|
45
|
-
presentationDirection === "exiting" ? null : jsx(AbsoluteFill, {
|
|
46
|
-
children: jsx("svg", {
|
|
47
|
-
children: jsx("defs", {
|
|
48
|
-
children: jsx("clipPath", {
|
|
45
|
+
presentationDirection === "exiting" ? null : /* @__PURE__ */ jsx(AbsoluteFill, {
|
|
46
|
+
children: /* @__PURE__ */ jsx("svg", {
|
|
47
|
+
children: /* @__PURE__ */ jsx("defs", {
|
|
48
|
+
children: /* @__PURE__ */ jsx("clipPath", {
|
|
49
49
|
id: clipId,
|
|
50
|
-
children: jsx("path", {
|
|
50
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
51
51
|
d: translatedPath,
|
|
52
52
|
fill: "black"
|
|
53
53
|
})
|
package/dist/esm/fade.mjs
CHANGED
package/dist/esm/flip.mjs
CHANGED
|
@@ -44,9 +44,9 @@ var Flip = ({
|
|
|
44
44
|
...presentationDirection === "entering" ? outerEnterStyle : outerExitStyle
|
|
45
45
|
};
|
|
46
46
|
}, [outerEnterStyle, outerExitStyle, perspective, presentationDirection]);
|
|
47
|
-
return jsx(AbsoluteFill, {
|
|
47
|
+
return /* @__PURE__ */ jsx(AbsoluteFill, {
|
|
48
48
|
style: outer,
|
|
49
|
-
children: jsx(AbsoluteFill, {
|
|
49
|
+
children: /* @__PURE__ */ jsx(AbsoluteFill, {
|
|
50
50
|
style,
|
|
51
51
|
children
|
|
52
52
|
})
|
package/dist/esm/index.mjs
CHANGED
|
@@ -66,7 +66,7 @@ var SlidePresentation = ({
|
|
|
66
66
|
...presentationDirection === "entering" ? enterStyle : exitStyle
|
|
67
67
|
};
|
|
68
68
|
}, [directionStyle, enterStyle, exitStyle, presentationDirection]);
|
|
69
|
-
return jsx(AbsoluteFill, {
|
|
69
|
+
return /* @__PURE__ */ jsx(AbsoluteFill, {
|
|
70
70
|
style,
|
|
71
71
|
children
|
|
72
72
|
});
|
|
@@ -94,7 +94,6 @@ var linearTiming = (options) => {
|
|
|
94
94
|
}
|
|
95
95
|
};
|
|
96
96
|
};
|
|
97
|
-
|
|
98
97
|
// src/timings/spring-timing.ts
|
|
99
98
|
import {measureSpring, spring} from "remotion";
|
|
100
99
|
var springTiming = (options = {}) => {
|
|
@@ -125,7 +124,6 @@ var springTiming = (options = {}) => {
|
|
|
125
124
|
}
|
|
126
125
|
};
|
|
127
126
|
};
|
|
128
|
-
|
|
129
127
|
// src/TransitionSeries.tsx
|
|
130
128
|
import {Children, useMemo as useMemo3} from "react";
|
|
131
129
|
import {Internals, Sequence, useCurrentFrame, useVideoConfig} from "remotion";
|
|
@@ -144,7 +142,7 @@ var WrapInEnteringProgressContext = ({ presentationProgress, children }) => {
|
|
|
144
142
|
enteringProgress: presentationProgress
|
|
145
143
|
};
|
|
146
144
|
}, [presentationProgress]);
|
|
147
|
-
return jsx2(EnteringContext.Provider, {
|
|
145
|
+
return /* @__PURE__ */ jsx2(EnteringContext.Provider, {
|
|
148
146
|
value,
|
|
149
147
|
children
|
|
150
148
|
});
|
|
@@ -155,7 +153,7 @@ var WrapInExitingProgressContext = ({ presentationProgress, children }) => {
|
|
|
155
153
|
exitingProgress: presentationProgress
|
|
156
154
|
};
|
|
157
155
|
}, [presentationProgress]);
|
|
158
|
-
return jsx2(ExitingContext.Provider, {
|
|
156
|
+
return /* @__PURE__ */ jsx2(ExitingContext.Provider, {
|
|
159
157
|
value,
|
|
160
158
|
children
|
|
161
159
|
});
|
|
@@ -187,7 +185,7 @@ var TransitionSeriesTransition = function(_props) {
|
|
|
187
185
|
return null;
|
|
188
186
|
};
|
|
189
187
|
var SeriesSequence = ({ children }) => {
|
|
190
|
-
return jsx3(Fragment, {
|
|
188
|
+
return /* @__PURE__ */ jsx3(Fragment, {
|
|
191
189
|
children
|
|
192
190
|
});
|
|
193
191
|
};
|
|
@@ -280,24 +278,24 @@ var TransitionSeriesChildren = ({
|
|
|
280
278
|
const prevPresentation = prev.props.presentation ?? slide();
|
|
281
279
|
const UppercaseNextPresentation = nextPresentation.component;
|
|
282
280
|
const UppercasePrevPresentation = prevPresentation.component;
|
|
283
|
-
return jsx3(Sequence, {
|
|
281
|
+
return /* @__PURE__ */ jsx3(Sequence, {
|
|
284
282
|
from: Math.floor(actualStartFrame),
|
|
285
283
|
durationInFrames: durationInFramesProp,
|
|
286
284
|
...passedProps,
|
|
287
285
|
name: passedProps.name || "<TS.Sequence>",
|
|
288
|
-
children: jsx3(UppercaseNextPresentation, {
|
|
286
|
+
children: /* @__PURE__ */ jsx3(UppercaseNextPresentation, {
|
|
289
287
|
passedProps: nextPresentation.props ?? {},
|
|
290
288
|
presentationDirection: "exiting",
|
|
291
289
|
presentationProgress: nextProgress,
|
|
292
290
|
presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }),
|
|
293
|
-
children: jsx3(WrapInExitingProgressContext, {
|
|
291
|
+
children: /* @__PURE__ */ jsx3(WrapInExitingProgressContext, {
|
|
294
292
|
presentationProgress: nextProgress,
|
|
295
|
-
children: jsx3(UppercasePrevPresentation, {
|
|
293
|
+
children: /* @__PURE__ */ jsx3(UppercasePrevPresentation, {
|
|
296
294
|
passedProps: prevPresentation.props ?? {},
|
|
297
295
|
presentationDirection: "entering",
|
|
298
296
|
presentationProgress: prevProgress,
|
|
299
297
|
presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }),
|
|
300
|
-
children: jsx3(WrapInEnteringProgressContext, {
|
|
298
|
+
children: /* @__PURE__ */ jsx3(WrapInEnteringProgressContext, {
|
|
301
299
|
presentationProgress: prevProgress,
|
|
302
300
|
children: child
|
|
303
301
|
})
|
|
@@ -309,17 +307,17 @@ var TransitionSeriesChildren = ({
|
|
|
309
307
|
if (prevProgress !== null && prev) {
|
|
310
308
|
const prevPresentation = prev.props.presentation ?? slide();
|
|
311
309
|
const UppercasePrevPresentation = prevPresentation.component;
|
|
312
|
-
return jsx3(Sequence, {
|
|
310
|
+
return /* @__PURE__ */ jsx3(Sequence, {
|
|
313
311
|
from: Math.floor(actualStartFrame),
|
|
314
312
|
durationInFrames: durationInFramesProp,
|
|
315
313
|
...passedProps,
|
|
316
314
|
name: passedProps.name || "<TS.Sequence>",
|
|
317
|
-
children: jsx3(UppercasePrevPresentation, {
|
|
315
|
+
children: /* @__PURE__ */ jsx3(UppercasePrevPresentation, {
|
|
318
316
|
passedProps: prevPresentation.props ?? {},
|
|
319
317
|
presentationDirection: "entering",
|
|
320
318
|
presentationProgress: prevProgress,
|
|
321
319
|
presentationDurationInFrames: prev.props.timing.getDurationInFrames({ fps }),
|
|
322
|
-
children: jsx3(WrapInEnteringProgressContext, {
|
|
320
|
+
children: /* @__PURE__ */ jsx3(WrapInEnteringProgressContext, {
|
|
323
321
|
presentationProgress: prevProgress,
|
|
324
322
|
children: child
|
|
325
323
|
})
|
|
@@ -329,24 +327,24 @@ var TransitionSeriesChildren = ({
|
|
|
329
327
|
if (nextProgress !== null && next) {
|
|
330
328
|
const nextPresentation = next.props.presentation ?? slide();
|
|
331
329
|
const UppercaseNextPresentation = nextPresentation.component;
|
|
332
|
-
return jsx3(Sequence, {
|
|
330
|
+
return /* @__PURE__ */ jsx3(Sequence, {
|
|
333
331
|
from: Math.floor(actualStartFrame),
|
|
334
332
|
durationInFrames: durationInFramesProp,
|
|
335
333
|
...passedProps,
|
|
336
334
|
name: passedProps.name || "<TS.Sequence>",
|
|
337
|
-
children: jsx3(UppercaseNextPresentation, {
|
|
335
|
+
children: /* @__PURE__ */ jsx3(UppercaseNextPresentation, {
|
|
338
336
|
passedProps: nextPresentation.props ?? {},
|
|
339
337
|
presentationDirection: "exiting",
|
|
340
338
|
presentationProgress: nextProgress,
|
|
341
339
|
presentationDurationInFrames: next.props.timing.getDurationInFrames({ fps }),
|
|
342
|
-
children: jsx3(WrapInExitingProgressContext, {
|
|
340
|
+
children: /* @__PURE__ */ jsx3(WrapInExitingProgressContext, {
|
|
343
341
|
presentationProgress: nextProgress,
|
|
344
342
|
children: child
|
|
345
343
|
})
|
|
346
344
|
})
|
|
347
345
|
}, i);
|
|
348
346
|
}
|
|
349
|
-
return jsx3(Sequence, {
|
|
347
|
+
return /* @__PURE__ */ jsx3(Sequence, {
|
|
350
348
|
from: Math.floor(actualStartFrame),
|
|
351
349
|
durationInFrames: durationInFramesProp,
|
|
352
350
|
...passedProps,
|
|
@@ -355,7 +353,7 @@ var TransitionSeriesChildren = ({
|
|
|
355
353
|
}, i);
|
|
356
354
|
});
|
|
357
355
|
}, [children, fps, frame]);
|
|
358
|
-
return jsx3(Fragment, {
|
|
356
|
+
return /* @__PURE__ */ jsx3(Fragment, {
|
|
359
357
|
children: childrenValue
|
|
360
358
|
});
|
|
361
359
|
};
|
|
@@ -365,11 +363,11 @@ var TransitionSeries = ({ children, name, layout: passedLayout, ...otherProps })
|
|
|
365
363
|
if (NoReactInternals2.ENABLE_V5_BREAKING_CHANGES && layout !== "absolute-fill") {
|
|
366
364
|
throw new TypeError(`The "layout" prop of <TransitionSeries /> is not supported anymore in v5. TransitionSeries' must be absolutely positioned.`);
|
|
367
365
|
}
|
|
368
|
-
return jsx3(Sequence, {
|
|
366
|
+
return /* @__PURE__ */ jsx3(Sequence, {
|
|
369
367
|
name: displayName,
|
|
370
368
|
layout,
|
|
371
369
|
...otherProps,
|
|
372
|
-
children: jsx3(TransitionSeriesChildren, {
|
|
370
|
+
children: /* @__PURE__ */ jsx3(TransitionSeriesChildren, {
|
|
373
371
|
children
|
|
374
372
|
})
|
|
375
373
|
});
|
|
@@ -378,7 +376,6 @@ TransitionSeries.Sequence = SeriesSequence;
|
|
|
378
376
|
TransitionSeries.Transition = TransitionSeriesTransition;
|
|
379
377
|
Internals.addSequenceStackTraces(TransitionSeries);
|
|
380
378
|
Internals.addSequenceStackTraces(SeriesSequence);
|
|
381
|
-
|
|
382
379
|
// src/use-transition-progress.ts
|
|
383
380
|
import React4 from "react";
|
|
384
381
|
var useTransitionProgress = () => {
|
package/dist/esm/none.mjs
CHANGED
|
@@ -10,7 +10,7 @@ var NonePresentation = ({ children, presentationDirection, passedProps }) => {
|
|
|
10
10
|
...presentationDirection === "entering" ? passedProps.enterStyle : passedProps.exitStyle
|
|
11
11
|
};
|
|
12
12
|
}, [passedProps.enterStyle, passedProps.exitStyle, presentationDirection]);
|
|
13
|
-
return jsx(AbsoluteFill, {
|
|
13
|
+
return /* @__PURE__ */ jsx(AbsoluteFill, {
|
|
14
14
|
style,
|
|
15
15
|
children
|
|
16
16
|
});
|
package/dist/esm/slide.mjs
CHANGED
|
@@ -66,7 +66,7 @@ var SlidePresentation = ({
|
|
|
66
66
|
...presentationDirection === "entering" ? enterStyle : exitStyle
|
|
67
67
|
};
|
|
68
68
|
}, [directionStyle, enterStyle, exitStyle, presentationDirection]);
|
|
69
|
-
return jsx(AbsoluteFill, {
|
|
69
|
+
return /* @__PURE__ */ jsx(AbsoluteFill, {
|
|
70
70
|
style,
|
|
71
71
|
children
|
|
72
72
|
});
|
package/dist/esm/wipe.mjs
CHANGED
|
@@ -156,22 +156,22 @@ var WipePresentation = ({
|
|
|
156
156
|
pointerEvents: "none"
|
|
157
157
|
};
|
|
158
158
|
}, []);
|
|
159
|
-
return jsxs(AbsoluteFill, {
|
|
159
|
+
return /* @__PURE__ */ jsxs(AbsoluteFill, {
|
|
160
160
|
style: outerStyle,
|
|
161
161
|
children: [
|
|
162
|
-
jsx(AbsoluteFill, {
|
|
162
|
+
/* @__PURE__ */ jsx(AbsoluteFill, {
|
|
163
163
|
style,
|
|
164
164
|
children
|
|
165
165
|
}),
|
|
166
|
-
jsx(AbsoluteFill, {
|
|
167
|
-
children: jsx("svg", {
|
|
166
|
+
/* @__PURE__ */ jsx(AbsoluteFill, {
|
|
167
|
+
children: /* @__PURE__ */ jsx("svg", {
|
|
168
168
|
viewBox: "0 0 1 1",
|
|
169
169
|
style: svgStyle,
|
|
170
|
-
children: jsx("defs", {
|
|
171
|
-
children: jsx("clipPath", {
|
|
170
|
+
children: /* @__PURE__ */ jsx("defs", {
|
|
171
|
+
children: /* @__PURE__ */ jsx("clipPath", {
|
|
172
172
|
id: clipId,
|
|
173
173
|
clipPathUnits: "objectBoundingBox",
|
|
174
|
-
children: jsx("path", {
|
|
174
|
+
children: /* @__PURE__ */ jsx("path", {
|
|
175
175
|
d: path,
|
|
176
176
|
fill: "black"
|
|
177
177
|
})
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/transitions"
|
|
4
4
|
},
|
|
5
5
|
"name": "@remotion/transitions",
|
|
6
|
-
"version": "4.0.
|
|
6
|
+
"version": "4.0.210",
|
|
7
7
|
"description": "Library for creating transitions in Remotion",
|
|
8
8
|
"sideEffects": false,
|
|
9
9
|
"main": "dist/esm/index.mjs",
|
|
@@ -16,17 +16,17 @@
|
|
|
16
16
|
"url": "https://github.com/remotion-dev/remotion/issues"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"remotion": "4.0.
|
|
20
|
-
"@remotion/
|
|
21
|
-
"@remotion/
|
|
19
|
+
"remotion": "4.0.210",
|
|
20
|
+
"@remotion/shapes": "4.0.210",
|
|
21
|
+
"@remotion/paths": "4.0.210"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@happy-dom/global-registrator": "14.5.1",
|
|
25
25
|
"react": "18.3.1",
|
|
26
26
|
"react-dom": "18.3.1",
|
|
27
27
|
"@vitejs/plugin-react": "^2.0.0",
|
|
28
|
-
"remotion": "4.0.
|
|
29
|
-
"@remotion/test-utils": "4.0.
|
|
28
|
+
"remotion": "4.0.210",
|
|
29
|
+
"@remotion/test-utils": "4.0.210"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"react": ">=16.8.0",
|