@remotion/studio 4.0.488 → 4.0.490

package/dist/components/Timeline/TimelineSequencePropItem.js

@@ -6,7 +6,6 @@ const studio_shared_1 = require("@remotion/studio-shared");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
 const client_id_1 = require("../../helpers/client-id");
-const modals_1 = require("../../state/modals");
 const ContextMenu_1 = require("../ContextMenu");
 const call_add_keyframe_1 = require("./call-add-keyframe");
 const get_animation_item_selection_for_frame_1 = require("./get-animation-item-selection-for-frame");
@@ -166,7 +165,6 @@ const TimelineSequencePropItem = ({ field, validatedLocation, rowDepth, nodePath
     const { getDragOverrides } = (0, react_1.useContext)(remotion_1.Internals.VisualModeDragOverridesContext);
     const { setPropStatuses } = (0, react_1.useContext)(remotion_1.Internals.VisualModeSettersContext);
     const { previewServerState } = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx);
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
     const selection = (0, TimelineSelection_1.useTimelineRowSelection)(nodePathInfo);
     const { selectItems } = (0, TimelineSelection_1.useTimelineSelection)();
     const setFrame = remotion_1.Internals.useTimelineSetFrame();
@@ -251,32 +249,8 @@ const TimelineSequencePropItem = ({ field, validatedLocation, rowDepth, nodePath
         validatedLocation.source,
         propStatus,
     ]);
-    const onOpenKeyframeSettings = (0, react_1.useCallback)(() => {
-        var _a;
-        if (propStatus === null || !isKeyframedStatus(propStatus)) {
-            return;
-        }
-        setSelectedModal({
-            type: 'keyframe-settings',
-            fileName: validatedLocation.source,
-            nodePath,
-            fieldKey: field.key,
-            fieldLabel: (_a = field.description) !== null && _a !== void 0 ? _a : field.key,
-            status: propStatus,
-            schema,
-            effectIndex: null,
-        });
-    }, [
-        propStatus,
-        field.description,
-        field.key,
-        nodePath,
-        schema,
-        setSelectedModal,
-        validatedLocation.source,
-    ]);
     const contextMenuValues = (0, react_1.useMemo)(() => {
-        const values = [
+        return [
             {
                 type: 'item',
                 id: 'reset-sequence-field',
@@ -290,28 +264,7 @@ const TimelineSequencePropItem = ({ field, validatedLocation, rowDepth, nodePath
                 value: 'reset-sequence-field',
             },
         ];
-        if (propStatus !== null && isKeyframedStatus(propStatus)) {
-            values.push({
-                type: 'item',
-                id: 'keyframe-settings-sequence-field',
-                keyHint: null,
-                label: 'Keyframe settings...',
-                leftItem: null,
-                disabled: previewServerState.type !== 'connected',
-                onClick: onOpenKeyframeSettings,
-                quickSwitcherLabel: null,
-                subMenu: null,
-                value: 'keyframe-settings-sequence-field',
-            });
-        }
-        return values;
-    }, [
-        canShowReset,
-        propStatus,
-        onOpenKeyframeSettings,
-        onReset,
-        previewServerState,
-    ]);
+    }, [canShowReset, onReset]);
     const seekToDisplayFrame = (0, react_1.useCallback)((frame) => {
         setFrame((current) => {
             const next = { ...current, [videoConfig.id]: frame };

package/dist/components/import-assets.d.ts

@@ -83,6 +83,7 @@ export declare const insertElement: ({ compositionFile, compositionId, dropPosit
     compositionId: string;
     dropPosition: InsertElementDropPosition | null;
     element: {
+        dependencies: string[];
         slug: string;
         displayName: string;
         sourceCode: string;

package/dist/components/import-assets.js

@@ -625,6 +625,7 @@ const insertComposition = async ({ composition, compositionFile, compositionId,
 exports.insertComposition = insertComposition;
 const insertElement = async ({ compositionFile, compositionId, dropPosition, element, }) => {
     try {
+        await (0, install_required_package_1.installRequiredPackages)(element.dependencies);
         const response = await (0, call_api_1.callApi)('/api/insert-element', {
             compositionFile,
             compositionId,