@remotion/transitions 4.0.147 → 4.0.149

package/dist/TransitionSeries.d.ts

@@ -13,7 +13,7 @@ type SeriesSequenceProps = PropsWithChildren<{
      */
     readonly stack?: string;
 } & LayoutBasedProps & Pick<SequencePropsWithoutDuration, 'name'>>;
-declare const SeriesSequence: ({ children }: SeriesSequenceProps) => import("react/jsx-runtime.js").JSX.Element;
+declare const SeriesSequence: ({ children }: SeriesSequenceProps) => import("react").ReactNode;
 /**
  * @description A React component designed to manage a series of transitions and sequences where each transition may have specific timing and presentation components. It extends the capabilities of `<Sequence>` and is specifically structured to handle transitions that involve entering and exiting sequences.
  * @see [Documentation](https://remotion.dev/docs/transitions/transitionseries)

package/dist/TransitionSeries.js

@@ -16,7 +16,7 @@ _props) {
 };
 const SeriesSequence = ({ children }) => {
     // eslint-disable-next-line react/jsx-no-useless-fragment
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+    return children;
 };
 const TransitionSeriesChildren = ({ children, }) => {
     const { fps } = (0, remotion_1.useVideoConfig)();
@@ -123,19 +123,27 @@ const TransitionSeriesChildren = ({ children, }) => {
                 const prevPresentation = (_c = prev.props.presentation) !== null && _c !== void 0 ? _c : (0, slide_js_1.slide)();
                 const UppercaseNextPresentation = nextPresentation.component;
                 const UppercasePrevPresentation = prevPresentation.component;
-                return ((0, jsx_runtime_1.jsx)(remotion_1.Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: (0, jsx_runtime_1.jsx)(UppercaseNextPresentation, { passedProps: (_d = nextPresentation.props) !== null && _d !== void 0 ? _d : {}, presentationDirection: "exiting", presentationProgress: nextProgress, children: (0, jsx_runtime_1.jsx)(UppercasePrevPresentation, { passedProps: (_e = prevPresentation.props) !== null && _e !== void 0 ? _e : {}, presentationDirection: "entering", presentationProgress: prevProgress, children: child }) }) }));
+                return ((0, jsx_runtime_1.jsx)(remotion_1.Sequence
+                // eslint-disable-next-line react/no-array-index-key
+                , { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: (0, jsx_runtime_1.jsx)(UppercaseNextPresentation, { passedProps: (_d = nextPresentation.props) !== null && _d !== void 0 ? _d : {}, presentationDirection: "exiting", presentationProgress: nextProgress, children: (0, jsx_runtime_1.jsx)(UppercasePrevPresentation, { passedProps: (_e = prevPresentation.props) !== null && _e !== void 0 ? _e : {}, presentationDirection: "entering", presentationProgress: prevProgress, children: child }) }) }, i));
             }
             if (prevProgress !== null && prev) {
                 const prevPresentation = (_f = prev.props.presentation) !== null && _f !== void 0 ? _f : (0, slide_js_1.slide)();
                 const UppercasePrevPresentation = prevPresentation.component;
-                return ((0, jsx_runtime_1.jsx)(remotion_1.Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: (0, jsx_runtime_1.jsx)(UppercasePrevPresentation, { passedProps: (_g = prevPresentation.props) !== null && _g !== void 0 ? _g : {}, presentationDirection: "entering", presentationProgress: prevProgress, children: child }) }));
+                return ((0, jsx_runtime_1.jsx)(remotion_1.Sequence
+                // eslint-disable-next-line react/no-array-index-key
+                , { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: (0, jsx_runtime_1.jsx)(UppercasePrevPresentation, { passedProps: (_g = prevPresentation.props) !== null && _g !== void 0 ? _g : {}, presentationDirection: "entering", presentationProgress: prevProgress, children: child }) }, i));
             }
             if (nextProgress !== null && next) {
                 const nextPresentation = (_h = next.props.presentation) !== null && _h !== void 0 ? _h : (0, slide_js_1.slide)();
                 const UppercaseNextPresentation = nextPresentation.component;
-                return ((0, jsx_runtime_1.jsx)(remotion_1.Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: (0, jsx_runtime_1.jsx)(UppercaseNextPresentation, { passedProps: (_j = nextPresentation.props) !== null && _j !== void 0 ? _j : {}, presentationDirection: "exiting", presentationProgress: nextProgress, children: child }) }));
+                return ((0, jsx_runtime_1.jsx)(remotion_1.Sequence
+                // eslint-disable-next-line react/no-array-index-key
+                , { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: (0, jsx_runtime_1.jsx)(UppercaseNextPresentation, { passedProps: (_j = nextPresentation.props) !== null && _j !== void 0 ? _j : {}, presentationDirection: "exiting", presentationProgress: nextProgress, children: child }) }, i));
             }
-            return ((0, jsx_runtime_1.jsx)(remotion_1.Sequence, { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: child }));
+            return ((0, jsx_runtime_1.jsx)(remotion_1.Sequence
+            // eslint-disable-next-line react/no-array-index-key
+            , { from: Math.floor(actualStartFrame), durationInFrames: durationInFramesProp, ...passedProps, name: passedProps.name || '<TS.Sequence>', children: child }, i));
         });
     }, [children, fps, frame]);
     // eslint-disable-next-line react/jsx-no-useless-fragment

package/dist/esm/index.mjs

@@ -13,7 +13,6 @@ var SlidePresentation = ({
 }) => {
   const directionStyle = useMemo(() => {
     const presentationProgressWithEpsilonCorrection = presentationProgress === 1 ? presentationProgress * 100 : presentationProgress * 100 - epsilon;
-    console.log(presentationProgressWithEpsilonCorrection);
     if (presentationDirection === "exiting") {
       switch (direction) {
         case "from-left":
@@ -158,9 +157,7 @@ var TransitionSeriesTransition = function(_props) {
   return null;
 };
 var SeriesSequence = ({ children }) => {
-  return jsx2(Fragment, {
-    children
-  }, undefined, false, undefined, this);
+  return children;
 };
 var TransitionSeriesChildren = ({
   children
@@ -267,7 +264,7 @@ var TransitionSeriesChildren = ({
               children: child
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this);
+        }, i, false, undefined, this);
       }
       if (prevProgress !== null && prev) {
         const prevPresentation = prev.props.presentation ?? slide();
@@ -283,7 +280,7 @@ var TransitionSeriesChildren = ({
             presentationProgress: prevProgress,
             children: child
           }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this);
+        }, i, false, undefined, this);
       }
       if (nextProgress !== null && next) {
         const nextPresentation = next.props.presentation ?? slide();
@@ -299,7 +296,7 @@ var TransitionSeriesChildren = ({
             presentationProgress: nextProgress,
             children: child
           }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this);
+        }, i, false, undefined, this);
       }
       return jsx2(Sequence, {
         from: Math.floor(actualStartFrame),
@@ -307,7 +304,7 @@ var TransitionSeriesChildren = ({
         ...passedProps,
         name: passedProps.name || "<TS.Sequence>",
         children: child
-      }, undefined, false, undefined, this);
+      }, i, false, undefined, this);
     });
   }, [children, fps, frame]);
   return jsx2(Fragment, {

package/dist/esm/slide.mjs

@@ -13,7 +13,6 @@ var SlidePresentation = ({
 }) => {
   const directionStyle = useMemo(() => {
     const presentationProgressWithEpsilonCorrection = presentationProgress === 1 ? presentationProgress * 100 : presentationProgress * 100 - epsilon;
-    console.log(presentationProgressWithEpsilonCorrection);
     if (presentationDirection === "exiting") {
       switch (direction) {
         case "from-left":

package/dist/presentations/slide.js

@@ -12,7 +12,6 @@ const SlidePresentation = ({ children, presentationProgress, presentationDirecti
         const presentationProgressWithEpsilonCorrection = presentationProgress === 1
             ? presentationProgress * 100
             : presentationProgress * 100 - epsilon;
-        console.log(presentationProgressWithEpsilonCorrection);
         if (presentationDirection === 'exiting') {
             switch (direction) {
                 case 'from-left':

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/transitions",
-  "version": "4.0.147",
+  "version": "4.0.149",
   "description": "Transition presets for Remotion",
   "sideEffects": false,
   "main": "dist/esm/index.mjs",
@@ -16,24 +16,24 @@
     "url": "https://github.com/remotion-dev/remotion/issues"
   },
   "dependencies": {
-    "remotion": "4.0.147",
-    "@remotion/shapes": "4.0.147",
-    "@remotion/paths": "4.0.147"
+    "remotion": "4.0.149",
+    "@remotion/shapes": "4.0.149",
+    "@remotion/paths": "4.0.149"
   },
   "devDependencies": {
     "@jonny/eslint-config": "3.0.281",
     "eslint": "8.56.0",
     "prettier": "3.2.5",
     "prettier-plugin-organize-imports": "3.2.4",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "vitest": "0.31.1",
-    "@types/react": "18.2.48",
-    "@types/react-dom": "18.2.18",
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.0",
     "@types/bun": "^1.0.12",
     "@vitejs/plugin-react": "^2.0.0",
-    "remotion": "4.0.147",
-    "@remotion/test-utils": "4.0.147"
+    "remotion": "4.0.149",
+    "@remotion/test-utils": "4.0.149"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -108,7 +108,6 @@
     "test": "vitest src --run",
     "lint": "eslint src --ext ts,tsx",
     "formatting": "prettier src --check",
-    "watch": "tsc -w",
-    "build": "tsc -d && bun bundle.ts"
+    "build": "bun bundle.ts"
   }
 }