@remotion/studio 4.0.475 → 4.0.476

package/dist/components/Timeline/TimelineTransformOriginField.js

@@ -132,7 +132,7 @@ const TimelineTransformOriginField = ({ field, propStatus, effectiveValue, onSav
         return jsx_runtime_1.jsx(TimelineSchemaField_1.UnsupportedStatus, { label: "unsupported origin" });
     }
     return (jsx_runtime_1.jsxs("span", { style: containerStyle, children: [
-            jsx_runtime_1.jsx(InputDragger_1.InputDragger, { type: "number", value: dragX !== null && dragX !== void 0 ? dragX : percent[0], style: leftDraggerStyle, status: "ok", small: true, onValueChange: onXChange, onValueChangeEnd: onXChangeEnd, onTextChange: onXTextChange, min: -Infinity, max: Infinity, step: step, formatter: formatter, rightAlign: false, snapToStep: false }), jsx_runtime_1.jsx("div", { style: { marginLeft: -6, marginRight: -6 } }), jsx_runtime_1.jsx(InputDragger_1.InputDragger, { type: "number", value: dragY !== null && dragY !== void 0 ? dragY : percent[1], style: rightDraggerStyle, status: "ok", small: true, onValueChange: onYChange, onValueChangeEnd: onYChangeEnd, onTextChange: onYTextChange, min: -Infinity, max: Infinity, step: step, formatter: formatter, rightAlign: false, snapToStep: false })
+            jsx_runtime_1.jsx(InputDragger_1.InputDragger, { type: "number", value: dragX !== null && dragX !== void 0 ? dragX : percent[0], style: leftDraggerStyle, status: "ok", small: true, onValueChange: onXChange, onValueChangeEnd: onXChangeEnd, onTextChange: onXTextChange, min: -Infinity, max: Infinity, step: step, formatter: formatter, rightAlign: false, snapToStep: false, dragDecimalPlaces: decimalPlaces }), jsx_runtime_1.jsx("div", { style: { marginLeft: -6, marginRight: -6 } }), jsx_runtime_1.jsx(InputDragger_1.InputDragger, { type: "number", value: dragY !== null && dragY !== void 0 ? dragY : percent[1], style: rightDraggerStyle, status: "ok", small: true, onValueChange: onYChange, onValueChangeEnd: onYChangeEnd, onTextChange: onYTextChange, min: -Infinity, max: Infinity, step: step, formatter: formatter, rightAlign: false, snapToStep: false, dragDecimalPlaces: decimalPlaces })
         ] }));
 };
 exports.TimelineTransformOriginField = TimelineTransformOriginField;

package/dist/components/Timeline/TimelineTranslateField.js

@@ -101,7 +101,7 @@ const TimelineTranslateField = ({ field, propStatus, effectiveValue, onSave, onD
         }
     }, [propStatus, onSave, dragX, codeX, decimalPlaces]);
     return (jsx_runtime_1.jsxs("span", { style: containerStyle, children: [
-            jsx_runtime_1.jsx(InputDragger_1.InputDragger, { type: "number", value: dragX !== null && dragX !== void 0 ? dragX : codeX, style: leftDraggerStyle, status: "ok", small: true, onValueChange: onXChange, onValueChangeEnd: onXChangeEnd, onTextChange: onXTextChange, min: -Infinity, max: Infinity, step: step, formatter: formatter, rightAlign: false }), jsx_runtime_1.jsx("div", { style: { marginLeft: -6, marginRight: -6 } }), jsx_runtime_1.jsx(InputDragger_1.InputDragger, { type: "number", value: dragY !== null && dragY !== void 0 ? dragY : codeY, style: rightDraggerStyle, status: "ok", small: true, onValueChange: onYChange, onValueChangeEnd: onYChangeEnd, onTextChange: onYTextChange, min: -Infinity, max: Infinity, step: step, formatter: formatter, rightAlign: false })
+            jsx_runtime_1.jsx(InputDragger_1.InputDragger, { type: "number", value: dragX !== null && dragX !== void 0 ? dragX : codeX, style: leftDraggerStyle, status: "ok", small: true, onValueChange: onXChange, onValueChangeEnd: onXChangeEnd, onTextChange: onXTextChange, min: -Infinity, max: Infinity, step: step, formatter: formatter, rightAlign: false, snapToStep: false, dragDecimalPlaces: decimalPlaces }), jsx_runtime_1.jsx("div", { style: { marginLeft: -6, marginRight: -6 } }), jsx_runtime_1.jsx(InputDragger_1.InputDragger, { type: "number", value: dragY !== null && dragY !== void 0 ? dragY : codeY, style: rightDraggerStyle, status: "ok", small: true, onValueChange: onYChange, onValueChangeEnd: onYChangeEnd, onTextChange: onYTextChange, min: -Infinity, max: Infinity, step: step, formatter: formatter, rightAlign: false, snapToStep: false, dragDecimalPlaces: decimalPlaces })
         ] }));
 };
 exports.TimelineTranslateField = TimelineTranslateField;

