@remotion/studio 4.0.495 → 4.0.496

package/dist/components/Timeline/TimelineRowLayoutContext.d.ts

@@ -1,6 +1,9 @@
 type TimelineRowLayout = {
     readonly basePadding: number;
+    readonly highlightSelectedLabel: boolean;
     readonly keyframeControlsPadding: number;
+    readonly rowBorderRadius: number;
+    readonly rowHorizontalMargin: number;
 };
 export declare const INSPECTOR_TIMELINE_ROW_LAYOUT: TimelineRowLayout;
 export declare const TimelineRowLayoutContext: import("react").Context<TimelineRowLayout>;

package/dist/components/Timeline/TimelineRowLayoutContext.js

@@ -5,9 +5,15 @@ const react_1 = require("react");
 const timeline_row_layout_1 = require("./timeline-row-layout");
 exports.INSPECTOR_TIMELINE_ROW_LAYOUT = {
     basePadding: timeline_row_layout_1.INSPECTOR_ROW_BASE_PADDING,
+    highlightSelectedLabel: false,
     keyframeControlsPadding: 0,
+    rowBorderRadius: 4,
+    rowHorizontalMargin: 4,
 };
 exports.TimelineRowLayoutContext = (0, react_1.createContext)({
     basePadding: timeline_row_layout_1.TIMELINE_ROW_BASE_PADDING,
+    highlightSelectedLabel: true,
     keyframeControlsPadding: timeline_row_layout_1.TIMELINE_ROW_BASE_PADDING,
+    rowBorderRadius: 0,
+    rowHorizontalMargin: 0,
 });

package/dist/components/layout.d.ts

@@ -2,6 +2,7 @@ import type { HTMLAttributes } from 'react';
 import React from 'react';
 export declare const SPACING_UNIT = 8;
 export declare const COMPACT_CONTROL_ROW_HEIGHT = 28;
+export declare const COMPACT_INLINE_ROW_HEIGHT = 22;
 export declare const Spacing: React.FC<{
     readonly x?: number;
     readonly y?: number;

package/dist/components/layout.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Column = exports.Row = exports.Flex = exports.Spacing = exports.COMPACT_CONTROL_ROW_HEIGHT = exports.SPACING_UNIT = void 0;
+exports.Column = exports.Row = exports.Flex = exports.Spacing = exports.COMPACT_INLINE_ROW_HEIGHT = exports.COMPACT_CONTROL_ROW_HEIGHT = exports.SPACING_UNIT = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 exports.SPACING_UNIT = 8;
 exports.COMPACT_CONTROL_ROW_HEIGHT = 28;
+exports.COMPACT_INLINE_ROW_HEIGHT = 22;
 const Spacing = ({ x = 0, y = 0, block = false }) => {
     const style = (0, react_1.useMemo)(() => {
         return {

package/dist/components/open-in-new-window.d.ts

@@ -0,0 +1,2 @@
+import type { SelectionItem } from './NewComposition/ComboBox';
+export declare const getOpenInNewWindowMenuItem: (route: string) => SelectionItem;

package/dist/components/open-in-new-window.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOpenInNewWindowMenuItem = void 0;
+const url_state_1 = require("../helpers/url-state");
+const getOpenInNewWindowMenuItem = (route) => {
+    return {
+        id: 'open-in-new-window',
+        keyHint: null,
+        label: 'Open in new window',
+        leftItem: null,
+        onClick: () => {
+            var _a, _b;
+            const screen = window.screen;
+            const width = Math.min(1200, Math.floor(screen.availWidth * 0.8));
+            const height = Math.min(800, Math.floor(screen.availHeight * 0.8));
+            const displayLeft = (_a = screen.availLeft) !== null && _a !== void 0 ? _a : 0;
+            const displayTop = (_b = screen.availTop) !== null && _b !== void 0 ? _b : 0;
+            const left = Math.round(Math.min(Math.max(window.screenX + (window.outerWidth - width) / 2, displayLeft), displayLeft + screen.availWidth - width));
+            const top = Math.round(Math.min(Math.max(window.screenY + (window.outerHeight - height) / 2, displayTop), displayTop + screen.availHeight - height));
+            window.open((0, url_state_1.getUrlForRoute)(route), '_blank', `popup,width=${width},height=${height},left=${left},top=${top}`);
+        },
+        quickSwitcherLabel: null,
+        subMenu: null,
+        type: 'item',
+        value: 'open-in-new-window',
+    };
+};
+exports.getOpenInNewWindowMenuItem = getOpenInNewWindowMenuItem;