package/dist/components/Timeline/TimelineUvCoordinateField.js

@@ -120,7 +120,7 @@ const TimelineUvCoordinateField = ({ field, propStatus, effectiveValue, onSave,
         }
     }, [propStatus, onSave, dragX, codeX]);
     return (jsx_runtime_1.jsxs("span", { style: containerStyle, children: [
-            jsx_runtime_1.jsx(InputDragger_1.InputDragger, { type: "number", value: dragX !== null && dragX !== void 0 ? dragX : codeX, style: leftDraggerStyle, status: "ok", small: true, onValueChange: onXChange, onValueChangeEnd: onXChangeEnd, onTextChange: onXTextChange, min: min, max: max, step: step, formatter: formatter, rightAlign: false, snapToStep: false }), jsx_runtime_1.jsx("div", { style: { marginLeft: -6, marginRight: -6 } }), jsx_runtime_1.jsx(InputDragger_1.InputDragger, { type: "number", value: dragY !== null && dragY !== void 0 ? dragY : codeY, style: rightDraggerStyle, status: "ok", small: true, onValueChange: onYChange, onValueChangeEnd: onYChangeEnd, onTextChange: onYTextChange, min: min, max: max, step: step, formatter: formatter, rightAlign: false, snapToStep: false })
+            jsx_runtime_1.jsx(InputDragger_1.InputDragger, { type: "number", value: dragX !== null && dragX !== void 0 ? dragX : codeX, style: leftDraggerStyle, status: "ok", small: true, onValueChange: onXChange, onValueChangeEnd: onXChangeEnd, onTextChange: onXTextChange, min: min, max: max, step: step, formatter: formatter, rightAlign: false, snapToStep: false, dragDecimalPlaces: decimalPlaces }), jsx_runtime_1.jsx("div", { style: { marginLeft: -6, marginRight: -6 } }), jsx_runtime_1.jsx(InputDragger_1.InputDragger, { type: "number", value: dragY !== null && dragY !== void 0 ? dragY : codeY, style: rightDraggerStyle, status: "ok", small: true, onValueChange: onYChange, onValueChangeEnd: onYChangeEnd, onTextChange: onYTextChange, min: min, max: max, step: step, formatter: formatter, rightAlign: false, snapToStep: false, dragDecimalPlaces: decimalPlaces })
         ] }));
 };
 exports.TimelineUvCoordinateField = TimelineUvCoordinateField;

package/dist/components/Timeline/disable-sequence-interactivity.d.ts

@@ -0,0 +1,8 @@
+import type { SequencePropsSubscriptionKey } from 'remotion';
+import { type SetPropStatuses } from './save-sequence-prop';
+export declare const disableSequenceInteractivity: ({ clientId, fileName, nodePath, setPropStatuses, }: {
+    readonly clientId: string;
+    readonly fileName: string;
+    readonly nodePath: SequencePropsSubscriptionKey;
+    readonly setPropStatuses: SetPropStatuses;
+}) => Promise<void>;

package/dist/components/Timeline/disable-sequence-interactivity.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.disableSequenceInteractivity = void 0;
+const no_react_1 = require("remotion/no-react");
+const save_sequence_prop_1 = require("./save-sequence-prop");
+const disableSequenceInteractivity = ({ clientId, fileName, nodePath, setPropStatuses, }) => {
+    return (0, save_sequence_prop_1.saveSequenceProps)({
+        changes: [
+            {
+                fileName,
+                nodePath,
+                fieldKey: 'showInTimeline',
+                value: false,
+                defaultValue: 'true',
+                schema: no_react_1.NoReactInternals.sequenceSchema,
+            },
+        ],
+        setPropStatuses,
+        clientId,
+        undoLabel: 'Disable interactivity',
+        redoLabel: 'Disable interactivity again',
+    });
+};
+exports.disableSequenceInteractivity = disableSequenceInteractivity;

package/dist/components/Timeline/reset-selected-timeline-props.js

@@ -17,13 +17,13 @@ function assertPropResetSelections(selections) {
 const isVisibleFieldSchema = (fieldSchema) => fieldSchema !== undefined && fieldSchema.type !== 'hidden';
 const isNonDefaultCodeValue = ({ propStatus, defaultValue, }) => JSON.stringify(propStatus !== null && propStatus !== void 0 ? propStatus : defaultValue) !== JSON.stringify(defaultValue);
 const isResettablePropStatus = ({ propStatus, defaultValue, }) => {
-    if (!propStatus || propStatus.status === 'computed') {
+    if (!propStatus) {
         return false;
     }
     if (defaultValue === undefined) {
         return false;
     }
-    if (propStatus.status === 'keyframed') {
+    if (propStatus.status === 'keyframed' || propStatus.status === 'computed') {
         return true;
     }
     return isNonDefaultCodeValue({

package/dist/components/Timeline/timeline-rotation-utils.d.ts

@@ -1,2 +1,2 @@
 export declare const parseCssRotationToDegrees: (value: string) => number;
-export declare const serializeCssRotation: (value: number) => string;
+export declare const serializeCssRotation: (value: number, decimalPlaces?: number) => string;

package/dist/components/Timeline/timeline-rotation-utils.js

@@ -26,7 +26,9 @@ const parseCssRotationToDegrees = (value) => {
     }
 };
 exports.parseCssRotationToDegrees = parseCssRotationToDegrees;
-const serializeCssRotation = (value) => {
-    return `${(0, timeline_field_utils_1.normalizeTimelineNumber)(value)}deg`;
+const serializeCssRotation = (value, decimalPlaces = 6) => {
+    const factor = 10 ** decimalPlaces;
+    const rounded = Math.round((0, timeline_field_utils_1.normalizeTimelineNumber)(value) * factor) / factor;
+    return `${Object.is(rounded, -0) ? 0 : rounded}deg`;
 };
 exports.serializeCssRotation = serializeCssRotation;

package/dist/components/Timeline/use-timeline-keyframe-drag.js

@@ -121,21 +121,16 @@ const makeMovedKeyframedDragOverride = ({ group, delta, }) => {
     if (!first) {
         throw new Error('Expected a keyframe drag target');
     }
-    const moves = new Map(getMovesForGroup({ group, delta }).map((move) => [move.fromFrame, move.toFrame]));
+    const movedStatus = (0, studio_shared_1.moveKeyframesInPropStatus)({
+        status: first.propStatus,
+        moves: getMovesForGroup({ group, delta }),
+    });
+    if (movedStatus.status !== 'keyframed') {
+        throw new Error('Expected keyframed status');
+    }
     return {
         type: 'keyframed',
-        status: {
-            ...first.propStatus,
-            keyframes: first.propStatus.keyframes
-                .map((keyframe) => {
-                var _a;
-                return ({
-                    ...keyframe,
-                    frame: (_a = moves.get(keyframe.frame)) !== null && _a !== void 0 ? _a : keyframe.frame,
-                });
-            })
-                .sort((a, b) => a.frame - b.frame),
-        },
+        status: movedStatus,
     };
 };
 const applyDragOverrides = ({ delta, setDragOverrides, setEffectDragOverrides, targets, }) => {